/* Contracting — the shared presentation (Doop contracting-ux rev 2.9: §7 track + stage CSS verbatim, D-C3 rows, D-C4 record,
   D-C6 list, §9 org scope). Imported by pages/carrier-requests/page.css and pages/my-team/page.css; every rule hangs off the
   `.cxd` root the builders in pages/carrier-requests/view.js draw into, so any page can host it.
   `[data-page] .cxd` outranks the legacy per-page track rules (page.css .stg / .rail) without touching them. */

/* ---------------------------------------------------------------- §7 track + stage (verbatim, prefixed) */
:root{--rq:#f5a623;--rq-wash:rgb(245 166 35/.24);--rq-ink:#8a5a00}
[data-page] :where(.cxd) .trk:not(.lg-track){--c:var(--accent);--h:var(--accent-tint);display:inline-grid;grid-template-columns:repeat(4,15px) 6px;gap:3px;align-items:center;height:14px;vertical-align:middle}
[data-page] :where(.cxd) .trk:not(.lg-track).rq{--c:var(--rq);--h:var(--rq-wash)}[data-page] :where(.cxd) .trk:not(.lg-track).ok{--c:var(--pos)}[data-page] :where(.cxd) .trk:not(.lg-track).no{--c:var(--crt)}[data-page] :where(.cxd) .trk:not(.lg-track).wd{--c:var(--neu)}
[data-page] :where(.cxd) .trk:not(.lg-track).s2{grid-template-columns:69px 6px}
[data-page] :where(.cxd) .trk:not(.lg-track) i{position:static;display:block;height:4px;width:auto;border-radius:2px;background:var(--track);transition:none}
[data-page] :where(.cxd) .trk:not(.lg-track) i::after{display:none}
[data-page] :where(.cxd) .trk:not(.lg-track) i.on,[data-page] :where(.cxd) .trk:not(.lg-track) i.cur{width:auto;height:4px}
[data-page] :where(.cxd) .trk:not(.lg-track) i:last-child,[data-page] :where(.cxd) .trk:not(.lg-track) i:last-child.on,[data-page] :where(.cxd) .trk:not(.lg-track) i:last-child.cur{width:6px;height:6px;border-radius:50%}
[data-page] :where(.cxd) .trk:not(.lg-track) i.on{background:var(--c)}
[data-page] :where(.cxd) .trk:not(.lg-track) i.cur{background:var(--c);box-shadow:0 0 0 2px var(--h)}
[data-page] .cxd .stg{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;height:auto;align-items:start}   /* doop-parity: integration — hosted in My Team, its own .stg grid must not apply */
[data-page] .cxd .stg b{font:var(--t-strong)}
[data-page] .cxd .stg b.rq{color:var(--rq-ink)}[data-page] .cxd .stg b.ok{color:var(--pos-ink)}[data-page] .cxd .stg b.no{color:var(--crt-ink)}[data-page] .cxd .stg b.wd{color:var(--ink-2)}
[data-page] .cxd .trkl{--c:var(--accent);--h:var(--accent-tint);list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0;padding:0}
[data-page] .cxd .trkl.rq{--c:var(--rq);--h:var(--rq-wash)}[data-page] .cxd .trkl.ok{--c:var(--pos)}[data-page] .cxd .trkl.no{--c:var(--crt)}[data-page] .cxd .trkl.wd{--c:var(--neu)}
[data-page] .cxd .trkl.s2{grid-template-columns:repeat(2,1fr)}
[data-page] .cxd .trkl li{overflow-wrap:normal;word-break:normal;display:grid;grid-template-rows:4px 2.6em auto;gap:6px 0;align-content:start;padding-right:4px;font:var(--t-label);color:var(--ink-2)}
[data-page] .cxd .trkl li::before{content:"";display:block;height:4px;border-radius:2px;background:var(--track)}
[data-page] .cxd .trkl li.on::before{background:var(--c)}
[data-page] .cxd .trkl li.cur::before{background:var(--c);box-shadow:0 0 0 2px var(--h)}
[data-page] .cxd .trkl li.on,[data-page] .cxd .trkl li.cur{color:var(--ink-1)}
[data-page] .cxd .trkl li.cur{font-weight:600}
[data-page] .cxd .trkl.rq li.cur{color:var(--rq-ink)}
[data-page] .cxd .trkl.ok li:last-child{color:var(--pos-ink);font-weight:600}
[data-page] .cxd .trkl.no li:last-child{color:var(--crt-ink);font-weight:600}
[data-page] .cxd .trkl.wd li:last-child{color:var(--ink-2);font-weight:600}
[data-page] .cxd .trkl li span{font:var(--t-small);color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:400}
[data-page] .cxd .trkl.v{grid-template-columns:1fr;gap:4px}
[data-page] .cxd .trkl.v li{grid-template-columns:4px minmax(0,1fr) auto;grid-template-rows:auto;gap:0 12px;align-items:center;min-height:36px;padding:0;font:var(--t-body)}
[data-page] .cxd .trkl.v li::before{height:28px;width:4px}
[data-page] .cxd .trkl.v li.cur,[data-page] .cxd .trkl.v li:last-child{font-weight:600}
[data-page] .cxd .trkl.v li span{justify-self:end;text-align:right;white-space:nowrap}
[data-page] .cxd .trkl.v li span.l{justify-self:start;text-align:left;font:inherit;color:inherit;white-space:normal}
@media (forced-colors:active){[data-page] :where(.cxd) .trk:not(.lg-track) i,[data-page] .cxd .trkl li::before{forced-color-adjust:none}}

/* ---------------------------------------------------------------- layout: list + inspector (G2 bar · G3 dense table · G2 inspector 420) */
[data-page] .cxd.crx{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;min-width:0}
[data-page] .cxd.crx.is-split{grid-template-columns:minmax(0,1fr) 420px}
[data-page] .cxd .lst{display:grid;gap:12px;min-width:0;align-content:start;container-name:cxmain;container-type:inline-size}
[data-page] .cxd .cr-rec{position:sticky;top:var(--h-band);min-width:0;max-height:calc(100vh - var(--h-band));max-height:calc(100dvh - var(--h-band));overflow:auto;overscroll-behavior:contain;border-radius:var(--r-panel)}
[data-page] .cxd.crx:not(.is-split) .cr-rec{position:relative;top:auto;max-height:none;overflow:visible}
@media(max-width:1279px){[data-page] .cxd.crx.is-split{grid-template-columns:minmax(0,1fr)}[data-page] .cxd .cr-rec{position:relative;top:auto;max-height:none;overflow:visible}}

/* filter bar */
[data-page] :where(.cxd) .fbar:not(.lg-bar){display:flex;align-items:center;gap:8px;min-height:44px;padding:8px}
[data-page] :where(.cxd) .fbar:not(.lg-bar)>.fld{flex:0 1 220px;min-width:160px;margin:0;max-width:none}
[data-page] :where(.cxd) .fbar:not(.lg-bar) .toks{display:flex;align-items:center;gap:6px}
[data-page] :where(.cxd) .fbar:not(.lg-bar) .end{margin-left:auto;display:flex;gap:6px;align-items:center}
[data-page] :where(.cxd) .fbar:not(.lg-bar) .fld input{width:100%;min-width:0;height:100%}

/* table */
[data-page] :where(.cxd) .tbl:not(.lg-tbl){width:100%;border-collapse:collapse;table-layout:fixed}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) th{height:28px;padding:0 12px;font:var(--t-label);color:var(--ink-2);text-align:left;white-space:nowrap}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) th:first-child,[data-page] :where(.cxd) .tbl:not(.lg-tbl) td:first-child{padding-left:16px}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) th:nth-child(1){width:44%}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) th:nth-child(3){width:84px}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) th:nth-child(4){width:38px}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) th.r,[data-page] :where(.cxd) .tbl:not(.lg-tbl) td.r{text-align:right}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) td{height:48px;padding:0 12px;border-top:1px solid var(--hair);vertical-align:middle;white-space:nowrap;overflow:hidden;transition:background-color var(--dur-hover) ease}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) td.r{vertical-align:top;padding-top:5px}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr[data-row]{cursor:pointer;outline-offset:-2px}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr[data-row]:focus-visible{outline:0}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.sel td{background:var(--accent-tint)}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.sel td:first-child{box-shadow:inset 2px 0 0 var(--accent)}
@media (hover:hover) and (pointer:fine){[data-page] :where(.cxd) .tbl:not(.lg-tbl) tbody tr[data-row]:not(.sel):hover td{background:var(--accent-wash)}}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) td.chev{padding:0 12px 0 0;text-align:right;color:var(--ink-2)}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) td.chev .i{display:inline-block;vertical-align:middle}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) .cn{display:flex;align-items:center;gap:10px;min-width:0}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) .cn>.logo,[data-page] :where(.cxd) .tbl:not(.lg-tbl) .cn>.nolg,[data-page] :where(.cxd) .tbl:not(.lg-tbl) .cn>.pos-ic{width:20px;height:20px;flex:none;border-radius:4px}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) .cn>.nolg{display:block;background:var(--neu-wash)}
[data-page] .cxd .l2{display:grid;gap:2px;min-width:0}
[data-page] .cxd .l2 b{font:var(--t-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-page] .cxd .l2 b a{color:inherit;text-decoration:none}
[data-page] .cxd .l2 small{font:var(--t-small);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.done .l2 b{font-weight:500}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) td .num{color:var(--ink-1)}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.gh td{height:36px;padding:0 16px;border-top:1px solid var(--hair-2);background:rgb(16 30 42/.025);font:var(--t-label);color:var(--ink-2)}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.gh td b{margin-left:6px;font-weight:500}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.gh.ag td{padding:0 16px 0 16px}
[data-page] .cxd .ghr{display:flex;align-items:center;gap:8px;min-width:0}
[data-page] .cxd .ghr .av{width:20px;height:20px;flex:none;font-size:.5625rem}
[data-page] .cxd .ghr .nm{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font:var(--t-strong)}
[data-page] .cxd .ghr .po{font:var(--t-small);color:var(--ink-2);font-weight:400;white-space:nowrap}
[data-page] .cxd .ghr .sm{margin-left:auto;color:var(--ink-2);font:var(--t-small);font-weight:400;white-space:nowrap}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.more td{height:40px;padding:0 16px}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) tr.more .btn.pl{padding:0;height:28px;gap:6px;font-weight:500;color:var(--accent-ink)}
[data-page] .cxd .pos-ic{display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px var(--glyph);color:var(--glyph)}
[data-page] .cxd .pos-ic .i{width:12px;height:12px;stroke-width:2.2}
[data-page] :where(.cxd) .cr-empty:not(.lg-empty){display:grid;justify-items:center;gap:8px;padding:40px 24px;text-align:center}
[data-page] :where(.cxd) .cr-empty:not(.lg-empty) p{font:var(--t-strong)}

