/* Tramarkify admin. Built on the website's design language (tramarkify-website/site.css:2-12): ink, paper, accent blue, stamp red,
   Bricolage Grotesque headings, Figtree body, JetBrains Mono for references and amounts. The one bold idea is the stage tracker on an order;
   everything else is quiet, dense and fast for daily work. No inline styles anywhere (the page's CSP forbids them). */
:root{
  color-scheme:light;
  --bg:#F4F5FA; --surface:#FFFFFF; --ink:#0B0E24; --muted:#585E7A; --line:#DEE1EE; --line-2:#ECEEF6;
  --accent:#2B3BFF; --accent-2:#1F2DE0; --accent-soft:#E7E9FF;
  --stamp:#F0452A; --stamp-soft:#FDECE8; --ok:#0C8A5C; --ok-soft:#E3F4EC; --warn:#B45309; --warn-soft:#FDF0DC;
  --deep:#0B0E24; --deep-2:#151937; --on-deep:#EEF0FF; --on-deep-2:#A3A8CC; --deep-line:rgba(255,255,255,.12);
  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:10px; --side:248px;
  --shadow:0 1px 2px rgba(11,14,36,.06),0 14px 30px -22px rgba(11,14,36,.35);
}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
h1,h2,h3{margin:0;font-family:var(--f-display);letter-spacing:-.025em;line-height:1.1;font-weight:700}
h1{font-size:1.9rem;font-weight:800}
h2{font-size:1.1rem}
h3{font-size:.98rem}
p{margin:0}
.mono{font-family:var(--f-mono);font-size:.86em;font-weight:500;letter-spacing:0}
.muted{color:var(--muted)}
.small{font-size:.84rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.boot{padding:40px 24px;color:var(--muted)}

/* ---------- shell ---------- */
.shell{min-height:100vh;display:grid;grid-template-columns:var(--side) minmax(0,1fr)}
.side{background:var(--deep);color:var(--on-deep);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;padding:20px 14px 14px}
.side>.brand{flex:none;margin:0 -14px;padding:4px 24px 14px;border-bottom:1px solid var(--deep-line)}
.brand{display:flex;align-items:baseline;gap:2px;padding:4px 10px 18px;font-family:var(--f-display);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:#fff}
.brand sup{font-size:.55em;color:var(--stamp);font-weight:700;margin-left:1px;position:relative;top:-.35em}
.brand span{font-family:var(--f-mono);font-size:.62rem;font-weight:500;letter-spacing:.08em;color:var(--on-deep-2);margin-left:10px;padding:2px 6px;border:1px solid var(--deep-line);border-radius:4px;align-self:center}
.nav{display:grid;gap:2px;align-content:start;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -14px;padding:0 14px 12px;scrollbar-width:thin;scrollbar-color:var(--deep-line) transparent}
.nav h3{font-family:var(--f-body);font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--on-deep-2);padding:16px 10px 6px}
.nav a,.nav .slot{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--on-deep);font-weight:500;font-size:.93rem;text-decoration:none;position:relative}
.nav a:hover{background:var(--deep-2);text-decoration:none}
.nav a[aria-current="page"]{background:var(--deep-2);color:#fff}
.nav a[aria-current="page"]::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.nav svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.nav .slot{color:var(--on-deep-2);cursor:default;border:1px dashed var(--deep-line);margin:2px 0}
.side-foot{flex:none;display:grid;gap:10px;margin:0 -14px;padding:14px 14px 0;border-top:1px solid var(--deep-line)}
.side-foot svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side-foot .signout{font:600 .88rem var(--f-body);background:transparent;border:1px solid var(--deep-line);color:var(--on-deep);border-radius:8px;padding:8px 10px;cursor:pointer;min-height:38px;text-align:center}
.side-foot .signout:hover{background:var(--deep-2)}
.owner{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--deep-2)}
.owner .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-family:var(--f-display);font-weight:800;flex:none}
.owner b{display:block;font-size:.84rem;font-weight:600;overflow-wrap:anywhere;line-height:1.25}
.owner small{color:var(--on-deep-2);font-size:.74rem}
.topbar{display:none}
.main{min-width:0;padding:30px clamp(18px,3vw,40px) 80px;max-width:1360px;width:100%}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.page-head p{color:var(--muted);margin-top:6px;max-width:62ch}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* ---------- controls ---------- */
.btn{font:600 .88rem var(--f-body);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;min-height:38px}
.btn:hover{border-color:#c4c9e0;text-decoration:none}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent-2)}
.btn.danger{background:var(--stamp);border-color:var(--stamp);color:#fff}
.btn.ghost{background:transparent}
.btn.small{padding:5px 10px;min-height:30px;font-size:.82rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}
input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px;width:100%}
textarea{min-height:92px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
label{display:grid;gap:5px;font-size:.84rem;font-weight:600;color:var(--ink)}
label .hint{font-weight:400;color:var(--muted)}
input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--accent)}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.9rem}
.chip{display:inline-block;font-size:.76rem;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--line-2);color:var(--muted);white-space:nowrap}
.chip.ok{background:var(--ok-soft);color:var(--ok)}
.chip.warn{background:var(--warn-soft);color:var(--warn)}
.chip.hot{background:var(--stamp-soft);color:var(--stamp)}
.chip.accent{background:var(--accent-soft);color:var(--accent-2)}

