/* MANIFESTS — NEW VIEW (Dispatch Classic | New, Ed-approved 2026-10-02). Scoped to `#panel-manifest.mfl-new .mfr-run` so
   Classic and the manifest full page are untouched. The run table is styled by work-run.css (shared with Billing and
   Orders). Skin B tokens, square corners, gold only as a marker. */
#panel-manifest .emr-mfl-view-seg { margin-left: 6px; }
#panel-manifest.mfl-new .mfr-run { flex: 1; min-height: 0; overflow: auto; border: 1px solid var(--border); background: var(--bg); }
#panel-manifest.mfl-new .mfr-run .run-table { width: 100%; }
#panel-manifest.mfl-new .mfr-id { font-family: var(--mono); font-weight: 800; }
#panel-manifest.mfl-new .mfr-sub,
#panel-manifest.mfl-new .mfr-dim { color: var(--text3); font-size: 11px; }
#panel-manifest.mfl-new .mfr-next { white-space: nowrap; }
#panel-manifest.mfl-new .mfr-row { cursor: pointer; }
@media (max-width: 720px) {
  #panel-manifest.mfl-new .mfr-next { white-space: normal; }
}

/* STICKY STAGES (Ed 2026-10-03: "new orders stages scroll away" — the same on every New view): the strip sticks to the
   top of .mfr-run, the list's own scroll area, above the rows. */
#panel-manifest.mfl-new .mfr-run > .mfr-bar { position: sticky; top: 0; z-index: 6; display: flex; flex-wrap: wrap; align-items: stretch; background: var(--bg); border-bottom: var(--rule-w, 2px) solid var(--rule, var(--text)); }
#panel-manifest.mfl-new .mfr-bar > .run-strip { flex: 1 1 auto; min-width: 0; border-bottom: 0; }
/* Columns + Reset at the bar's right; the chooser in place under it (Ed 2026-10-03: sortable, adjustable columns) */
#panel-manifest.mfl-new .mfr-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 5px 8px; margin-left: auto; }
#panel-manifest.mfl-new .mfr-tool { min-height: 24px; border: 1px solid var(--border2); background: var(--bg); color: var(--text); font: inherit; font-size: 11px; font-weight: 700; padding: 0 10px; cursor: pointer; border-radius: 0; }
#panel-manifest.mfl-new .mfr-tool[aria-expanded="true"] { background: var(--text); color: var(--bg); border-color: var(--text); }
#panel-manifest.mfl-new .mfr-tool:disabled { color: var(--text3); cursor: default; }
#panel-manifest.mfl-new .mfr-tool:focus-visible { outline: 2px solid var(--ink-info); outline-offset: 1px; }
#panel-manifest.mfl-new .mfr-col-chooser { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 6px 10px; background: var(--bg2); border-bottom: 1px solid var(--border); }
#panel-manifest.mfl-new .mfr-col-opt { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--text); min-height: 24px; cursor: pointer; }
#panel-manifest.mfl-new .mfr-tool-hint { flex-basis: 100%; font-size: 10.5px; color: var(--text3); }
#panel-manifest.mfl-new th.is-sortable { cursor: pointer; user-select: none; }
#panel-manifest.mfl-new th.is-sortable:hover { color: var(--text); }
#panel-manifest.mfl-new th[aria-sort="ascending"], #panel-manifest.mfl-new th[aria-sort="descending"] { color: var(--text); box-shadow: inset 0 -3px 0 var(--ink-gold); }
#panel-manifest.mfl-new .mfr-sort-ind { display: inline-block; min-width: 1em; margin-left: 4px; font-size: 9px; }