/* ---------------------------------------------------------------- inspector (G2 · 420) */
[data-page] .cxd .ins{position:relative;border-radius:var(--r-panel);padding:0 0 10px;min-width:0;overflow-wrap:anywhere}
[data-page] .cxd .ins>header{display:flex;align-items:flex-start;gap:12px;padding:16px 12px 10px 20px;min-height:0}
[data-page] .cxd .ins>header>.logo{width:28px;height:28px;border-radius:6px;margin-top:2px}
[data-page] .cxd .ins>header>.nolg{display:block;width:28px;height:28px;border-radius:6px;background:var(--neu-wash);margin-top:2px;flex:none}
[data-page] .cxd .ins>header .pos-ic.big{width:28px;height:28px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--hair-2);background:var(--neu-wash);color:var(--accent-ink);margin-top:2px;flex:none}
[data-page] .cxd .ins>header .pos-ic.big .i{width:16px;height:16px}
[data-page] .cxd .ins>header .ht{display:grid;gap:4px;min-width:0;flex:1}
[data-page] .cxd .ins>header h2{font:600 17px/1.25 var(--font-ui);letter-spacing:-.01em;outline:0}
[data-page] .cxd .ins>header .st{font:var(--t-body)}
[data-page] .cxd .ins>header .st.ac::before{background:var(--accent)}
[data-page] .cxd .ins>header .st.rq{color:var(--rq-ink);font-weight:500}[data-page] .cxd .ins>header .st.rq::before{background:var(--rq)}
[data-page] .cxd .ins>header .st.ok{color:var(--pos-ink);font-weight:500}[data-page] .cxd .ins>header .st.ok::before{background:var(--pos)}
[data-page] .cxd .ins>header .st.no{color:var(--crt-ink);font-weight:500}[data-page] .cxd .ins>header .st.no::before{background:var(--crt)}
[data-page] .cxd .ins>header .st.wd{color:var(--ink-2);font-weight:500}[data-page] .cxd .ins>header .st.wd::before{background:var(--neu)}
[data-page] .cxd .ins>header .agl{font:var(--t-small);color:var(--accent-ink);width:fit-content}
[data-page] .cxd .ins>header .agl:hover{text-decoration:underline}
[data-page] .cxd .ins>header .x{display:flex;gap:2px;margin-left:auto}
[data-page] .cxd .ins .sec{position:relative;padding:14px 20px 16px}
[data-page] .cxd .ins .sec~.sec::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:var(--hair)}
[data-page] .cxd .ins .sec h3{font:var(--t-label);color:var(--ink-2);margin-bottom:8px}
[data-page] .cxd .ins .sec.trs{padding:4px 20px 14px}
[data-page] .cxd .rqm h3{font:var(--t-section);letter-spacing:-.006em;color:var(--ink-1);margin-bottom:0}
[data-page] .cxd .ins .rqm h3{font:var(--t-section);color:var(--ink-1);margin-bottom:0}
[data-page] .cxd .cr-requirement-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}
[data-page] .cxd .cr-requirement-head h3{min-width:0;overflow-wrap:anywhere;flex:1}
[data-page] .cxd .cr-requirement-status{font:var(--t-label);white-space:nowrap;color:var(--rq-ink)}
[data-page] .cxd .cr-requirement-status.ok{color:var(--pos-ink)}
[data-page] .cxd .cr-requirement-history{margin-top:8px}
[data-page] .cxd .cr-requirement-history>summary,[data-page] .cxd .cr-message-disclosure>summary{min-height:44px;align-content:center;cursor:pointer;font:var(--t-label);color:var(--accent-ink)}
[data-page] .cxd .cr-requirement-picker{margin-bottom:12px;flex-wrap:wrap}
[data-page] .cxd .cr-requirement-history-item+.cr-requirement-history-item{margin-top:16px}
[data-page] .cxd .msg{margin-top:8px;font:400 14px/1.5 var(--font-ui);color:var(--ink-1);text-wrap:pretty;white-space:pre-wrap}
[data-page] .cxd .by{margin-top:6px;font:var(--t-small);color:var(--ink-2)}
[data-page] .cxd .rpl{margin-top:16px;padding-left:12px;box-shadow:inset 2px 0 0 var(--rq)}
[data-page] .cxd .rpl .msg{margin-top:0}
[data-page] .cxd .att{margin-top:8px}
[data-page] .cxd .chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:var(--r-tag);background:var(--neu-wash);font:var(--t-small);color:var(--ink-1)}
[data-page] .cxd .chip .i{color:var(--ink-2)}
[data-page] .cxd .cmp{display:grid;gap:8px;margin-top:12px}
[data-page] .cxd .fld.ta{height:auto;align-items:stretch;padding:8px 10px}
[data-page] .cxd .fld.ta textarea{min-height:38px;resize:none;line-height:1.45;width:100%}
[data-page] .cxd .cmp .row{display:flex;align-items:center;gap:6px}
[data-page] .cxd .cmp .row .end{margin-left:auto;display:flex;gap:6px;align-items:center}
[data-page] .cxd .cmp .as{font:var(--t-small);color:var(--ink-2)}
[data-page] .cxd .cmp .fd{display:flex;align-items:center;gap:6px;min-width:0}
[data-page] .cxd .cmp .att-chip{display:inline-flex;align-items:center;gap:4px}
[data-page] .cxd .ins .kvx{display:grid;margin:0}
[data-page] .cxd .ins .kvx>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid var(--hair);font:var(--t-body)}
[data-page] .cxd .ins .kvx>div:first-child{border-top:0;padding-top:0}
[data-page] .cxd .ins .kvx dt{color:var(--ink-2)}
[data-page] .cxd .ins .kvx dd{text-align:right;color:var(--ink-1);margin:0;padding:0;min-width:0}
[data-page] .cxd .ins .kvx .lk{color:var(--accent-ink)}
[data-page] .cxd .ins .kvx .lk:hover{text-decoration:underline}
[data-page] .cxd .ins .kvx dd:has(.lc){display:grid;justify-items:end;gap:6px}
[data-page] .cxd .ins .kvx dd:has(.lc){display:grid;justify-items:end;gap:6px}
[data-page] .cxd .ins .kvx .lc{display:inline-flex;align-items:center;gap:6px}
[data-page] .cxd .ins .kvx .lc .logo{width:16px;height:16px}
/* B8-15: what the producer's profile lacks — one plain line under Details and on the Review step, text only (no pill, no kicker) */
[data-page] .cxd .ins .cr-gap{margin:8px 0 0;font:var(--t-body);color:var(--ink-1)}
.cxd-sheet .cr-gap{margin:12px 0 0;font:var(--t-body);color:var(--ink-1)}
.cxd-sheet .cr-gap[hidden],[data-page] .cxd .ins .cr-gap[hidden]{display:none}
[data-page] .cxd .msgi+.msgi{margin-top:12px}
[data-page] .cxd .msgi .msg{margin-top:0}
[data-page] .cxd .mcmp{display:flex;gap:6px;margin-top:12px;align-items:center}
[data-page] .cxd .mcmp .fld{flex:1;min-width:0}
[data-page] .cxd .acts .ab{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
[data-page] .cxd .btn.crit{color:var(--crt-ink)}
[data-page] .cr-new[aria-expanded=true],.cr-new[aria-expanded=true]{color:var(--on-accent)}
[data-page] .cxd .btn.pl.crit{color:var(--crt-ink)}
[data-page] .cxd .ferr{margin-top:8px;font:var(--t-small);color:var(--crt-ink);display:flex;gap:6px;align-items:center}
[data-page] .cxd .ferr .i{width:14px;height:14px}

/* ---------------------------------------------------------------- band: scope + agent pop-up */
.cxd-scope{margin-left:14px}
.cxd-agents{margin-left:14px}
.cxd-agents .btn{gap:6px}

/* ---------------------------------------------------------------- phone (07 list · 08 record) */
.is-phone [data-page] .cxd.crx{gap:12px}
.is-phone [data-page] .cxd .seg.cxd-scope-in{display:flex;margin:0 0 12px}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar){display:grid;gap:8px;padding:8px 0 8px 12px;margin-bottom:0}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .r{display:flex;align-items:center;gap:8px;padding-right:12px}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .fld{flex:1 1 0;min-width:0;height:36px}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .fld input{font-size:1rem}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .btn{flex:none;height:36px;padding:0 12px;font-size:.9375rem}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .toks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-right:12px}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .tk{position:relative;height:32px;padding:0 10px;font-size:.8125rem}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .tk::after{content:"";position:absolute;inset:-6px -2px}
.is-phone [data-page] :where(.cxd) .fbar:not(.lg-bar) .toks .btn{height:32px;gap:4px;margin-left:auto;padding:0 10px 0 12px;font-size:.8125rem}
[data-page] .cxd .ldg{padding:0}
[data-page] .cxd .rqs{list-style:none;margin:0;padding:0}
[data-page] .cxd .ct{display:grid;grid-template-columns:20px minmax(0,1fr) 14px;column-gap:10px;align-items:center;min-height:56px;padding:6px 10px 6px 16px;transition:background-color var(--dur-hover) ease}
[data-page] .cxd .ct:active{background:var(--accent-wash)}
[data-page] .cxd .rqs>li+li .ct{box-shadow:inset 0 1px 0 var(--hair)}
[data-page] .cxd .ct>.logo,[data-page] .cxd .ct>.nolg,[data-page] .cxd .ct>.pos-ic{width:20px;height:20px;border-radius:5px}
[data-page] .cxd .ct>.nolg{display:block;background:var(--neu-wash)}
[data-page] .cxd .ct .t{display:grid;gap:2px;min-width:0}
[data-page] .cxd .ct .l1{display:flex;align-items:baseline;gap:6px;min-width:0}
[data-page] .cxd .ct .l1 b{min-width:0;font:var(--t-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-page] .cxd .ct.done .l1 b{font-weight:500}
[data-page] .cxd .ct .l1 small{flex:none;font:var(--t-small);color:var(--ink-2);white-space:nowrap}
[data-page] .cxd .ct .stg{display:flex;align-items:center;gap:6px;white-space:nowrap}
[data-page] .cxd .ct .stg .trk{flex:none}
[data-page] .cxd .ct .stg b{flex:none;font:600 .8125rem/1.35 var(--font-ui)}
[data-page] .cxd .ct .stg small{min-width:0;overflow:hidden;text-overflow:ellipsis;font:var(--t-small);color:var(--ink-2)}
[data-page] .cxd .ct>.chev{width:14px;height:14px;stroke-width:2.2;color:var(--ink-2)}
[data-page] .cxd .rqs>li.gh{display:flex;align-items:center;min-height:40px;padding:6px 16px;font:var(--t-label);color:var(--ink-2);box-shadow:inset 0 1px 0 var(--hair-2);background:rgb(16 30 42/.025)}
[data-page] .cxd .rqs>li.gh h2{font:inherit;display:flex;align-items:center;gap:8px;min-width:0;flex:1;white-space:nowrap}
[data-page] .cxd .rqs>li.gh h2 b{min-width:0;overflow:hidden;text-overflow:ellipsis}
[data-page] .cxd .rqs>li.gh .po,[data-page] .cxd .rqs>li.gh .sm{flex:none;white-space:nowrap}
[data-page] .cxd .rqs>li.gh b{margin-left:6px;font-weight:500}
[data-page] .cxd .rqs>li.gh.ag b{margin-left:0;font:var(--t-strong);color:var(--ink-1)}
[data-page] .cxd .rqs>li.gh.ag .av{width:20px;height:20px;font-size:.5625rem}
[data-page] .cxd .rqs>li.gh .po{font:var(--t-small);font-weight:400}
[data-page] .cxd .rqs>li.gh .sm{margin-left:auto;font:var(--t-small);font-weight:400}
[data-page] .cxd .rqs>li.more{padding:0 16px;min-height:44px;display:flex;align-items:center}
/* phone record: cards */
.is-phone [data-page] .cxd.crx .ins{padding:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:grid;gap:12px;border-radius:0}
.is-phone [data-page] .cxd.crx .ins::before{display:none}
.is-phone [data-page] .cxd.crx .ins>header,.is-phone [data-page] .cxd.crx .ins>.sec{position:relative;background:var(--g2);backdrop-filter:var(--g2-filter);-webkit-backdrop-filter:var(--g2-filter);box-shadow:var(--sh-2),inset 0 0 20px rgb(255 255 255/.2);border-radius:var(--r-card)}
.is-phone [data-page] .cxd.crx .ins>header{align-items:center;padding:12px 16px}
.is-phone [data-page] .cxd.crx .ins>header .x{display:none}
.is-phone [data-page] .cxd.crx .ins .sec,.is-phone [data-page] .cxd.crx .ins .sec.trs{padding:14px 16px 16px}
.is-phone [data-page] .cxd.crx .ins .sec~.sec::before{display:none}
.is-phone [data-page] .cxd.crx .ins .sec.trs{padding:12px 16px}
.is-phone [data-page] .cxd .ins .rqm h3{font:var(--t-section)}
.is-phone [data-page] .cxd .ins .cmp .row{flex-wrap:wrap}
.is-phone [data-page] .cxd .ins .cmp .row .end{margin-left:0;width:100%}
.is-phone [data-page] .cxd .ins .cmp .row .end .btn.pri{flex:1;height:44px}
.is-phone [data-page] .cxd .ins .cmp .btn.ic{width:44px;height:44px}

/* ---------------------------------------------------------------- sheets · dialogs (overlay content lives in #layer) */
.cxd-sheet .stp{display:flex;align-items:center;gap:10px;padding:4px 20px 14px;list-style:none;box-shadow:none;margin:0}
.cxd-sheet .stp li{display:flex;align-items:center;gap:7px;font:500 12px/1 var(--font-ui);color:var(--ink-2);white-space:nowrap}
.cxd-sheet .stp li i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair-2);font:600 11px/1 var(--font-ui);font-style:normal;font-variant-numeric:tabular-nums}
.cxd-sheet .stp li i .i{width:11px;height:11px;stroke-width:3;color:var(--accent)}
.cxd-sheet .stp li.pass i{box-shadow:inset 0 0 0 1px var(--accent)}
.cxd-sheet .stp li.cur{color:var(--ink-1);font-weight:600}
.cxd-sheet .stp li.cur i{background:var(--accent);color:var(--on-accent);box-shadow:none}
.cxd-sheet .stp li+li::before{content:"";width:28px;height:1px;background:var(--hair-2);margin-right:3px}
.cxd-sheet .sheet-body{padding:0 20px 8px}
.cxd-sheet .sheet-body .fld{height:32px}
.cxd-sheet .sheet-body .fld.ta{height:auto}
.cxd-sheet .cl{list-style:none;margin:10px 0 0;padding:0}
.cxd-sheet .cl li{display:flex;align-items:center;gap:10px;min-height:36px;border-top:1px solid var(--hair);font:500 13px/1 var(--font-ui)}
.cxd-sheet .cl li:first-child{border-top:0}
.cxd-sheet .cl li>label{display:flex;align-items:center;gap:10px;flex:1;min-height:36px;min-width:0;cursor:default}
.cxd-sheet .cl li .logo{width:16px;height:16px}
.cxd-sheet .cl li.on{font-weight:600}
.cxd-sheet .cl li .sub{margin-left:auto;font:var(--t-small);font-weight:400;color:var(--ink-2)}
.cxd-sheet .cb{display:grid;place-items:center;width:14px;height:14px;flex:none;border-radius:4px;box-shadow:inset 0 0 0 1px var(--edge-field);background:rgb(255 255 255/.72)}
.cxd-sheet input.cbi{position:absolute;opacity:0;width:0;height:0}
.cxd-sheet input.cbi:checked+.cb{background:var(--accent);box-shadow:none;color:#fff}
.cxd-sheet .cb .i{width:10px;height:10px;stroke-width:3.2;color:#fff;display:none}
.cxd-sheet input.cbi:checked+.cb .i{display:block}
.cxd-sheet .hl{height:1px;background:var(--hair);margin:16px 0 12px}
.cxd-sheet .un{font:var(--t-label);color:var(--ink-2);margin-bottom:2px}
.cxd-sheet .cl.un-l li{color:var(--ink-1);font-weight:500}
.cxd-sheet .cl.un-l li .why{margin-left:auto;font:var(--t-small);font-weight:400;color:var(--ink-2)}
.cxd-sheet .cl.un-l li .why.rq{color:var(--rq-ink)}
.cxd-sheet .cl.un-l .logo{opacity:.7}
.cxd-sheet .for h3,.cxd-sheet .lbl{font:var(--t-label);color:var(--ink-2);margin:12px 0 2px}
.cxd-sheet .fact{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;border-top:1px solid var(--hair);font:var(--t-body)}
.cxd-sheet .fact:first-of-type{border-top:1px solid var(--hair)}
.cxd-sheet .fact dt,.cxd-sheet .fact span:first-child{color:var(--ink-2)}
.cxd-sheet .fact b{font-weight:400;display:inline-flex;align-items:center;gap:8px;color:var(--ink-1)}
.cxd-sheet .fact .av{width:20px;height:20px;font-size:.5625rem}
.cxd-sheet .fl{display:grid;gap:6px;margin-top:16px}
.cxd-sheet .fl>span.k{font:var(--t-body);color:var(--ink-1)}
.cxd-sheet .fl>span.k i{font-style:normal;color:var(--ink-2);font-size:12px;margin-left:4px}
.cxd-sheet select.sel{width:100%;height:32px;padding:0 28px 0 10px;border:0;border-radius:var(--r-ctl);background:rgb(255 255 255/.72);box-shadow:inset 0 0 0 1px var(--edge-field);font:var(--t-body);color:var(--ink-1);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334434f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}
.cxd-sheet select.sel:disabled{color:var(--ink-disabled)}
.cxd-sheet .lines{list-style:none;margin:6px 0 0;padding:0}
.cxd-sheet .lines li{display:flex;align-items:center;gap:10px;min-height:36px;border-top:1px solid var(--hair);font:var(--t-body)}
.cxd-sheet .lines li:first-child{border-top:0}
.cxd-sheet .lines li .t{display:grid;gap:2px;min-width:0;flex:1}
.cxd-sheet .lines li .t b{font:var(--t-strong)}
.cxd-sheet .lines li .t small{font:var(--t-small);color:var(--ink-2)}
.cxd-sheet .lines li .rt{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:var(--t-small);color:var(--ink-2)}
.cxd-sheet .lines li .rt::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neu)}
.cxd-sheet .lines li .rt.ok{color:var(--pos-ink)}.cxd-sheet .lines li .rt.ok::before{background:var(--pos)}
.cxd-sheet .sbk{border:1px solid var(--hair);border-radius:var(--r-card);background:rgb(255 255 255/.5);margin-top:8px}
.cxd-sheet .sbk .hd{display:flex;align-items:center;gap:10px;padding:12px;min-width:0}
.cxd-sheet .sbk .hd .t{display:grid;gap:2px;flex:1;min-width:0}
.cxd-sheet .sbk .hd .t b{font:var(--t-strong)}
.cxd-sheet .sbk .hd .t small{font:var(--t-small);color:var(--ink-2)}
.cxd-sheet .sbk .ck{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-top:1px solid var(--hair);font:var(--t-body)}
.cxd-sheet .sbk .ck label{display:flex;align-items:center;gap:10px;flex:1;cursor:default}
.cxd-sheet .pl-lbl{font:var(--t-label);color:var(--ink-2);margin:16px 0 4px}
.cxd-sheet .nostep{display:flex;align-items:center;gap:10px;min-height:36px;font:var(--t-body)}
.cxd-sheet .ferr{margin-top:8px;font:var(--t-small);color:var(--crt-ink);display:flex;gap:6px;align-items:center}
.cxd-sheet .ferr .i{width:14px;height:14px}
.cxd-sheet>footer{display:flex;align-items:center;padding:12px 20px 14px;box-shadow:inset 0 1px 0 var(--hair)}
.cxd-sheet>footer .btn.pl{padding:0;color:var(--ink-1);font-weight:500}
.cxd-sheet>footer .btn.pri{margin-left:auto}
.cxd-sheet>footer .btn.pri[disabled]{opacity:.5}
.cxd-sheet .picks{list-style:none;margin:6px 0 0;padding:0}
.cxd-sheet .picks li{border-top:1px solid var(--hair)}
.cxd-sheet .picks li:first-child{border-top:0}
.cxd-sheet .picks label{display:flex;align-items:center;gap:10px;min-height:36px;font:500 13px/1 var(--font-ui);cursor:default}
.cxd-sheet .picks .av{width:20px;height:20px;font-size:.5625rem}
.cxd-sheet .picks .po{margin-left:auto;font:var(--t-small);font-weight:400;color:var(--ink-2)}
.cxd-sheet .rad{display:grid;place-items:center;width:14px;height:14px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px var(--edge-field);background:rgb(255 255 255/.72)}
.cxd-sheet input.cbi:checked+.rad{box-shadow:inset 0 0 0 4px var(--accent);background:#fff}
.cxd-sheet .picks li.on label{font-weight:600}
.cxd-sheet .plan{margin-top:16px}
.cxd-sheet .plan h3{font:var(--t-label);color:var(--ink-2);margin-bottom:2px}
.cxd-dlg .fl{display:grid;gap:6px;margin-top:12px}
.cxd-dlg .fl .k{font:var(--t-body);color:var(--ink-1)}
.cxd-dlg textarea{width:100%;min-height:76px;padding:8px 10px;border:0;border-radius:var(--r-ctl);background:rgb(255 255 255/.72);box-shadow:inset 0 0 0 1px var(--edge-field);font:var(--t-body);color:var(--ink-1);resize:none;outline:0;display:block}
.cxd-dlg .btn.crit-pri{background:var(--crt);color:#fff}

/* the contracting sheets are 480 wide (frames 03 · 17 · 18 · 04b); Send off is 520 (frame A2) */
dialog.cxd-sheet.side-sheet{width:480px}
dialog.cxd-sheet.side-sheet.wide{width:520px}

/* phone record: the band carries the title (08) — the card keeps the mark and the stage word */
.is-phone [data-page] .cxd.crx.is-pushed .ins>header h2{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.is-phone [data-page] .cxd.crx.is-pushed .ins>header .ht{gap:0}

/* Send off (A2): 520, docked beside the record (the inspector's left edge − 12) so both stay readable */
dialog.cxd-sheet.side-sheet.wide.dock{inset:var(--h-band,64px) 444px auto auto;height:auto;max-height:calc(100% - var(--h-band,64px) - 12px);align-items:stretch}
dialog.cxd-sheet.side-sheet.wide.dock .sheet-body{flex:0 1 auto;align-self:stretch;padding-bottom:16px}

.is-phone [data-page] .cxd .rqs>li.gh.ag{gap:12px}
.is-phone [data-page] .cxd .rqs>li.gh .po{display:none}

/* Keep filters and request actions reachable in narrow lists and record panes. */
[data-page] :where(.cxd) .fbar:not(.lg-bar),[data-page] :where(.cxd) .fbar:not(.lg-bar) .toks,[data-page] :where(.cxd) .fbar:not(.lg-bar) .end{flex-wrap:wrap}
[data-page] :where(.cxd) .fbar:not(.lg-bar) .toks{min-width:0}
[data-page] .cxd .cmp .row,[data-page] .cxd .cmp .row .end{flex-wrap:wrap}
[data-page] .cxd .cxd-table-scroll{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
[data-page] :where(.cxd) .tbl:not(.lg-tbl){min-width:460px}
[data-page] .cxd .cxd-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
dialog.cxd-sheet.side-sheet{max-width:calc(100vw - 24px)}
@media (max-width:1279px){
  dialog.cxd-sheet.side-sheet.wide.dock{inset:var(--h-band,64px) 12px auto auto;max-height:calc(100dvh - var(--h-band,64px) - 12px)}
}
[data-page] :where(.cxd) .tbl:not(.lg-tbl) .l2 small{white-space:normal;overflow:visible;overflow-wrap:anywhere}

/* Searchable agent picker + carrier rows of the admin / manager request sheet (pages/carrier-requests/agent-picker.js · create-ui.js).
   The chosen agent is one row with Change; the search box lists the matches in a scroller that never grows the sheet. */
.cxd-sheet .ap{margin-top:12px}
.cxd-sheet .ap>.lbl{display:block;margin:0 0 6px}
.cxd-sheet .ap-find{margin:0}
.cxd-sheet .ap-find input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;color:inherit}
.cxd-sheet .ap-find input::-webkit-search-cancel-button{display:none}
.cxd-sheet .ap-list{list-style:none;margin:6px 0 0;padding:0;max-height:min(280px,40dvh);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-ctl);box-shadow:inset 0 0 0 1px var(--hair)}
.cxd-sheet .ap-list li[role=option]{display:flex;align-items:center;gap:10px;min-height:var(--h-row);padding:0 10px;border-top:1px solid var(--hair);font:500 13px/1 var(--font-ui);cursor:default}
.cxd-sheet .ap-list li[role=option]:first-child{border-top:0}
.cxd-sheet .ap-list li[role=option].hl,.cxd-sheet .ap-list li[role=option]:hover{background:var(--accent-tint)}
.cxd-sheet .ap-list li[role=option][aria-selected=true]{font-weight:600}
.cxd-sheet .ap-list .av,.cxd-sheet .ap-sel .av{width:20px;height:20px;font-size:.5625rem;flex:none}
.cxd-sheet .ap-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxd-sheet .ap-list .po,.cxd-sheet .ap-sel .po{margin-left:auto;flex:none;font:var(--t-small);font-weight:400;color:var(--ink-2);white-space:nowrap}
.cxd-sheet .ap-empty{padding:10px;font:var(--t-small);color:var(--ink-2)}
.cxd-sheet .ap-sel{display:flex;align-items:center;gap:10px;min-height:36px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font:500 13px/1 var(--font-ui)}
.cxd-sheet .ap-sel .po{margin-left:auto}
.cxd-sheet .ap-sel .btn.pl{padding:0 0 0 8px;margin-left:8px;color:var(--accent-ink)}
.cxd-sheet .cx-carriers{border:0;margin:16px 0 0;padding:0;min-width:0}
.cxd-sheet .cx-carriers>legend.lbl{margin:0 0 6px;padding:0}
.cxd-sheet .cl li{flex-wrap:wrap}
.cxd-sheet .cl li[hidden]{display:none}
.cxd-sheet .cl .cx-name{flex:1 1 auto;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:none}
.cxd-sheet .cl .cx-lvl{flex:1 0 100%;padding:0 0 12px 24px}
.cxd-sheet .cl .cx-lvl .fl{margin-top:0}
.cxd-sheet .ferr[role=alert]:focus-visible{outline:0}
.is-phone .cxd-sheet .ap-list li[role=option]{min-height:var(--hit)}
.is-phone .cxd-sheet .cl li>label{min-height:var(--hit)}
.is-phone .cxd-sheet .ap-find input,.is-phone .cxd-sheet .sheet-body .fld input,.is-phone .cxd-sheet select.sel{font-size:1rem}

/* the admin queue beside its docked record: the status tag already names the state, so the mini track gives its room to the Requested column */
[data-page] .cxd.is-split .crq-team .crq-stage .lg-track,[data-page] .cxd.is-split .crq-stage .lg-track{display:none}
[data-page] .cxd.is-split .crq-team .q-date{white-space:nowrap}
/* A request with a staff message not yet read (agent and manager lists): the plain words next to the status, the carrier in bold. */
[data-page] .cxd .crq-stage .crq-newmsg{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font:var(--t-small);color:var(--accent);white-space:nowrap}
[data-page] .cxd .crq-stage .crq-newmsg::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}
[data-page] .cxd .is-unread a b{font-weight:600}
/* Phone: the pushed record scrolls clear of the floating tab bar. */
@media(max-width:767px){[data-page] .cxd.is-pushed .cr-rec{padding-bottom:96px}}
/* The docked inspector leaves the list 788px at 1440: the mini track gives way so the status word and the date are never clipped (admin and staff). */
[data-page="carrier-requests"] .cxd.is-split .crq-team .crq-stage .lg-track{display:none !important}
/* …and the request type (it heads the record) so the Requested date stays in view beside the docked inspector. */
[data-page="carrier-requests"] .cxd.is-split .crq-team .q-type{display:none}