/* ---------- cards, tables ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-2)}
.card .body{padding:14px 16px}
.card .body .actions{margin-top:14px}
.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{text-align:left;font-size:.76rem;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);background:#FAFBFE;white-space:nowrap}
td{padding:10px 14px;border-bottom:1px solid var(--line-2);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#FAFBFF}
td.num,th.num{text-align:right;white-space:nowrap}
td.nw{white-space:nowrap}
td .sub{display:block;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
td.wrap{max-width:380px;overflow-wrap:anywhere}
.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;color:var(--muted);font-size:.88rem}

/* ---------- states ---------- */
.state{display:grid;gap:10px;justify-items:start;padding:34px 22px;color:var(--muted);background:var(--surface);border:1px dashed #c9cde2;border-radius:var(--r)}
.state strong{color:var(--ink);font-family:var(--f-display);font-size:1.05rem}
.state.error{border-color:var(--stamp);background:var(--stamp-soft);border-style:solid}
.state.error strong{color:var(--stamp)}
.skel{display:grid;gap:10px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.skel i{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--line-2),#f8f9fd,var(--line-2));background-size:200% 100%;animation:sh 1.3s linear infinite}
.skel i:nth-child(2){width:80%}.skel i:nth-child(3){width:60%}
@keyframes sh{to{background-position:-200% 0}}
.banner{padding:12px 16px;border-radius:var(--r);margin-bottom:16px;font-size:.92rem;border:1px solid var(--line);background:var(--surface)}
.banner.warn{background:var(--warn-soft);border-color:#f0d9a8;color:#7a3a05}
.banner.error{background:var(--stamp-soft);border-color:#f7c3b9;color:#a52a14}
.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:var(--deep);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);max-width:min(420px,calc(100vw - 40px));font-weight:500}
.toast.bad{background:var(--stamp)}

/* ---------- home ---------- */
/* one joined strip, not separate cards: the tiles read as a single instrument panel above the work table */
.dash-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}
.dash-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:14px 16px 13px;background:var(--surface);border:0;border-radius:0;color:var(--ink);font:inherit;text-align:left}
button.dash-tile{cursor:pointer}
button.dash-tile:hover{background:#FAFBFF}
button.dash-tile:focus-visible{outline-offset:-3px}
button.dash-tile[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 -3px 0 var(--accent)}
.dash-n{font-family:var(--f-display);font-size:2rem;font-weight:800;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dash-n small{font-family:var(--f-body);font-size:.84rem;font-weight:500;letter-spacing:0;color:var(--muted)}
.dash-n.hot{color:var(--stamp)}
.dash-n.zero{color:#A5AAC2}
.dash-l{font-weight:600;font-size:.9rem}
.dash-h{font-size:.8rem;color:var(--muted)}
.dash-h.hot{color:var(--stamp);font-weight:600}
.dash-tile progress{height:6px;margin:5px 0 3px}
.dash-tile .chip{white-space:normal;border-radius:8px}
.dash-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:30px;margin-bottom:10px}
.dash-bar .actions{gap:8px;margin:0}
.dash-note{margin-top:12px;color:var(--muted);font-size:.84rem}
progress{width:100%;height:10px;border-radius:999px;overflow:hidden;border:0;background:var(--line-2);appearance:none;-webkit-appearance:none}
progress::-webkit-progress-bar{background:var(--line-2)}
progress::-webkit-progress-value{background:var(--accent);border-radius:999px}
progress::-moz-progress-bar{background:var(--accent);border-radius:999px}
progress.hot::-webkit-progress-value{background:var(--warn)}
progress.hot::-moz-progress-bar{background:var(--warn)}

/* ---------- order detail ---------- */
.order-head{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.order-head h1{overflow-wrap:anywhere}
.order-head .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.crumb{font-size:.86rem;margin-bottom:10px;display:inline-block}
.split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.stack{display:grid;gap:18px}
dl.kv{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);margin:0}
dl.kv dt{color:var(--muted);font-size:.84rem;padding:7px 0;border-top:1px solid var(--line-2)}
dl.kv dd{margin:0;padding:7px 0;border-top:1px solid var(--line-2);overflow-wrap:anywhere}
dl.kv dt:first-of-type,dl.kv dd:first-of-type{border-top:0}
.form{display:grid;gap:12px}
.preview{border:1px solid var(--line);border-radius:8px;background:#FAFBFE;padding:12px;font-size:.86rem}
.preview .to{color:var(--muted);margin-bottom:4px}
.preview pre{margin:8px 0 0;white-space:pre-wrap;font:inherit;max-height:220px;overflow:auto;border-top:1px solid var(--line-2);padding-top:8px}
.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);margin-left:6px}
.timeline li{padding:0 0 14px 16px;position:relative}
.timeline li::before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.timeline li.sys::before{border-color:var(--ok)}
.timeline time{display:block;color:var(--muted);font-size:.8rem}
details.raw summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:.88rem;padding:4px 0}
.doclist{list-style:none;margin:0;padding:0}
.doclist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 16px;border-top:1px solid var(--line-2)}
.doclist .nm{font-weight:600;overflow-wrap:anywhere}
.doclist .meta{grid-column:1;color:var(--muted);font-size:.82rem}
.doclist .btn{grid-column:2;grid-row:1/span 2}
.access{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:.86rem}
.access li{display:grid;gap:1px}
h3.sub{font-size:.9rem;margin:0}
.btn.danger-outline{color:var(--stamp);border-color:var(--stamp);background:transparent}
.slot-card{border:1px dashed #c9cde2;background:transparent;box-shadow:none}

/* ---------- dialog ---------- */
dialog{border:0;border-radius:14px;padding:0;max-width:min(560px,calc(100vw - 28px));width:100%;box-shadow:0 30px 80px -20px rgba(11,14,36,.5);color:var(--ink)}
dialog::backdrop{background:rgba(11,14,36,.55)}
dialog .dlg{padding:22px;display:grid;gap:14px}

dialog .figs dt{color:var(--muted)}dialog .figs dd{margin:0;overflow-wrap:anywhere}
dialog .row-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}


/* ---------- quotes and country prices ---------- */
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--line)}
.tab{padding:9px 14px;font-weight:600;font-size:.9rem;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;text-decoration:none}
.tab:hover{color:var(--ink);text-decoration:none}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.qgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.figs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:0;font-size:.9rem}
.figs dt{color:var(--muted)}.figs dd{margin:0;overflow-wrap:anywhere}
.ledger{border:1px solid var(--line);border-radius:8px;background:#FAFBFE;padding:12px 14px;display:grid;gap:10px}
.ledger .figs{grid-template-columns:minmax(0,1fr) auto}
.ledger .figs dd{text-align:right}
.ledger .total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1.5px solid var(--ink);padding-top:10px;font-weight:600}
.ledger .total b{font-size:1.25rem}
.profit{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;border-radius:8px;border:1px dashed var(--ok);background:var(--ok-soft);color:var(--ok);font-size:.88rem;font-weight:600}
.profit b{font-size:1.05rem;white-space:nowrap}
.qcard{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:grid;gap:10px;background:var(--surface)}
.qcard-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.qcard-head b{font-size:1.05rem}
.qcard dl.kv{grid-template-columns:minmax(110px,150px) minmax(0,1fr)}
.plist{list-style:none;margin:0;padding:0}
.plist li{display:flex;justify-content:space-between;gap:10px;padding:9px 16px;border-top:1px solid var(--line-2)}
.plist li:first-child{border-top:0}
table.prices td input{min-width:90px}
table.prices td .sub{display:block}
dialog .figs{background:var(--bg);padding:12px 14px;border-radius:8px}
.ps-body{display:grid;gap:12px;min-width:0}
dialog.wide{max-width:min(920px,calc(100vw - 28px))}
.ps-counts{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ps-list{margin:0;padding:10px 14px 10px 30px;max-height:30vh;overflow:auto;background:var(--stamp-soft);border-radius:8px;font-size:.86rem;display:grid;gap:3px}
.ps-sec{display:grid;gap:6px}
.ps-scroll{max-height:42vh;overflow:auto;border:1px solid var(--line);border-radius:8px}
.ps-table{width:100%;border-collapse:collapse;font-size:.86rem}
.ps-table th{position:sticky;top:0;background:var(--surface);text-align:left;padding:7px 12px;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.ps-table td{padding:7px 12px;border-top:1px solid var(--line-2);vertical-align:top}
.ps-table td:first-child{width:34%}
.ps-table td .chip{margin-left:8px}
.ps-changes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 18px}
@media (max-width:720px){.ps-table td:first-child{width:auto}.ps-changes{display:grid}}
@media (max-width:1024px){.qgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  table.rt.prices td{align-items:center}
  table.rt.prices td input{max-width:60%}
  .ledger .figs{grid-template-columns:minmax(0,1fr) auto}
}

/* ---------- orders: list and single order (ord- classes only, so no other page changes) ---------- */
.main{--g:clamp(18px,3vw,40px)}
.ord-status{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:14px;scrollbar-width:none}
.ord-status::-webkit-scrollbar{display:none}
.ord-st{flex:none;padding:9px 12px;font-weight:600;font-size:.88rem;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.ord-st:hover{color:var(--ink);text-decoration:none}
.ord-st[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
.ord-st:focus-visible{outline-offset:-2px}
.ord-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.ord-q{flex:1 1 260px;min-width:200px}
.ord-filters input,.ord-filters select{height:36px;min-height:36px;padding:5px 10px;font-size:.88rem}
.ord-filters select{width:auto;min-width:136px}
.ord-filters input[name=country]{width:92px}
.ord-dates{position:relative}
.ord-dates summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.88rem;color:var(--muted);white-space:nowrap}
.ord-dates summary::-webkit-details-marker{display:none}
.ord-dates summary::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px)}
.ord-dates.on summary{color:var(--ink);border-color:var(--accent)}
.ord-pop{position:absolute;z-index:6;top:calc(100% + 6px);left:0;display:grid;grid-template-columns:repeat(2,150px);gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.ord-pop-r{left:auto;right:0}
.ord-clear{background:none;border:0;color:var(--accent);font:600 .86rem var(--f-body);cursor:pointer;padding:8px}
.ord-clear:hover{text-decoration:underline}
.ord-list-wrap{box-shadow:none}
table.ord-list{table-layout:fixed;font-size:.88rem}
.ord-list th,.ord-list td{padding:9px 8px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-list td{height:42px}
.ord-list .c-cust{width:102px}.ord-list .c-svc{width:102px}.ord-list .c-ctry{width:78px}.ord-list .c-status{width:160px}
.ord-list .c-stage{width:160px}.ord-list .c-amt{width:92px}.ord-list .c-date{width:98px}
.ord-click{cursor:pointer}
.ord-click:hover .ord-b{color:var(--accent)}
.ord-bc{display:flex;align-items:center;gap:8px;min-width:0}
.ord-b{font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-b:hover{color:var(--accent);text-decoration:none}
.ord-test{flex:none;font-size:.68rem;padding:1px 7px}
.ord-list .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.ord-dash{color:#a9aec6}

.ord-crumb{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px;font-size:.86rem;color:var(--muted)}
.ord-crumb span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-crumb .sep{color:#b4b9d0}
.ord-sum{display:flex;align-items:center;gap:10px;min-height:56px;min-width:0}
.ord-sum h1{font-size:1.4rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-sum .chip{flex:none}
.ord-sum-r{margin-left:auto;flex:none;display:flex;align-items:baseline;gap:14px;color:var(--muted);font-size:.86rem}
.ord-sum-r b{font-size:1.05rem;color:var(--ink)}
.ord-ref{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:var(--muted);font-size:.9rem}
.ord-ref .mono{color:var(--ink)}
.ord-copy{background:none;border:1px solid var(--line);border-radius:6px;padding:2px 9px;font:600 .78rem var(--f-body);color:var(--muted);cursor:pointer}
.ord-copy:hover{color:var(--ink);border-color:#c4c9e0}

.ord-tracker{padding:16px 0 20px}
.ord-note{margin-bottom:12px}
.ord-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.ord-step{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;text-align:center;font-size:.8rem;color:var(--muted);min-width:0}
.ord-step+.ord-step::before{content:"";position:absolute;top:8px;right:50%;width:100%;height:2px;background:var(--line)}
.ord-step.done::before,.ord-step.now::before{background:var(--accent)}
.ord-dot{position:relative;z-index:1;width:18px;height:18px;border-radius:50%;border:2px solid #c9cde2;background:var(--bg)}
.ord-step.done .ord-dot{background:var(--accent);border-color:var(--accent)}
.ord-step.done .ord-dot::after{content:"";position:absolute;left:4.5px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ord-step.now .ord-dot{border-color:var(--accent);background:var(--surface)}
.ord-step.now .ord-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}
.ord-step.now .ord-sn,.ord-step.done .ord-sn{color:var(--ink)}
.ord-step.now .ord-sn{font-weight:700}
.ord-step.fin .ord-dot{background:var(--ok);border-color:var(--ok)}
.ord-step.fin .ord-sn{color:var(--ok);font-weight:700}
.t-warn .ord-step.now .ord-dot{border-color:var(--warn)}.t-warn .ord-step.now .ord-dot::after{background:var(--warn)}
.t-hot .ord-step.now .ord-dot{border-color:var(--stamp)}.t-hot .ord-step.now .ord-dot::after{background:var(--stamp)}
.ord-compact{display:none}
.ord-stepof{font-weight:600;font-size:.92rem;margin-bottom:8px}
progress.ord-bar{height:4px}

.ord-tabbar{padding-bottom:16px}
.ord-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.ord-tabs::-webkit-scrollbar{display:none}
.ord-tab{flex:none;display:inline-flex;align-items:center;gap:7px;padding:11px 14px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font:600 .9rem var(--f-body);color:var(--muted);cursor:pointer;white-space:nowrap}
.ord-tab:hover{color:var(--ink)}
.ord-tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.ord-tab:focus-visible{outline-offset:-2px}
.ord-n{font-family:var(--f-mono);font-size:.72rem;font-weight:500;color:var(--muted);background:var(--line-2);border-radius:999px;padding:1px 7px}
.ord-flag.soft{background:var(--warn-soft);color:var(--warn);box-shadow:inset 0 0 0 1px #f0d9a8}
.ord-flag{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--stamp);color:#fff;font-size:.7rem;font-weight:800;line-height:1}
.ord-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.ord-panels{min-width:0}
.ord-ov>*+*{border-top:1px solid var(--line-2)}
.ord-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.ord-g{padding:16px}
.ord-g h2{font-size:.98rem;margin-bottom:8px}
.ord-ov dl.kv{grid-template-columns:minmax(88px,118px) minmax(0,1fr)}
.ord-ledger{display:grid;margin:0}
.ord-lr{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-top:1px solid var(--line-2)}
.ord-lr:first-child{border-top:0}
.ord-lr dt{color:var(--muted);font-size:.9rem}
.ord-lr dd{margin:0;text-align:right;overflow-wrap:anywhere}
.ord-lr.tot{font-weight:600}
.ord-lr.tot dt{color:var(--ink)}
.ord-lr:not(.tot)+.ord-lr.tot{border-top:1.5px solid var(--ink)}
.ord-side .form>[aria-live]:empty{position:absolute;width:1px;height:1px;overflow:hidden}
.ord-panels .card .table-wrap{border:0;border-radius:0;box-shadow:none}
.ord-dispute{margin-bottom:6px}
.ord-money dl.kv{margin-top:12px;padding-top:6px;border-top:1px solid var(--line-2)}
@media (min-width:1025px){
  .ord-sum,.ord-tabbar{position:sticky;background:var(--bg);margin-left:calc(-1*var(--g));margin-right:calc(-1*var(--g));padding-left:var(--g);padding-right:var(--g)}
  .ord-sum{top:0;z-index:12;height:60px}
  .ord-tabbar{top:60px;z-index:11}
}

/* ---------- responsive ---------- */
@media (max-width:1280px){
  .split{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:1024px){
  .split{grid-template-columns:minmax(0,1fr)}
  .split>.edit{order:-1}
}
@media (max-width:860px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:20;background:var(--deep);color:#fff;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}
  .topbar .brand{padding:0}
  .topbar button{background:transparent;border:1px solid var(--deep-line);color:#fff;border-radius:8px;padding:7px 12px;font:600 .88rem var(--f-body);cursor:pointer}
  .side{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:40;transform:translateX(-102%);transition:transform .2s;height:100dvh;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  body.menu-open .side{transform:none}
  body.menu-open::after{content:"";position:fixed;inset:0;background:rgba(11,14,36,.5);z-index:30}
  .main{padding:20px 16px 70px}
  h1{font-size:1.55rem}
}
@media (max-width:720px){
  table.rt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%}
  table.rt tr{padding:12px 14px;border-bottom:1px solid var(--line)}
  table.rt tbody tr:last-child{border-bottom:0}
  table.rt td{display:flex;justify-content:space-between;gap:14px;padding:3px 0;border:0;text-align:right}
  table.rt td::before{content:attr(data-label);color:var(--muted);font-size:.8rem;font-weight:600;text-align:left;flex:none;max-width:42%}
  table.rt td.num{text-align:right}
  table.rt td.wrap{max-width:none}
  table.rt td:empty{display:none}
  table.rt .sub{text-align:right}
  .table-wrap{overflow-x:visible}
  dl.kv{grid-template-columns:minmax(0,1fr)}
  dl.kv dt{border-top:1px solid var(--line-2);padding-bottom:0}
  dl.kv dd{border-top:0;padding-top:0}
  dl.kv dt:first-of-type{border-top:0}
  .order-head{flex-direction:column-reverse;align-items:flex-start}
  .page-head{align-items:flex-start}
}

/* orders: tablet and phone (after the generic table rules above, which these deliberately override) */
@media (max-width:1280px){
  .ord-body{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:1239px){
  .dash-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dash-tile.static{grid-column:1/-1}
  .ord-q{flex:1 1 100%}
  table.rt.ord-list,table.rt.ord-list tbody{display:block;width:100%}
  table.rt.ord-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.rt.ord-list tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand brand brand amt" "cust cust svc ctry" "status stage date date";gap:5px 12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line-2)}
  table.rt.ord-list tbody tr:last-child{border-bottom:0}
  table.rt.ord-list td{display:block;width:auto;min-width:0;height:auto;padding:0;border:0;text-align:left}
  table.rt.ord-list td::before{content:none}
  table.rt.ord-list td.c-brand{grid-area:brand}
  table.rt.ord-list td.c-amt{grid-area:amt;text-align:right}
  table.rt.ord-list td.c-cust{grid-area:cust;color:var(--muted)}
  table.rt.ord-list td.c-svc{grid-area:svc;color:var(--muted)}
  table.rt.ord-list td.c-ctry{grid-area:ctry;color:var(--muted);text-align:right}
  table.rt.ord-list td.c-status{grid-area:status}
  table.rt.ord-list td.c-stage{grid-area:stage;color:var(--muted)}
  table.rt.ord-list td.c-date{grid-area:date;color:var(--muted);text-align:right}
}
@media (max-width:1024px){
  .ord-body{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .ord-pop{grid-template-columns:repeat(2,minmax(130px,1fr))}
}
@media (max-width:720px){
  .dash-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash-tile.static{grid-column:1/-1}
  .dash-tile{padding:12px 13px 11px}
  .dash-n{font-size:1.7rem}
  .ord-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ord-q,.ord-clear{grid-column:1/-1}
  .ord-pop{grid-template-columns:minmax(0,1fr)}
  .ord-filters select,.ord-filters input[name=country]{width:100%;min-width:0}
  .ord-clear{justify-self:start;padding:4px 2px}
  .ord-pop{position:static;margin-top:6px;box-shadow:none}
  .ord-sum{flex-wrap:wrap;row-gap:4px;padding:4px 0}
  .ord-sum h1{flex:1 1 100%;font-size:1.3rem}
  .ord-sum-r{margin-left:0;flex:1 1 100%}
  .ord-ov dl.kv dt,.ord-ov dl.kv dd{padding:7px 0;border-top:1px solid var(--line-2)}
  .ord-ov dl.kv dt:first-of-type,.ord-ov dl.kv dd:first-of-type{border-top:0}
  .ord-ref{margin-bottom:0}
}
@media (max-width:700px){
  .ord-steps{display:none}
  .ord-compact{display:block}
}

/* ---------- sortable tables, open-in-place rows, the other lists (same look as Orders) ---------- */
.sort-btn{display:flex;align-items:center;gap:6px;width:100%;min-width:0;text-align:inherit;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;border-radius:4px}
.sort-btn:hover{color:var(--ink)}
.sort-btn:focus-visible{outline-offset:3px}
.sort-t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sort-ar{flex:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:0}
th.num .sort-btn{flex-direction:row-reverse}
th[aria-sort=ascending],th[aria-sort=descending]{color:var(--ink)}
th[aria-sort=ascending] .sort-ar{border-bottom:5px solid currentColor;opacity:1}
th[aria-sort=descending] .sort-ar{border-top:5px solid currentColor;opacity:1}
th[aria-sort=none] .sort-ar{position:relative;width:8px;height:11px;border:0;opacity:.45}
th[aria-sort=none] .sort-ar::before,th[aria-sort=none] .sort-ar::after{content:"";position:absolute;left:0;border-left:4px solid transparent;border-right:4px solid transparent}
th[aria-sort=none] .sort-ar::before{top:0;border-bottom:4px solid currentColor}
th[aria-sort=none] .sort-ar::after{bottom:0;border-top:4px solid currentColor}
th[aria-sort=none] .sort-btn:hover .sort-ar,th[aria-sort=none] .sort-btn:focus-visible .sort-ar{opacity:1}
.sortbar{display:none;align-items:center;gap:10px;margin:0 0 10px;font-size:.84rem;font-weight:600;color:var(--muted)}
.sortbar select{height:36px;min-height:36px;padding:5px 10px;font-size:.88rem;flex:1 1 auto;max-width:340px;width:auto;font-weight:500}
.card .sortbar{margin:10px 16px 6px}
@media (max-width:720px){.sortbar{display:flex}}
@media (max-width:1239px){.sortbar.stk{display:flex}}

.ord-st{display:inline-flex;align-items:center}
.ord-st .ord-n{margin-left:7px}
.ord-st .ord-n:empty{display:none}
.ord-st[aria-current="page"] .ord-n{background:var(--accent-soft);color:var(--accent-2)}

.exp-btn{display:flex;align-items:center;gap:7px;width:100%;min-width:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:4px}
.exp-btn:focus-visible{outline-offset:2px}
.exp-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-car{flex:none;width:6px;height:6px;border:solid #8a90ab;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);transition:transform .12s}
tr.open .exp-car{transform:rotate(45deg)}
tr.ord-click:hover .exp-car,.exp-btn:hover .exp-car{border-color:var(--accent)}
tr.open>td{border-bottom-color:transparent}
.ord-list .exp-row td{height:auto;white-space:normal;overflow:visible;text-overflow:clip;vertical-align:top;padding:2px 16px 16px 25px;background:#FAFBFF;cursor:text}
.ord-list tbody tr.exp-row:hover{background:#FAFBFF}
.exp{display:grid;gap:12px;max-width:80ch}
.exp-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;user-select:text}
.exp dl.kv{grid-template-columns:minmax(80px,104px) minmax(0,1fr);font-size:.86rem;user-select:text}
.exp dl.kv dt{padding:5px 0}
.exp dl.kv dd{padding:5px 0}
.lst-sub{color:var(--muted);font-size:.84rem;margin-left:8px}
.lst-chip{margin-left:8px;vertical-align:middle}
.par-warn{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ord-list .actions{flex-wrap:nowrap;gap:6px}
.ord-list td .btn.small{min-height:26px;padding:2px 10px;font-size:.8rem}

/* column widths from 1240 px up (the rest of the row is shared by the free column) */
.lst-enq .e-when{width:158px}.lst-enq .e-type{width:112px}.lst-enq .e-who{width:226px}.lst-enq .e-brand{width:128px}
.lst-led .l-when{width:158px}.lst-led .l-who{width:226px}.lst-led .l-brand{width:122px}.lst-led .l-amt{width:128px}.lst-led .l-st{width:150px}
.lst-rem .r-exp{width:106px}.lst-rem .r-mark{width:176px}.lst-rem .r-who{width:206px}.lst-rem .r-sent{width:94px}.lst-rem .r-ord{width:180px}
.lst-att .a-type{width:172px}.lst-att .a-brand{width:180px}.lst-att .a-ref{width:214px}.lst-att .a-when{width:150px}
.lst-att .a-b{font-weight:600}
.lst-rev .v-ord{width:130px}.lst-rev .v-who{width:136px}.lst-rev .v-amt{width:126px}.lst-rev .v-pro{width:104px}.lst-rev .v-when{width:114px}.lst-rev .v-act{width:188px}
.lst-rev td{height:auto;vertical-align:top}
.lst-rev td.v-why,.lst-rev td.v-when{white-space:normal;overflow-wrap:anywhere}
.lst-rev td.v-amt{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}   /* a figure is never cut short */
.lst-rev td .sub{overflow:hidden;text-overflow:ellipsis;font-size:.76rem}
.lst-rev td.v-ord .sub{white-space:normal;overflow-wrap:anywhere}   /* the end of a reference tells two orders apart */
.lst-rev td .ord-b{display:block;overflow:hidden;text-overflow:ellipsis}
.lst-rev .v-pn{text-transform:capitalize}
.lst-fail .f-when{width:158px}.lst-fail .f-kind{width:250px}.lst-fail .f-ord{width:164px}.lst-fail .f-tries{width:66px}.lst-fail .f-btn{width:76px}
.lst-log .g-when{width:158px}.lst-log .g-who{width:212px}.lst-log .g-chg{width:172px}.lst-log .g-ref{width:164px}
.lst-par .p-ctry{width:124px}.lst-par .p-name{width:210px}.lst-par .p-upd{width:112px}.lst-par .p-act{width:150px}
.lst-qa .q-ord{width:176px}.lst-qa .q-ctry{width:92px}.lst-qa .q-since{width:112px}.lst-qa .q-quote{width:196px}.lst-qa .q-btn{width:92px}
.lst-qs .q-ord{width:164px}.lst-qs .q-pay{width:104px}.lst-qs .q-date{width:106px}.lst-qs .q-stat{width:102px}.lst-qs .q-law{width:112px}.lst-qs .q-profit{width:88px}.lst-qs .q-paid{width:98px}.lst-qs .q-btn{width:66px}
.lst-cp .cp-code{width:70px}.lst-cp .cp-st{width:120px}.lst-cp .cp-fee{width:128px}.lst-cp .cp-gb{width:136px}.lst-cp .cp-upd{width:112px}
.ord-list .p-act,.ord-list .q-btn,.ord-list .f-btn{text-align:right}
.ord-list th.p-act,.ord-list th.q-btn,.ord-list th.f-btn{padding:0}
.q-brand b{font-weight:600}
.cp-off td{color:var(--muted)}
.cp-off .chip{opacity:.8}
.lst-cp .cp-name .ord-b{display:block}
.cp-code{color:var(--muted)}

/* Country price list and country screens */
.cp-hint{margin:-4px 0 14px;color:var(--muted);font-size:.88rem;max-width:80ch}
.cp-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cp-title h1{overflow-wrap:anywhere}
.cp-one{max-width:880px}
.cp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.cp-fields label{display:grid;gap:4px;align-content:start}
.cp-one .ledger .total{border-top:0;padding-top:0}
.profit.neg{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}
@media (max-width:720px){.cp-fields{grid-template-columns:minmax(0,1fr)}}
.cp-one>.card>header{display:none}
.cp-note{margin:0 0 14px;color:var(--muted);font-size:.9rem;max-width:80ch}
.cp-busy{opacity:.55;transition:opacity .15s}

/* the other lists, stacked below 1240 px like Orders (after the Orders rules above) */
@media (max-width:1239px){
  table.rt.ord-list tr.exp-row{display:block;width:100%;padding:0 14px 14px 14px;border-bottom:1px solid var(--line-2)}
  table.rt.ord-list tr.exp-row td{display:block;width:100%;padding:0;text-align:left;background:transparent}
  table.rt.ord-list tr.open{border-bottom-color:transparent}
  .ord-list .exp-row td{background:transparent}
  table.rt.ord-list tbody tr.exp-row:hover{background:transparent}
  table.rt.ord-list .lst-sub{margin-left:6px}
  table.rt.ord-list td.num{text-align:right}

  table.rt.lst-att tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"type when" "brand ref" "det det"}
  table.rt.lst-att td.a-type{grid-area:type}table.rt.lst-att td.a-when{grid-area:when;text-align:right;color:var(--muted)}
  table.rt.lst-att td.a-brand{grid-area:brand}table.rt.lst-att td.a-ref{grid-area:ref;text-align:right}
  table.rt.lst-att td.a-det{grid-area:det;color:var(--muted)}

  table.rt.lst-rev tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ord amt" "who when" "why why" "pro act";align-items:center}
  table.rt.lst-rev td.v-ord{grid-area:ord}table.rt.lst-rev td.v-amt{grid-area:amt}
  table.rt.lst-rev td.v-who{grid-area:who;color:var(--muted)}table.rt.lst-rev td.v-when{grid-area:when;text-align:right;color:var(--muted);white-space:nowrap}
  table.rt.lst-rev td.v-why{grid-area:why}
  table.rt.lst-rev td.v-pro{grid-area:pro;color:var(--muted)}table.rt.lst-rev td.v-act{grid-area:act}
  table.rt.lst-rev .sub{text-align:left}

  table.rt.lst-enq tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who when" "brand type" "msg msg"}
  table.rt.lst-enq td.e-who{grid-area:who}table.rt.lst-enq td.e-when{grid-area:when;text-align:right;color:var(--muted)}
  table.rt.lst-enq td.e-brand{grid-area:brand;color:var(--muted)}table.rt.lst-enq td.e-type{grid-area:type;text-align:right;color:var(--muted)}
  table.rt.lst-enq td.e-msg{grid-area:msg}

  table.rt.lst-led tr{grid-template-columns:minmax(0,1fr) minmax(0,45%);grid-template-areas:"who amt" "brand ctry" "st when"}
  table.rt.lst-led td.l-who{grid-area:who}table.rt.lst-led td.l-amt{grid-area:amt;text-align:right}
  table.rt.lst-led td.l-brand{grid-area:brand;color:var(--muted)}table.rt.lst-led td.l-ctry{grid-area:ctry;text-align:right;color:var(--muted)}
  table.rt.lst-led td.l-st{grid-area:st}table.rt.lst-led td.l-when{grid-area:when;text-align:right;color:var(--muted)}

  table.rt.lst-rem tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mark exp" "who who" "sent ord" "note note"}
  table.rt.lst-rem td.r-mark{grid-area:mark}table.rt.lst-rem td.r-exp{grid-area:exp;text-align:right}
  table.rt.lst-rem td.r-who{grid-area:who;color:var(--muted)}table.rt.lst-rem td.r-sent{grid-area:sent;color:var(--muted)}
  table.rt.lst-rem td.r-ord{grid-area:ord;text-align:right}table.rt.lst-rem td.r-note{grid-area:note;color:var(--muted)}

  table.rt.lst-fail tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kind btn" "ord tries" "when when" "err err"}
  table.rt.lst-fail td.f-kind{grid-area:kind;font-weight:600}table.rt.lst-fail td.f-btn{grid-area:btn}
  table.rt.lst-fail td.f-ord{grid-area:ord}table.rt.lst-fail td.f-when{grid-area:when;color:var(--muted);margin-top:-2px}
  table.rt.lst-fail td.f-tries{grid-area:tries;text-align:right;color:var(--muted)}table.rt.lst-fail td.f-tries::after{content:" tries"}
  table.rt.lst-fail td.f-err{grid-area:err}

  table.rt.lst-log tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"chg when" "who ref" "ba ba"}
  table.rt.lst-log td.g-chg{grid-area:chg;font-weight:600}table.rt.lst-log td.g-when{grid-area:when;text-align:right;color:var(--muted)}
  table.rt.lst-log td.g-who{grid-area:who;color:var(--muted)}table.rt.lst-log td.g-ref{grid-area:ref;text-align:right}
  table.rt.lst-log td.g-ba{grid-area:ba}

  table.rt.lst-par tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ctry act" "email email" "name upd"}
  table.rt.lst-par td.p-ctry{grid-area:ctry}table.rt.lst-par td.p-act{grid-area:act}
  table.rt.lst-par td.p-email{grid-area:email}table.rt.lst-par td.p-name{grid-area:name;color:var(--muted)}
  table.rt.lst-par td.p-upd{grid-area:upd;text-align:right;color:var(--muted)}

  table.rt.lst-qa tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand btn" "ord since" "ctry quote"}
  table.rt.lst-qa td.q-brand{grid-area:brand}table.rt.lst-qa td.q-btn{grid-area:btn}
  table.rt.lst-qa td.q-ord{grid-area:ord}table.rt.lst-qa td.q-since{grid-area:since;text-align:right;color:var(--muted)}
  table.rt.lst-qa td.q-ctry{grid-area:ctry;color:var(--muted)}table.rt.lst-qa td.q-quote{grid-area:quote;text-align:right}

  table.rt.lst-qs tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand btn" "ord pay" "date stat" "law profit" "paid paid"}
  table.rt.lst-qs td.q-brand{grid-area:brand}table.rt.lst-qs td.q-btn{grid-area:btn}
  table.rt.lst-qs td.q-ord{grid-area:ord}table.rt.lst-qs td.q-pay{grid-area:pay;text-align:right}
  table.rt.lst-qs td.q-date{grid-area:date;color:var(--muted)}table.rt.lst-qs td.q-stat{grid-area:stat;text-align:right}
  table.rt.lst-qs td.q-law{grid-area:law;color:var(--muted)}table.rt.lst-qs td.q-profit{grid-area:profit;text-align:right}
  table.rt.lst-qs td.q-paid{grid-area:paid;color:var(--muted)}

  table.rt.lst-cp tr{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"name name name code" "st st upd upd" "f g gb gb"}
  table.rt.lst-cp td.cp-name{grid-area:name}table.rt.lst-cp td.cp-code{grid-area:code;text-align:right}
  table.rt.lst-cp td.cp-st{grid-area:st}table.rt.lst-cp td.cp-upd{grid-area:upd;text-align:right;color:var(--muted)}
  table.rt.lst-cp td.cp-f{grid-area:f}table.rt.lst-cp td.cp-g{grid-area:g}table.rt.lst-cp td.cp-gb{grid-area:gb}
  table.rt.lst-cp td.cp-fee{text-align:left}
  table.rt.lst-cp td.cp-fee::before,table.rt.lst-cp td.cp-gb::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:600;color:var(--muted)}
}
.q-brand .ord-b{flex:0 1 auto;max-width:75%}
.q-brand .lst-sub{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}