/* Rosmoyka UI: one material, type and motion system for every cabinet. */
:root[data-ui="modern"][data-ui] .rc th {background:var(--ui-soft);color:var(--ui-muted);}
:root[data-ui="modern"][data-current-view="shift"] #view > .grid {align-items:start;}
:root[data-ui="modern"] .list > .row {flex-wrap:wrap;align-items:flex-start;}
:root[data-ui="modern"] .list > .row > :first-child:not(.amt):not(button):not(.cab-thumb) {flex:1 1 160px;min-width:0;}
:root[data-ui="modern"] .list > .row > .amt {max-width:100%;margin-left:auto;}
:root[data-ui="modern"] .row-message {flex:0 1 180px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5;color:var(--ui-warn);font-weight:600;}
/* Receipt previews never compete with the description for flexible space. */
:root[data-ui="modern"] .mgr-cab-history .list > .cab-row {display:grid;grid-template-columns:52px minmax(0,1fr) max-content;gap:12px;align-items:center;}
:root[data-ui="modern"] .mgr-cab-history .list > .cab-row > .cab-thumb {width:52px;height:52px;min-width:52px;max-width:52px;flex:0 0 52px;grid-column:1;grid-row:1;align-self:start;}
:root[data-ui="modern"] .mgr-cab-history .list > .cab-row > :nth-child(2) {grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere;}
:root[data-ui="modern"] .mgr-cab-history .list > .cab-row > .amt {grid-column:3;grid-row:1;margin:0;justify-self:end;max-width:100%;}
@media (max-width:959px) {
  :root[data-ui="modern"] .mgr-cab-history .list > .cab-row {grid-template-columns:44px minmax(0,1fr);gap:10px 12px;align-items:start;}
  :root[data-ui="modern"] .mgr-cab-history .list > .cab-row > .cab-thumb {width:44px;height:44px;min-width:44px;max-width:44px;flex-basis:44px;}
  :root[data-ui="modern"] .mgr-cab-history .list > .cab-row > .amt {grid-column:1 / -1;grid-row:2;font-size:18px;white-space:normal;overflow-wrap:anywhere;}
}
:root[data-ui="modern"][data-ui] {
  color-scheme:light;
  --ui-bg:#f1f4f7; --ui-surface:#ffffff; --ui-raised:#fbfcfd; --ui-soft:#f3f6f9;
  --ui-text:#192b3c; --ui-muted:#526477; --ui-line:#d8e1ea;
  --ui-accent:#945529; --ui-accent-hi:#b87643; --ui-header:#142536;
  --ui-ok:#226f50; --ui-warn:#8d5816; --ui-danger:#b3343b;
  --ui-shadow:0 2px 4px rgba(17,37,57,.035),0 8px 22px -14px rgba(17,37,57,.19),inset 0 1px 0 #fff;
  --ui-deep-shadow:0 2px 0 rgba(25,43,60,.025),0 12px 30px -18px rgba(25,43,60,.22),inset 0 1px 0 rgba(255,255,255,.9);
  --bg:var(--ui-bg); --bg2:var(--ui-soft); --paper:var(--ui-bg);
  --surface:var(--ui-surface); --surface2:var(--ui-soft); --text:var(--ui-text);
  --muted:var(--ui-muted); --muted2:var(--ui-muted); --line:var(--ui-line);
  --accent:var(--ui-accent); --accent-deep:#75411d; --bronze:var(--ui-accent);
  --accent2:var(--ui-ok); --ok:var(--ui-ok); --warn:var(--ui-warn); --warning:var(--ui-warn);
  --danger:var(--ui-danger); --error:var(--ui-danger); --ink:var(--ui-header);
  --radius:18px; --radius-s:10px; --shadow:var(--ui-shadow);
  --font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --display:var(--font);
  font-family:var(--font); background:var(--ui-bg); color:var(--ui-text);
}
:root[data-ui="modern"][data-ui-theme="dark"] {
  color-scheme:dark;
  --ui-bg:#101b28; --ui-surface:#1b2b3c; --ui-raised:#23364b; --ui-soft:#172637;
  --ui-text:#edf3fa; --ui-muted:#b3c2d3; --ui-line:#384c62;
  --ui-accent:#e1b185; --ui-accent-hi:#f1c49b; --ui-ok:#83d4ad; --ui-warn:#f0be77; --ui-danger:#ff9da4;
  --ui-shadow:0 2px 3px rgba(0,0,0,.1),0 14px 32px -12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07);
  --ui-deep-shadow:0 4px 0 rgba(0,0,0,.08),0 20px 46px -16px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.09);
}
:root[data-ui="modern"] body {
  background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--ui-accent) 9%,transparent),transparent 55%),var(--ui-bg);
  color:var(--ui-text); font:15px/1.55 var(--font); min-width:320px;
  -webkit-font-smoothing:antialiased;
}
:root[data-ui="modern"] :is(h1,h2,h3,.brand-title,.st-title,.big,.big2,.now-big,.stat b,.kpi b,.mgr-figure,.mgr-cab-balance) {
  font-family:var(--font); letter-spacing:-.035em;
}
:root[data-ui="modern"] :is(h1,h2,h3) { font-weight:750; text-wrap:balance; }
:root[data-ui="modern"] :is(.owner-page-head h1,.heading h1,.acc-head h1) { color:var(--ui-text); font-size:clamp(26px,2.4vw,36px); line-height:1.2; }
:root[data-ui="modern"] :is(.card h3,.settlement h2,.work h2,.st-grid h3) {
  color:var(--ui-text); font-size:16px; font-weight:750; text-transform:none; letter-spacing:-.02em;
}
:root[data-ui="modern"] :is(.card,.pl,.settlement,.work,.u,.login-card,.mgr-intro,.mgr-cab-history,.rep-card,.dl) {
  background:linear-gradient(155deg,var(--ui-surface),var(--ui-raised));
  color:var(--ui-text); border:1px solid var(--ui-line); border-radius:18px;
  box-shadow:var(--ui-deep-shadow); min-width:0;
}
:root[data-ui="modern"] .work { padding:24px; }
:root[data-ui="modern"] :is(.card,.settlement,.u,.login-card) { position:relative; }
:root[data-ui="modern"] :is(.sheet-panel,.st-sheet-panel) {
  background:linear-gradient(145deg,var(--ui-surface),var(--ui-raised)); color:var(--ui-text);
  border-color:var(--ui-line); box-shadow:0 30px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);
  border-radius:24px; isolation:isolate;
}
:root[data-ui="modern"] :is(.sheet-backdrop,.st-sheet-backdrop) { background:rgba(5,15,27,.6); backdrop-filter:blur(8px); }
:root[data-ui="modern"] :is(.topbar,.st-top,body>header,.nav,.acc-nav) {
  --surface2:#22394f; --text:#f4f7fb; --muted:#c0ccda; --muted2:#c0ccda; --line:#3c5269; --accent:#efbd91;
  background:linear-gradient(145deg,#1d344b,#122335); color:#f4f7fb;
  border-color:#314b64; box-shadow:0 3px 18px rgba(7,22,38,.16),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:none;
}
:root[data-ui="modern"] :is(.brand-title,.st-title,.brand-sub,.st-sub,.st-clock,.dp-label,.dp-arrow,.topbar .icon-btn,.topbar .pill) { color:#f4f7fb; }
:root[data-ui="modern"] :is(.brand-sub,.st-sub,.st-clock small) { color:#c0ccda; letter-spacing:.02em; text-transform:none; }
:root[data-ui="modern"] :is(.topbar,.st-top,body>header) .logo-dark { display:block; }
:root[data-ui="modern"] :is(.topbar,.st-top,body>header) .logo-light { display:none; }
:root[data-ui="modern"] :is(.seg,.toggle) { background:var(--ui-soft); border-color:var(--ui-line); }
:root[data-ui="modern"] :is(.seg,.toggle) button { color:var(--ui-muted); }
:root[data-ui="modern"] :is(.seg,.toggle) button.active { background:var(--ui-accent); color:var(--ui-bg); }
:root[data-ui="modern"] :is(.datepill,.ctrl .seg,.topbar .pill,.topbar .icon-btn,.st-tabs,.st-actions .ghost) {
  background:linear-gradient(160deg,#2c435a,#22364b); border-color:#4a6178; color:#f4f7fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 8px rgba(0,0,0,.12); border-radius:13px;
}
:root[data-ui="modern"] :is(.ctrl .seg,.st-tabs) { padding:4px; }
:root[data-ui="modern"] :is(.nav button,.st-tabs button) { color:#d0dbe6; font-weight:650; }
:root[data-ui="modern"] :is(.nav button.active,.st-tabs button.active,.ctrl .seg button.active) {
  background:linear-gradient(145deg,#986137,#74441f); color:#fff4e8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 8px rgba(0,0,0,.2); border-radius:12px;
}
:root[data-ui="modern"] .nav-group { color:#c0ccda; letter-spacing:.1em; }
:root[data-ui="modern"] .nav-search input { background:#20374c; border-color:#526980; color:#fff; }
:root[data-ui="modern"] .nav { scrollbar-color:#627a90 transparent; }
:root[data-ui="modern"] :is(.nav button,.st-tabs button,.btn,.st-btn,.chip,.tb,.qa-btn,.cab-btn,.mgr-cab-action,.ui-theme-toggle) {
  transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;
}
:root[data-ui="modern"] :is(.btn,.st-btn,.chip,.tb,.mgr-cab-action,body>main button,main#main button:not(.dp-arrow),.period button) {
  border-radius:13px; min-height:44px; font-family:var(--font); font-weight:700;
}
:root[data-ui="modern"] :is(.btn,.st-btn,.tb,.chip,.mgr-cab-action):where(:not(.primary):not(.danger):not(.ok):not(.active):not(.sel):not(.selected):not(.on)) {
  background:linear-gradient(155deg,var(--ui-surface),var(--ui-soft)); color:var(--ui-text);
  border:1px solid var(--ui-line); box-shadow:0 2px 0 color-mix(in srgb,var(--ui-text) 7%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ui-surface) 90%,white);
}
:root[data-ui="modern"] :is(.btn.primary,.st-btn.primary,.mgr-cab-action.primary,.go,.period button,#pay,#register button,#refresh,#lookup button) {
  background:linear-gradient(145deg,#a66a3c,#7b461f); color:#fff8f0; border-color:#7b461f;
  box-shadow:0 3px 0 #653619,0 7px 15px rgba(94,48,20,.18),inset 0 1px 0 rgba(255,255,255,.25);
}
:root[data-ui="modern"] :is(.st-actions .ghost,.topbar .chip) { background:#243c52; color:#f4f7fb; border-color:#4a6178; }
:root[data-ui="modern"] :is(.btn.ok,.st-btn.ok) { background:linear-gradient(145deg,#287c5c,#195c41); color:#fff; border-color:#195c41; box-shadow:0 3px 0 #124630,inset 0 1px 0 rgba(255,255,255,.2); }
:root[data-ui="modern"] :is(input:where(:not([type="checkbox"]):not([type="radio"])),select,textarea) {
  font-family:var(--font); background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-line);
  border-radius:12px; box-shadow:inset 0 2px 4px rgba(14,32,52,.055); caret-color:var(--ui-accent);
}
:root[data-ui="modern"] :is(input,textarea)::placeholder { color:var(--ui-muted); opacity:1; }
:root[data-ui="modern"] :is(.topbar input,.nav-search input) { background:#20374c; color:#fff; border-color:#526980; }
:root[data-ui="modern"] :is(.dp-label input) { box-shadow:none; }
:root[data-ui="modern"] :is(.row,.ord-row,.cab-row,.rec,.order,.entry,.history-row,.line,.nt,.stat,.kpi,.yc-kpis,.pw,.dev) {
  border-color:var(--ui-line); color:var(--ui-text);
}
:root[data-ui="modern"] :is(.ord-row,.cab-row,.rec,.nt,.stat,.kpi,.pw,.dev,.line) {
  background:var(--ui-soft); border-radius:10px; box-shadow:none;
}
:root[data-ui="modern"] :is(.note,.hint,.sub,.explain,.meta,.updated,.card .sub,.ord-meta,.ord-svc,.ord-cust,.u-lab,.kv,.mgr-cab-secondary) { color:var(--ui-muted); }
:root[data-ui="modern"] :is(.ord-label,.ord-sum,.ord-auto,.u-top b,.calculation,.balance strong,.card .big,.mgr-figure) { color:var(--ui-text); }
/* Explicit value colours override legacy light-only rules in every metric tile. */
:root[data-ui="modern"] :is(.nt b,.kpi b,.stat b,.now-big,.big2) { color:var(--ui-text); }
:root[data-ui="modern"] :is(.nt.warn b,.kpi.warn b,.kpi.due b,.stat.warn b,.big2.due) { color:var(--ui-warn); }
:root[data-ui="modern"] :is(.nt.bad b,.kpi.bad b,.stat.bad b,.now-big.bad,.big2.bad) { color:var(--ui-danger); }
:root[data-ui="modern"] :is(.nt.ok b,.kpi.ok b,.kpi b.in,.stat.ok b,.now-big.ok,.big2.ok) { color:var(--ui-ok); }
:root[data-ui="modern"] :is(.warn,.note.warn,.tag.warn,.tag.due) { color:var(--ui-warn); }
:root[data-ui="modern"] :is(.bad,.note.bad,.tag.bad,.error) { color:var(--ui-danger); }
:root[data-ui="modern"] .card .big.warn { color:var(--ui-warn); }
:root[data-ui="modern"] .card .big.bad { color:var(--ui-danger); }
:root[data-ui="modern"] :is(.rec.overdue,.ord-row.due) { border-color:var(--ui-warn); }
:root[data-ui="modern"] .u.blocked { border-color:var(--ui-danger); }
:root[data-ui="modern"] :is(.notice,.offline,.error-box,.notice.error,.success) {
  border:1px solid color-mix(in srgb,var(--ui-warn) 35%,var(--ui-line)); border-radius:14px;
  background:color-mix(in srgb,var(--ui-warn) 10%,var(--ui-surface)); color:var(--ui-warn); box-shadow:none;
}
:root[data-ui="modern"] :is(.notice.error,.error-box) { background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface)); border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-line)); color:var(--ui-danger); }
:root[data-ui="modern"] #view>.notice { padding:18px 20px; margin:0 0 18px; line-height:1.5; }
:root[data-ui="modern"] #view>.notice p { margin:8px 0 12px; }
:root[data-ui="modern"] .notify-safe.bad { border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-line)); background:color-mix(in srgb,var(--ui-danger) 8%,var(--ui-surface)); }
:root[data-ui="modern"] .notify-safe.bad b { color:var(--ui-danger); }
:root[data-ui="modern"] .notify-metric { grid-template-columns:minmax(0,1fr); gap:5px; }
:root[data-ui="modern"] .notify-metric b { grid-row:auto; grid-column:auto; font-weight:750; }
:root[data-ui="modern"] .success { background:color-mix(in srgb,var(--ui-ok) 10%,var(--ui-surface)); border-color:color-mix(in srgb,var(--ui-ok) 35%,var(--ui-line)); color:var(--ui-ok); }
:root[data-ui="modern"] :is(.status,.tag,.pill) { border-radius:10px; }
:root[data-ui="modern"] :is(.status,.tag.ok) { color:var(--ui-ok); background:color-mix(in srgb,var(--ui-ok) 11%,var(--ui-surface)); }
:root[data-ui="modern"] :is(.mgr-cab-hero,.now,.shboard .hero) {
  background:linear-gradient(145deg,var(--ui-raised),var(--ui-surface)); border-color:var(--ui-line); color:var(--ui-text); box-shadow:var(--ui-deep-shadow);
}
:root[data-ui="modern"] .mgr-cab-hero { --text:var(--ui-text); --muted:var(--ui-muted); --line:var(--ui-line); }
:root[data-ui="modern"] .mgr-cab-balance { color:var(--ui-text); }
:root[data-ui="modern"] :is(.now-deco,.now-deco::after) { animation:none; opacity:.3; }
:root[data-ui="modern"] :is(.view.switch .card,.view.switch .spark path,.view.switch .ring-val) { animation:none; }
:root[data-ui="modern"] :is(.log th,.log td,.calculation dt,.calculation dd) { color:var(--ui-text); border-color:var(--ui-line); }
:root[data-ui="modern"] .log th { background:var(--ui-soft); color:var(--ui-muted); }
:root[data-ui="modern"] .log tr:hover td { background:var(--ui-raised); }
/* Access-page legacy colours must follow the same light/dark tokens. */
:root[data-ui="modern"] .acc-wrap .log .wrap { background:var(--ui-surface); border-color:var(--ui-line); }
:root[data-ui="modern"] .acc-wrap :is(.u-top b,.log td) { color:var(--ui-text); }
:root[data-ui="modern"] .acc-wrap :is(.u-lab,.log td.ts,.log td.hint,.dev .n small,.pw .muted,.kv) { color:var(--ui-muted); }
:root[data-ui="modern"] .acc-wrap :is(.dev,.pw) { background:var(--ui-soft); border-color:var(--ui-line); }
:root[data-ui="modern"] .acc-wrap .pw code { color:var(--ui-accent); }
:root[data-ui="modern"] .acc-wrap .susp { background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface)); border-color:var(--ui-line); }
:root[data-ui="modern"] .acc-wrap .log tr.bad td.e { color:var(--ui-danger); }
:root[data-ui="modern"] .acc-wrap .log tr.warn td.e { color:var(--ui-warn); }
:root[data-ui="modern"] .acc-wrap .log tr.ok td.e { color:var(--ui-ok); }
:root[data-ui="modern"] #calculation { background:var(--ui-soft); }
:root[data-ui="modern"] #main { background:transparent; }
:root[data-ui="modern"] :is(.brand-title,.brand-sub) { font-family:var(--font); }
:root[data-ui="modern"] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
  outline:3px solid var(--ui-accent); outline-offset:3px;
}
:root[data-ui="modern"] :is(.topbar,.st-top,body>header,.nav) :focus-visible { outline-color:#efbd91; }
:root[data-ui="modern"] :is(button,.btn,.st-btn):disabled { opacity:.6; cursor:not-allowed; transform:none; box-shadow:none; }
.ui-theme-toggle { display:inline-grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:10px; background:#243c52; color:#fff; border:1px solid #536b81; border-radius:14px; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 6px rgba(0,0,0,.13); }
.ui-theme-toggle svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.login-wrap>.ui-theme-toggle { position:absolute; right:20px; top:max(20px,env(safe-area-inset-top)); z-index:2; }
:root[data-ui="modern"] body>header { gap:12px; }
:root[data-ui="modern"] body>header>.brand { flex:1; }
:root[data-ui="modern"] .topbar>.ui-theme-toggle { margin-left:auto; }
:root[data-ui="modern"] .st-actions .ui-theme-toggle { margin-left:auto; }
@media (hover:hover) and (pointer:fine) {
  :root[data-ui="modern"] :is(.btn,.st-btn,.tb,.qa-btn,.cab-btn,.mgr-cab-action,.ui-theme-toggle):not(:disabled):hover {
    transform:translateY(-2px); box-shadow:0 5px 0 color-mix(in srgb,var(--ui-text) 8%,transparent),0 10px 20px -8px rgba(0,0,0,.25);
  }
  :root[data-ui="modern"] .nav button:not(.active):hover { background:#2b435a; color:#fff; }
  :root[data-ui="modern"] :is(.ord-row,.cab-row,.row.clickable):hover { transform:none; border-color:var(--ui-accent); }
}
:root[data-ui="modern"] :is(.btn,.st-btn,.tb,.ui-theme-toggle):not(:disabled):active { transform:translateY(1px); box-shadow:inset 0 2px 5px rgba(0,0,0,.13); }
@media (prefers-reduced-motion:no-preference) {
  :root[data-ui="modern"] .ui-enter { animation:ui-arrive 280ms cubic-bezier(.2,.8,.2,1) both; }
  :root[data-ui="modern"] details[open]>.lines { animation:ui-arrive 180ms ease-out; }
}
@keyframes ui-arrive { from { opacity:.3; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:959px) {
  :root[data-ui="modern"] :is(.card,.pl,.settlement,.work,.u) { border-radius:16px; }
  :root[data-ui="modern"] .work { padding:20px 16px; }
  :root[data-ui="modern"] :is(.owner-page-head h1,.heading h1,.acc-head h1) { font-size:27px; }
  :root[data-ui="modern"] .nav { padding-top:7px; padding-bottom:calc(7px + env(safe-area-inset-bottom)); border-top:1px solid #4a6178; }
  :root[data-ui="modern"] .nav button { border-radius:12px; }
  :root[data-ui="modern"] :is(.sheet-panel,.st-sheet-panel) { border-radius:22px 22px 0 0; }
  :root[data-ui="modern"] .topbar>.ui-theme-toggle { order:0; }
  :root[data-ui="modern"] .topbar>.ctrl { order:1; }
  :root[data-ui="modern"] .st-top { position:relative; }
}
@media (prefers-reduced-motion:reduce) {
  :root[data-ui="modern"] *, :root[data-ui="modern"] *::before, :root[data-ui="modern"] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
:root[data-ui="modern"] :is(.row,.empty,.src-chip) { background:var(--ui-soft); border-color:var(--ui-line); color:var(--ui-text); }
:root[data-ui="modern"] :is(.row.clickable:hover,.row.sel) { background:color-mix(in srgb,var(--ui-accent) 9%,var(--ui-surface)); border-color:var(--ui-accent); }
:root[data-ui="modern"] .src-chip.warn { background:color-mix(in srgb,var(--ui-warn) 10%,var(--ui-surface)); color:var(--ui-warn); }
:root[data-ui="modern"] .src-chip.bad { background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface)); color:var(--ui-danger); }
:root[data-ui="modern"] :is(.toast,.st-toast) { background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-line); box-shadow:var(--ui-deep-shadow); }
:root[data-ui="modern"] :is(.toast.bad,.st-toast.bad) { color:var(--ui-danger); border-color:var(--ui-danger); }
:root[data-ui="modern"] :is(.toast.warn,.st-toast.warn) { color:var(--ui-warn); border-color:var(--ui-warn); }
:root[data-ui="modern"] .cal {
  --cbg:var(--ui-surface); --cline:var(--ui-line); --ctext:var(--ui-text); --cmuted:var(--ui-muted);
  --cgreen:#247955; --csalmon:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface));
  --corange:color-mix(in srgb,var(--ui-ok) 16%,var(--ui-surface)); --cgrey:var(--ui-soft);
}
:root[data-ui="modern"] .cal-col.off .cal-lane { background:repeating-linear-gradient(135deg,var(--ui-soft) 0 8px,var(--ui-raised) 8px 16px); }
:root[data-ui="modern"] .cal-rec.overdue { background:color-mix(in srgb,var(--ui-warn) 18%,var(--ui-surface)); }
:root[data-ui="modern"] .cal-rec.noshow { color:var(--ui-muted); }
:root[data-ui="modern"] :is(.cal-rec.waiting,.cal-rec.confirmed) .cal-rh { background:#247955; }
:root[data-ui="modern"] .cal-rec.overdue .cal-rh { background:#8d5816; }
:root[data-ui="modern"] .cal-rec.noshow .cal-rh { background:#526477; }
:root[data-ui="modern"] .cal-rec :is(.cal-sv i,.cal-cm) { color:var(--ui-muted); }
:root[data-ui="modern"] :is(.cal-rec .cal-zn,.cal-ghost,.cal-ghost small) { color:var(--ui-ok); }
:root[data-ui="modern"] .cal-ghost.gone { color:var(--ui-danger); }
:root[data-ui="modern"] .cal-now { background:var(--ui-accent); }
:root[data-ui="modern"] .st-app .cal-move-preview { background:var(--ui-raised); color:var(--ui-text); border-color:var(--ui-accent); }
:root[data-ui="modern"] .st-app .cal-move-preview.invalid { background:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-surface)); border-color:var(--ui-danger); }
/* Mobile home uses the same theme tokens as every other screen. */
:root[data-ui="modern"] :is(.mhome-hero,.mhome-metric,.mhome-panel) {
  background:linear-gradient(145deg,var(--ui-surface),var(--ui-raised)); color:var(--ui-text); border-color:var(--ui-line); box-shadow:var(--ui-deep-shadow);
}
:root[data-ui="modern"] .mhome-hero { background:linear-gradient(145deg,color-mix(in srgb,var(--ui-accent) 7%,var(--ui-surface)),var(--ui-surface)); }
:root[data-ui="modern"] :is(.mhome-amount,.mhome-section-head h2,.mhome-payment strong,.mhome-debt strong,.mhome-attention .card h3) { color:var(--ui-text); }
:root[data-ui="modern"] .mhome-amount { font-weight:750; }
:root[data-ui="modern"] :is(.mhome-hero-foot,.mhome-kicker,.mhome-metric small,.mhome-payment,.mhome-live) { color:var(--ui-muted); border-color:var(--ui-line); }
:root[data-ui="modern"] :is(.mhome-hero-top,.mhome-section-head span,.mhome-section-head button) { color:var(--ui-accent); }
:root[data-ui="modern"] .mhome-metric strong.good { color:var(--ui-ok); }
:root[data-ui="modern"] .mhome-metric strong.muted { color:var(--ui-muted); }
:root[data-ui="modern"] .mhome-metric.urgent { background:color-mix(in srgb,var(--ui-danger) 7%,var(--ui-surface)); border-color:color-mix(in srgb,var(--ui-danger) 45%,var(--ui-line)); }
:root[data-ui="modern"] .mhome-metric.urgent strong { color:var(--ui-danger); }
:root[data-ui="modern"] .mhome-unpaid { background:color-mix(in srgb,var(--ui-warn) 10%,var(--ui-surface)); color:var(--ui-warn); }
:root[data-ui="modern"] .mhome-debt { background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-surface)); border-color:var(--ui-line); color:var(--ui-accent); }
:root[data-ui="modern"] :is(.chip.warn,.pulse.warn) { background:color-mix(in srgb,var(--ui-warn) 10%,var(--ui-surface)); color:var(--ui-warn); border-color:color-mix(in srgb,var(--ui-warn) 35%,var(--ui-line)); }
:root[data-ui="modern"] :is(.chip.bad,.pulse.bad) { background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface)); color:var(--ui-danger); border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-line)); }
/* Composition: one primary surface, restrained rows, aligned work areas. */
:root[data-ui="modern"] :is(.card,.pl,.settlement,.work,.u) { padding:24px; }
:root[data-ui="modern"] :is(.grid,.st-grid) { gap:20px; }
:root[data-ui="modern"] :is(.card h3,.pl h3,.plt,.earn-top small) { font-family:var(--font); font-size:15px; font-weight:750; letter-spacing:-.015em; text-transform:none; color:var(--ui-text); }
:root[data-ui="modern"] :is(.card h3,.plt) { margin-bottom:16px; }
:root[data-ui="modern"] :is(.big,.big2,.kpi b,.earn-top b,.pl .big:not(.st-btn),.mgr-figure) { font-weight:750; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
:root[data-ui="modern"] :is(.row,.cab-row,.ord-row) { box-shadow:none; }
/* Match the supporting cabinets to the administrator and APP UI surfaces. */
:root[data-ui][data-ui] :is(.settlement,.work,.u,.login-card,.acc-wrap .log .wrap) { border-radius:15px; background:var(--ui-surface); box-shadow:var(--ui-shadow); }
:root[data-ui][data-ui] body[data-cabinet=employee] :is(.settlement,.work) { padding:22px; }
:root[data-ui][data-ui] body[data-cabinet=employee] .calculation { border-radius:10px; padding:16px; }
:root[data-ui][data-ui] :is(body[data-cabinet=employee],.acc-wrap,.login-wrap) :is(input:not([type=checkbox]):not([type=radio]),select,textarea,button) { border-radius:9px; }
@media(max-width:620px) {
  :root[data-ui][data-ui] body[data-cabinet=employee] :is(.settlement,.work) { padding:19px 17px; }
}
:root[data-ui="modern"] .ord-table { gap:0; }
:root[data-ui="modern"] .ord-row { border-radius:0; background:transparent; border-width:0 0 1px; padding-block:16px; }
:root[data-ui="modern"] .ord-row.due { background:color-mix(in srgb,var(--ui-warn) 6%,var(--ui-surface)); border-left:3px solid var(--ui-warn); }
:root[data-ui="modern"] .ord-row:last-child { border-bottom:0; }
:root[data-ui="modern"] .ord-hrow { background:var(--ui-soft); border-radius:10px; padding-block:12px; }
:root[data-ui="modern"] .ord-head .kpis { gap:0; border-block:1px solid var(--ui-line); margin-top:20px; padding-block:18px; }
:root[data-ui="modern"] .ord-head .kpi { background:transparent; border:0; border-radius:0; box-shadow:none; padding:8px 20px; border-right:1px solid var(--ui-line); }
:root[data-ui="modern"] .ord-head .kpi:last-child { border-right:0; }
:root[data-ui="modern"] .ord-head .kpi.main { padding-left:0; }
:root[data-ui="modern"] .ord-head .kpi b { font-size:clamp(26px,2.4vw,36px); }
:root[data-ui="modern"] .ord-head .kpi small { font-size:12px; text-transform:none; letter-spacing:0; }
:root[data-ui="modern"] .ord-head .mix { margin-top:16px; border:0; padding-top:0; }
:root[data-ui="modern"] .ui-shift-link { margin-top:14px; }
:root[data-ui="modern"] .ui-shift-link .btn { padding:8px 12px; min-height:40px; font-size:12px; box-shadow:none; }
:root[data-ui="modern"] .ui-shift-link .ui-attention { color:var(--ui-warn); border-color:var(--ui-warn); background:color-mix(in srgb,var(--ui-warn) 8%,var(--ui-surface)); }
:root[data-ui="modern"] #shift-control { scroll-margin-top:120px; }
.ui-eyebrow { display:block; color:var(--ui-accent); font-size:11px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; margin-bottom:7px; }
.ui-workspace-heading { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ui-workspace-heading h1 { margin:0; font-size:30px; line-height:1.15; }
.ui-workspace-date { color:var(--ui-muted); font-size:13px; font-weight:650; }
:root[data-ui="modern"] .shboard { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; }
:root[data-ui="modern"] .shboard>.col { gap:20px; }
:root[data-ui="modern"] .shboard>.col { display:contents; }
:root[data-ui="modern"] .shboard .ui-team-card { grid-column:1/-1; }
.ui-payment-breakdown summary { display:flex; justify-content:space-between; align-items:center; gap:12px; list-style:none; cursor:pointer; font-size:13px; font-weight:700; padding:6px 0; }
.ui-payment-breakdown summary::-webkit-details-marker { display:none; }
.ui-payment-breakdown summary small { display:block; margin-top:4px; color:var(--ui-muted); font-size:11px; font-weight:500; }
.ui-payment-breakdown[open] summary { margin-bottom:12px; }
.ui-shift-overview { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:20px; align-items:stretch; }
:root[data-ui="modern"] .shboard .pl.head { padding:24px; background:linear-gradient(145deg,color-mix(in srgb,var(--ui-accent) 6%,var(--ui-surface)),var(--ui-surface)); border-color:var(--ui-line); }
:root[data-ui="modern"] .shboard .pl.earn { padding:24px; display:flex; flex-direction:column; justify-content:center; }
:root[data-ui="modern"] .shboard .earn-top { display:block; }
:root[data-ui="modern"] .shboard .earn-top b { display:block; margin-top:12px; font-size:38px; }
:root[data-ui="modern"] .shboard .earn-row { margin-top:20px; padding-top:16px; border-top:1px solid var(--ui-line); }
:root[data-ui="modern"] .shboard .timer b { font-size:36px; font-weight:650; }
:root[data-ui="modern"] .shboard .pl .ph { margin-bottom:12px; }
:root[data-ui="modern"] .shboard .pl .ph h3 { margin:0; }
:root[data-ui="modern"] .shboard .plt { align-items:start; flex-wrap:wrap; }
:root[data-ui="modern"] .shboard .plt span { font-size:12px; color:var(--ui-muted); font-weight:500; }
:root[data-ui="modern"] .shboard .ui-money-card>.big { font-size:38px; margin-bottom:10px; }
:root[data-ui="modern"] .guide { box-shadow:none; border-radius:14px; }
:root[data-ui="modern"] .st-status { margin-bottom:20px; }
:root[data-ui="modern"] [data-cabinet="employee"] .balance { margin-top:20px; padding:22px; background:linear-gradient(140deg,#203a51,#14283b); border:1px solid #314c64; border-radius:14px; color:#fff; }
:root[data-ui="modern"] [data-cabinet="employee"] .balance strong { color:#fff; font-size:clamp(32px,3.1vw,44px); }
:root[data-ui="modern"] [data-cabinet="employee"] .balance :is(span,p) { color:#cad7e3; }
:root[data-ui="modern"] [data-cabinet="employee"] #calculation { background:transparent; }
:root[data-ui="modern"] [data-cabinet="employee"] .calculation :is(dt,dd) { padding-block:13px; }
:root[data-ui="modern"] [data-cabinet="employee"] .work .order { padding-inline:0; background:transparent; }
:root[data-ui="modern"] [data-cabinet="employee"] .heading { padding-bottom:22px; border-bottom:1px solid var(--ui-line); }
:root[data-ui="modern"] [data-cabinet="employee"] .work-heading { gap:12px; }
@media(min-width:1100px) {
  :root[data-ui="modern"] .ui-team-card .tops { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 40px; }
  :root[data-ui="modern"] .st-top { display:grid; grid-template-columns:minmax(220px,1fr) auto minmax(360px,1fr); gap:14px 24px; padding:18px 32px 14px; }
  :root[data-ui="modern"] .st-brand { grid-column:1; grid-row:1; }
  :root[data-ui="modern"] .st-clock { grid-column:2; grid-row:1; text-align:center; }
  :root[data-ui="modern"] .st-clock b { font-size:24px; }
  :root[data-ui="modern"] .st-actions { grid-column:3; grid-row:1; justify-self:end; }
  :root[data-ui="modern"] .st-tabs { grid-column:1/-1; grid-row:2; justify-self:center; }
  :root[data-ui="modern"] .st-main { max-width:1400px; margin-inline:auto; padding:28px 32px 48px; }
}
@media(max-width:899px) {
  :root[data-ui="modern"] .shboard { grid-template-columns:minmax(0,1fr); }
  .ui-shift-overview { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:620px) {
  :root[data-ui="modern"] :is(.card,.pl,.settlement,.work,.u),:root[data-ui="modern"] .shboard :is(.pl.head,.pl.earn) { padding:20px; }
  :root[data-ui="modern"] :is(.grid,.st-grid,.shboard,.shboard>.col,.ui-shift-overview) { gap:16px; }
  .ui-workspace-heading h1 { font-size:26px; }
  :root[data-ui="modern"] .ord-head .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 0; }
  :root[data-ui="modern"] .ord-head .kpi { padding:6px 12px; }
  :root[data-ui="modern"] .ord-head .kpi:nth-child(odd) { padding-left:0; }
  :root[data-ui="modern"] .ord-head .kpi:nth-child(even) { border-right:0; }
  :root[data-ui="modern"] .ord-head .kpi b { font-size:25px; }
  :root[data-ui="modern"] .ord-row { padding:14px 8px; }
  :root[data-ui="modern"] .ord-list .ord-tools { gap:14px; }
  :root[data-ui="modern"] [data-cabinet="employee"] .balance { padding:18px; }
  :root[data-ui="modern"] [data-cabinet="employee"] .calculation :is(dt,dd) { font-size:12px; }
}
:root[data-ui="modern"][data-role="manager"] .owner-page-head { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px; margin:0 0 22px; }
:root[data-ui="modern"][data-role="manager"] .owner-page-head h1 { margin:0; font-weight:750; }
:root[data-ui="modern"][data-role="manager"] .owner-page-head p { margin:8px 0 0; color:var(--ui-muted); font-size:14px; line-height:1.5; }
:root[data-ui="modern"][data-role="manager"] .owner-page-role { color:var(--ui-muted); font-size:12px; }
.ui-section-head { margin:0 0 22px; padding-bottom:20px; border-bottom:1px solid var(--ui-line); }
.ui-section-head[hidden] { display:none; }
.ui-section-head h1 { margin:0; font-size:clamp(27px,2.4vw,36px); line-height:1.2; color:var(--ui-text); }
.ui-section-head p { margin:8px 0 0; color:var(--ui-muted); line-height:1.5; }
:root[data-ui="modern"] :is(.chip,.tb,.btn,.st-btn):is(.sel,.selected,.on):not(.danger):not(.ok) {
  background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface)); color:var(--ui-accent); border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-line));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-surface) 60%,transparent);
}
@media(max-width:620px) { .ui-section-head { margin-bottom:18px; padding-bottom:16px; } .ui-section-head p { font-size:14px; } }
.yc-planner-filters { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto; gap:12px; margin:18px 0 12px; }
.yc-planner-filters :is(input,select) { width:100%; min-width:0; box-sizing:border-box; min-height:44px; padding:11px 14px; border:1px solid var(--ui-line); border-radius:12px; background:var(--ui-soft); color:var(--ui-text); font:inherit; }
.yc-planner-filters input::placeholder { color:var(--ui-muted); }
.yc-planner-status { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.yc-planner-status .chip { min-height:44px; }
.yc-planner-results { color:var(--ui-muted); font-size:13px; }
.yc-planner-car { font-weight:700; margin:6px 0; color:var(--ui-text); }
:root[data-ui="modern"] #ycCard .list { display:grid; gap:12px; }
:root[data-ui="modern"] #ycCard .list>.rec { padding:18px; border:1px solid var(--ui-line); border-radius:16px; background:var(--ui-raised); box-shadow:0 6px 18px #0000000a; }
:root[data-ui="modern"] #ycCard .list>.rec { opacity:1; align-items:start; }
:root[data-ui="modern"] #ycCard .list>.rec .t { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
:root[data-ui="modern"] #ycCard .list>.rec.overdue { border-color:var(--ui-warn); }
@media(max-width:699px) {
  .yc-planner-filters { grid-template-columns:minmax(0,1fr) auto; }
  #ycPlannerSearch { grid-column:1/-1; }
  :root[data-ui="modern"] #ycCard .list>.rec { grid-template-columns:56px minmax(0,1fr); gap:12px; }
  :root[data-ui="modern"] #ycCard .list>.rec .btns { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; }
  :root[data-ui="modern"] #ycCard .list>.rec .btns button { flex:1; }
}
:root[data-ui="modern"] .mgr-cab-board { max-width:1400px; margin-inline:auto; gap:20px; }
:root[data-ui="modern"] .mgr-cab-board>* { min-width:0; }
:root[data-ui="modern"] .mgr-cab-board>.span-12 { grid-column:1/-1; }
:root[data-ui="modern"] .mgr-cab-hero { position:relative; overflow:hidden; padding:28px; min-height:0; border-radius:20px; background:linear-gradient(135deg,var(--ui-raised),var(--ui-surface)); }
:root[data-ui="modern"] .mgr-cab-hero-top,:root[data-ui="modern"] .mgr-cab-hero-foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
:root[data-ui="modern"] .mgr-cab-overline { color:var(--ui-accent); text-transform:uppercase; letter-spacing:.1em; font-size:11px; font-weight:750; }
:root[data-ui="modern"] .mgr-cab-live { color:var(--ui-muted); font-size:12px; }
:root[data-ui="modern"] .mgr-cab-balance-label { margin-top:22px; color:var(--ui-muted); font-size:14px; }
:root[data-ui="modern"] .mgr-cab-balance { font-size:clamp(32px,5vw,56px); font-weight:750; letter-spacing:-.04em; line-height:1.25; white-space:normal; overflow-wrap:anywhere; margin-top:6px; }
:root[data-ui="modern"] .mgr-cab-balance.warn { color:var(--ui-warn); }
.cab-balance-note,.cab-form-hint { color:var(--ui-muted); font-size:13px; line-height:1.5; margin:10px 0; }
:root[data-ui="modern"] .mgr-cab-hero-foot { margin-top:20px; padding-top:16px; border-top:1px solid var(--ui-line); font-size:13px; color:var(--ui-muted); }
:root[data-ui="modern"] .mgr-cab-hero-foot strong { color:var(--ui-text); }
:root[data-ui="modern"] .mgr-cab-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
:root[data-ui="modern"] .mgr-cab-action { display:flex; align-items:center; gap:12px; padding:20px; min-height:100px; border:1px solid var(--ui-line); border-radius:18px; text-align:left; }
:root[data-ui="modern"] .mgr-cab-action b,:root[data-ui="modern"] .mgr-cab-action small { display:block; }
:root[data-ui="modern"] .mgr-cab-action b { font-size:17px; }
:root[data-ui="modern"] .mgr-cab-action small { font-size:12px; margin-top:5px; opacity:.85; }
:root[data-ui="modern"] .mgr-cab-action-icon { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border-radius:12px; background:#ffffff18; }
:root[data-ui="modern"] .mgr-cab-action-icon svg { width:24px; height:24px; }
:root[data-ui="modern"] .mgr-cab-arrow { margin-left:auto; }
:root[data-ui="modern"] :is(.mgr-cab-alert,.mgr-cab-complete) { display:flex; align-items:center; gap:12px; padding:15px 18px; border:1px solid var(--ui-line); border-radius:14px; background:var(--ui-soft); color:var(--ui-text); text-align:left; }
:root[data-ui="modern"] .mgr-cab-alert b,:root[data-ui="modern"] .mgr-cab-alert small { display:block; }
:root[data-ui="modern"] .mgr-cab-alert small { color:var(--ui-muted); margin-top:4px; }
:root[data-ui="modern"] .mgr-cab-alert-dot svg { width:22px; height:22px; }
:root[data-ui="modern"] .mgr-cab-section-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
:root[data-ui="modern"] .mgr-cab-section-head h3 { margin:5px 0 0; font-size:23px; }
:root[data-ui="modern"] .mgr-cab-refresh { width:44px; height:44px; border:1px solid var(--ui-line); border-radius:12px; background:var(--ui-soft); color:var(--ui-text); font-size:24px; }
:root[data-ui="modern"] .mgr-cab-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
:root[data-ui="modern"] .mgr-cab-metrics>div { padding:14px; border-radius:12px; background:var(--ui-soft); border:1px solid var(--ui-line); }
:root[data-ui="modern"] .mgr-cab-metrics span { display:block; color:var(--ui-muted); font-size:12px; }
:root[data-ui="modern"] .mgr-cab-metrics strong .money { display:inline; font-size:inherit; color:inherit; }
:root[data-ui="modern"] .mgr-cab-metrics strong { display:block; margin-top:6px; font-size:20px; white-space:normal; overflow-wrap:anywhere; }
:root[data-ui="modern"] .mgr-cab-cats { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin-top:22px; }
:root[data-ui="modern"] .mgr-cab-cats-title { color:var(--ui-muted); font-size:13px; }
:root[data-ui="modern"] .mgr-cab-cat { position:relative; display:flex; justify-content:space-between; gap:12px; padding:10px 0 16px; border:0; background:transparent; color:var(--ui-text); text-align:left; }
:root[data-ui="modern"] .mgr-cab-cat i { position:absolute; bottom:0; left:0; width:100%; height:5px; border-radius:4px; background:linear-gradient(to right,var(--ui-accent) var(--pct),var(--ui-line) var(--pct)); }
:root[data-ui="modern"] .mgr-cab-export,:root[data-ui="modern"] .mgr-cab-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
:root[data-ui="modern"] .mgr-cab-history .cab-day { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:22px 0 8px; color:var(--ui-muted); font-size:13px; }
:root[data-ui="modern"] .mgr-cab-hero { order:1; }
:root[data-ui="modern"] .mgr-cab-actions { order:2; }
:root[data-ui="modern"] :is(.mgr-cab-alert,.mgr-cab-complete) { order:3; }
:root[data-ui="modern"] .mgr-cab-history { order:4; }
:root[data-ui="modern"] .mgr-cab-summary { order:5; }
:root[data-ui="modern"] .mgr-cab-secondary { order:6; }
@media(min-width:1100px) {
  :root[data-ui="modern"] .mgr-cab-board>.mgr-cab-hero { grid-column:span 8; }
  :root[data-ui="modern"] .mgr-cab-board>.mgr-cab-actions { grid-column:span 4; grid-template-columns:minmax(0,1fr); }
  :root[data-ui="modern"] .mgr-cab-board>.mgr-cab-history { grid-column:span 8; }
  :root[data-ui="modern"] .mgr-cab-board>.mgr-cab-summary { grid-column:span 4; }
  :root[data-ui="modern"] .mgr-cab-summary .mgr-cab-metrics { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:620px) {
  :root[data-ui="modern"] .mgr-cab-actions { grid-template-columns:minmax(0,1fr); }
  :root[data-ui="modern"] .mgr-cab-action { padding:16px; min-height:76px; }
  :root[data-ui="modern"] .mgr-cab-metrics { grid-template-columns:minmax(0,1fr); }
  :root[data-ui="modern"] .mgr-cab-hero { padding:20px; }
}
@media print {
  .ui-theme-toggle { display:none!important; }
  :root[data-ui="modern"] { --ui-bg:#fff; --ui-surface:#fff; --ui-raised:#fff; --ui-text:#111; --ui-muted:#444; --ui-shadow:none; --ui-deep-shadow:none; color-scheme:light; }
}
:root[data-ui="modern"] .mgr-cab-history .search input {
  background:var(--surface2); color:var(--text); border-color:var(--line);
}
:root[data-ui="modern"] .mgr-cab-history .search input::placeholder {
  color:var(--muted);
}
:root[data-ui="modern"] #txForm :is(input:not([type="file"]):not([type="hidden"]),textarea,select) {
  background:var(--surface2); color:var(--text); border-color:var(--line);
  color-scheme:inherit;
}
:root[data-ui="modern"] #txForm :is(input,textarea)::placeholder {
  color:var(--muted);
}
:root[data-ui="modern"] .docs-board {gap:20px;max-width:1400px}
:root[data-ui="modern"] .docs-board .card {padding:24px;border-radius:20px}
:root[data-ui="modern"] .docs-board .doc-kpis {gap:10px}
:root[data-ui="modern"] .docs-board .doc-kpis .nt {min-height:0;padding:14px}
:root[data-ui="modern"] .docs-board .doc-kpis .nt b {font-size:30px}
:root[data-ui="modern"] .docs-board .doc-kpis .nt span {font-size:12px;line-height:1.4}
:root[data-ui="modern"] .docs-board .doc-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:20px;margin:12px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
:root[data-ui="modern"] .docs-board .doc-main {min-width:0}
:root[data-ui="modern"] .docs-board .doc-row .t {font-size:17px;line-height:1.5;overflow-wrap:anywhere}
:root[data-ui="modern"] .docs-board .doc-row .amt {font-size:19px;align-self:start}
:root[data-ui="modern"] .docs-board .doc-row .s {margin-top:8px;line-height:1.55;overflow-wrap:anywhere}
:root[data-ui="modern"] .docs-board .doc-actions {grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding-top:4px}
:root[data-ui="modern"] .docs-board .doc-actions .btn {min-height:44px;font-size:14px}
:root[data-ui="modern"] .docs-board .doc-actions .danger {background:var(--surface2);color:var(--danger);border-color:var(--line)}
:root[data-ui="modern"] .docs-section-head {display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}
:root[data-ui="modern"] .docs-section-head h3 {margin:0}
:root[data-ui="modern"] .docs-filters {display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}
:root[data-ui="modern"] .docs-filters .selected {background:var(--accent);color:var(--ui-surface);border-color:var(--accent)}
:root[data-ui="modern"] .docs-board .search input {background:var(--surface2);color:var(--text);padding-left:16px}
:root[data-ui="modern"] .doc-packet {display:grid;gap:10px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
:root[data-ui="modern"] .doc-packet>div {display:flex;justify-content:space-between;gap:12px;font-size:14px}
:root[data-ui="modern"] .doc-packet span {min-width:0;overflow-wrap:anywhere}
:root[data-ui="modern"] .doc-packet b {flex-shrink:0}
:root[data-ui="modern"] .doc-decision {min-width:0}
:root[data-ui="modern"] .doc-decision h2 {font-size:clamp(22px,3vw,28px);line-height:1.35;margin:10px 0 18px}
:root[data-ui="modern"] .doc-overline {font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}
:root[data-ui="modern"] .doc-decision-summary {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
:root[data-ui="modern"] .doc-decision-summary strong {font-size:23px}
:root[data-ui="modern"] .doc-file-list {display:grid;gap:10px;margin:18px 0}
:root[data-ui="modern"] .doc-file {display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);font-size:14px}
:root[data-ui="modern"] .doc-file>div {min-width:0;overflow-wrap:anywhere}
:root[data-ui="modern"] .doc-file b {display:block;line-height:1.5}
:root[data-ui="modern"] .doc-file>div>span {display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:6px}
:root[data-ui="modern"] .doc-file>strong {font-size:16px;color:var(--text);white-space:nowrap;align-self:center}
:root[data-ui="modern"] .doc-file>strong .money {font-size:inherit;color:inherit}
:root[data-ui="modern"] .doc-file-icon {color:var(--accent)}
:root[data-ui="modern"] .doc-file-icon svg {width:24px;height:24px}
:root[data-ui="modern"] .doc-email {border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:18px 0;background:var(--surface2)}
:root[data-ui="modern"] .doc-email summary,:root[data-ui="modern"] .doc-source summary {padding:14px;cursor:pointer;font-size:14px;min-height:44px}
:root[data-ui="modern"] .doc-email-subject {padding:0 14px 14px;overflow-wrap:anywhere;line-height:1.5;font-size:13px}
:root[data-ui="modern"] .doc-email-subject span {display:block;color:var(--muted);margin-bottom:5px}
:root[data-ui="modern"] .doc-email iframe {display:block;border:0;width:100%;height:440px;background:#edf2f6}
:root[data-ui="modern"] .doc-decision .txt {white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.6;max-height:280px;overflow:auto}
:root[data-ui="modern"] .doc-decision-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
:root[data-ui="modern"] .doc-decision-actions .btn {flex:1;min-height:48px;white-space:normal;line-height:1.4}
@media(max-width:620px){
  :root[data-ui="modern"] .docs-board .card {padding:16px}
  :root[data-ui="modern"] .docs-board .doc-row {grid-template-columns:minmax(0,1fr);padding:16px}
  :root[data-ui="modern"] .docs-board .doc-row .amt {grid-row:1;text-align:left;font-size:22px}
  :root[data-ui="modern"] .docs-board .doc-actions .btn {flex:1 1 120px}
  :root[data-ui="modern"] .doc-packet>div {flex-direction:column;gap:3px}
  :root[data-ui="modern"] .doc-file {grid-template-columns:24px minmax(0,1fr)}
  :root[data-ui="modern"] .doc-file>strong {grid-column:2}
  :root[data-ui="modern"] .doc-decision-actions .btn {flex-basis:100%}
}
/* Administrator workspace. Load after staff.css and design-system.css.
   The opt-in attribute keeps other roles and the production theme untouched.
   Planner coordinates, sticky offsets and gesture targets retain their original rules. */
:root[data-ui] body[data-pult-ui][data-admin-workday] {
  --ui-bg:#f3f5f6; --ui-surface:#ffffff; --ui-raised:#fcfdfd; --ui-soft:#f5f7f8;
  --ui-text:#25313c; --ui-muted:#596774; --ui-line:#dce2e7;
  --ui-accent:#476657; --ui-accent-hi:#5c806d; --ui-header:#222d36;
  --ui-ok:#25694c; --ui-warn:#8a591a; --ui-danger:#ae3941;
  --ui-shadow:0 1px 2px #25313c06,0 7px 22px -14px #25313c30;
  --ui-deep-shadow:var(--ui-shadow);
  --bg:var(--ui-bg); --surface:var(--ui-surface); --surface2:var(--ui-soft);
  --text:var(--ui-text); --muted:var(--ui-muted); --muted2:var(--ui-muted);
  --line:var(--ui-line); --accent:var(--ui-accent); --ok:var(--ui-ok);
  --warn:var(--ui-warn); --danger:var(--ui-danger); --shadow:var(--ui-shadow);
  --aw-nav:#222d36; --aw-nav-line:#3e4b56; --aw-nav-text:#f3f6f8;
  --aw-primary:#30463c; --aw-primary-text:#ffffff;
  background:var(--ui-bg); color:var(--ui-text); font-size:14px; line-height:1.55;
}
:root[data-ui][data-ui-theme="dark"] body[data-pult-ui][data-admin-workday] {
  --ui-bg:#171e24; --ui-surface:#222d35; --ui-raised:#26323b; --ui-soft:#1e2830;
  --ui-text:#eef2f5; --ui-muted:#b4c0c9; --ui-line:#3c4a55;
  --ui-accent:#afc9b9; --ui-accent-hi:#c3d8cb; --ui-ok:#90d2b0;
  --ui-warn:#edc180; --ui-danger:#ffafb5;
  --ui-shadow:0 1px 2px #00000012,0 8px 24px -16px #00000070;
  --aw-nav:#1b252d; --aw-nav-line:#3b4a56; --aw-primary:#b2cebd; --aw-primary-text:#1b3025;
}

/* One graphite frame, quieter actions, the existing responsive navigation. */
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-top {
  background:var(--aw-nav); border-color:var(--aw-nav-line); box-shadow:0 1px 0 #0000000a;
  color:var(--aw-nav-text);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-top::before {
  background:var(--aw-nav); border-color:var(--aw-nav-line);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #tabs {
  background:var(--aw-nav); scrollbar-color:#687b88 transparent;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #tabs button {
  color:#cbd5dc; font-weight:600; border-radius:10px;
  transition:background-color 140ms ease,color 140ms ease;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #tabs button.active {
  color:#ffffff; background:#40594d; border-color:#6b8878;
  box-shadow:inset 0 1px 0 #ffffff12; font-weight:750;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-actions :is(.st-btn,.ui-theme-toggle) {
  background:#2b3943; color:#f3f6f8; border-color:#52616d; box-shadow:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.pult-heading h1,.aw-page-title) {
  font-size:clamp(25px,2.2vw,32px); line-height:1.22; letter-spacing:-.035em;
  font-weight:750; color:var(--text);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .pult-heading p {font-size:13px;line-height:1.55;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .pult-eyebrow {font-size:10px;letter-spacing:.09em;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-status {font-size:12px;line-height:1.55;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .yc-stats {flex:1 1 340px;min-width:0;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .yc-tools {margin-left:auto;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .yc-nav .nd.today {background:var(--aw-primary);color:var(--aw-primary-text);border-color:transparent;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .yc-nav .nd.today small {color:var(--aw-primary-text);opacity:.86;}

/* Cards stay visually distinct without competing gradients or tall empty space. */
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.card,.pl,.dawn) {
  background:var(--surface); border:1px solid var(--line); border-radius:16px;
  box-shadow:var(--shadow); color:var(--text); min-width:0;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.card,.pl),
:root[data-ui] body[data-pult-ui][data-admin-workday] .shboard :is(.pl.head,.pl.earn) {padding:20px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.card h3,.pl h3) {
  font-size:17px; line-height:1.45; letter-spacing:-.02em; font-weight:750;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .plt {
  font-size:14px; letter-spacing:0; text-transform:none; line-height:1.5; font-weight:750;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .plt>span {font-size:12px;line-height:1.5;font-weight:500;}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.hint,.earn-b,.money-sub) {font-size:13px;line-height:1.6;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .shboard {gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .shboard>.col {
  display:grid; grid-template-columns:minmax(0,1fr); gap:18px; align-content:start; grid-column:auto;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .shboard>.col>.pl {align-self:start;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .ui-shift-overview {
  grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px; align-items:start;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .pl.head .ph {gap:10px;flex-wrap:wrap;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .pl.head .ph h3 small {font-size:12px;letter-spacing:0;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .pl.head .timer {margin:14px 0 12px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .pl.head .timer b {
  font:750 clamp(30px,3vw,42px)/1.15 var(--font); letter-spacing:-.04em; font-variant-numeric:tabular-nums;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .pl.head :is(.people,.sched) {padding-top:12px;margin-top:14px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.people .p,.dlist>span,.wc) {
  background:var(--surface2); color:var(--text); border-color:var(--line); box-shadow:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .earn-top {display:grid;gap:12px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .earn-top small {
  font-size:14px; line-height:1.5; letter-spacing:0; text-transform:none; font-weight:750; color:var(--text);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .earn-top b {
  font:750 clamp(28px,2.8vw,40px)/1.2 var(--font); letter-spacing:-.04em;
  font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .earn-row {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding-top:16px; margin-top:16px;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .earn-row span {font-size:11px;letter-spacing:.02em;min-width:0;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .earn-row b {font-size:17px;line-height:1.45;margin-top:5px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .legend span {font-size:13px;line-height:1.6;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .split {gap:10px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .split>span {padding:12px;border:1px solid var(--line);}
:root[data-ui] body[data-pult-ui][data-admin-workday] .split>span b {font-size:19px;font-weight:700;line-height:1.4;}

/* Guidance and checklists retain every state and action. */
:root[data-ui] body[data-pult-ui][data-admin-workday] .guide {
  background:var(--surface); border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
  padding:16px; margin-bottom:18px; border-radius:14px; box-shadow:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .guide.ok {background:color-mix(in srgb,var(--ok) 5%,var(--surface));border-color:color-mix(in srgb,var(--ok) 34%,var(--line));}
:root[data-ui] body[data-pult-ui][data-admin-workday] .guide.bad {background:color-mix(in srgb,var(--danger) 5%,var(--surface));border-color:color-mix(in srgb,var(--danger) 42%,var(--line));}
:root[data-ui] body[data-pult-ui][data-admin-workday] .guide .gtx b {font-size:16px;line-height:1.4;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .guide .gtx span {font-size:13px;line-height:1.55;font-weight:500;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .ci {padding:13px 0;gap:10px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .ci b {font-size:13px;line-height:1.5;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .ci small {font-size:12px;line-height:1.55;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .ci.next {margin-inline:0;padding:12px;background:var(--surface2);}
:root[data-ui] body[data-pult-ui][data-admin-workday] .repcta {
  background:var(--surface2); border-color:var(--line); box-shadow:none; padding:14px; border-radius:12px;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .repcta .tx {flex-wrap:wrap;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .repcta .tx b {font-size:16px;white-space:normal;font-weight:700;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .repcta .sub {font-size:13px;line-height:1.55;}
:root[data-ui] body[data-pult-ui][data-admin-workday] #main .repcta .go {background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:none;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .repcta::after {box-shadow:none;animation:none;}

/* Stable controls: feedback through colour and focus, not shifting geometry. */
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.st-btn,.tb) {
  border-radius:10px; min-height:44px; font-size:13px; line-height:1.4; padding:10px 14px;
  font-weight:650; box-shadow:0 1px 2px #00000005;
  transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.st-btn,.tb):where(:not(.primary):not(.ok):not(.danger):not(.active):not(.sel):not(.on)) {
  background:var(--surface); color:var(--text); border:1px solid var(--line);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(#main,#sheet) .st-btn.primary {
  background:var(--aw-primary); color:var(--aw-primary-text); border-color:var(--aw-primary); box-shadow:inset 0 1px 0 #ffffff14;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-btn.ok {background:#28694d;color:#fff;border-color:#28694d;box-shadow:inset 0 1px 0 #ffffff14;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-btn.danger {
  color:var(--danger); background:color-mix(in srgb,var(--danger) 6%,var(--surface)); border-color:color-mix(in srgb,var(--danger) 45%,var(--line)); box-shadow:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.st-btn,.tb,.repcta):not(:disabled):is(:hover,:active) {transform:none;}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.chip,.tag) {font-size:12px;line-height:1.45;letter-spacing:0;border-radius:7px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  background:var(--surface); color:var(--text); border:1px solid var(--line); border-radius:10px;
  font-family:var(--font); font-size:16px; line-height:1.5; box-shadow:inset 0 1px 2px #00000004;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .field label {font-size:13px;color:var(--text);}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(button,a,input,textarea,select,summary):focus-visible {
  outline:3px solid var(--accent); outline-offset:3px;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-top :focus-visible {outline-color:#bdd8c9;}

/* Order IDs, the vehicle, and totals each keep a readable lane. */
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow {
  grid-template-columns:minmax(64px,max-content) minmax(0,1fr) max-content;
  gap:16px; padding:16px; border-radius:12px; background:var(--surface); box-shadow:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow .n {font-size:12px;line-height:1.5;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow .n b {font-size:17px;line-height:1.45;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow .t {font-size:14px;line-height:1.7;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow .s {font-size:12px;line-height:1.6;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow .amt {font-size:19px;line-height:1.45;font-weight:700;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow .amt small {font-size:11px;font-weight:500;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .orow .tag {font-size:11px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .wm-t b {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.wjob,.wmrow) {background:var(--surface2);box-shadow:none;border-color:var(--line);}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.empty,.err,.warnbox) {line-height:1.65;overflow-wrap:anywhere;}

/* Dialog material and form rhythm; the existing focus/scroll logic stays in charge. */
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-sheet-panel {
  background:var(--surface); color:var(--text); border-color:var(--line);
  box-shadow:0 24px 80px #00000038; animation:aw-sheet-enter 160ms ease-out;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-sheet-backdrop {background:#17212a75;backdrop-filter:blur(3px);}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-sheet h2 {font-size:23px;line-height:1.35;font-weight:750;letter-spacing:-.025em;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .st-toast {max-width:calc(100vw - 32px);font-size:13px;line-height:1.5;text-align:center;}
@keyframes aw-sheet-enter {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Direct navigation and local reading controls. */
:root[data-ui] body[data-pult-ui][data-admin-workday] .pult-heading {align-items:center;flex-wrap:wrap;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-tools {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.aw-command-trigger,.aw-density,.aw-filter) {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:10px 13px;border:1px solid var(--line);border-radius:10px;
  background:var(--surface);color:var(--text);font:650 13px/1.4 var(--font);cursor:pointer;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-trigger svg {width:17px;height:17px;flex:none;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-trigger kbd {
  padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface2);
  color:var(--muted);font:500 10px/1.5 var(--font);white-space:nowrap;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.aw-density,.aw-filter)[aria-pressed="true"] {
  background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-order-filters {
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-filter :is(b,span) {font-variant-numeric:tabular-nums;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-filter small {font-size:12px;font-weight:650;}
/* The main order action stays in the first row. Extra links expand in document flow. */
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .yc-top {align-items:flex-start;}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .yc-actions {
  display:grid;grid-template-columns:minmax(0,1fr) 44px 88px;align-items:start;align-self:flex-start;gap:8px;min-width:0;
}
@media (min-width:701px) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] #orders .yc-actions {width:360px;max-width:100%;flex:0 1 360px;}
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders #newOrder {grid-column:1;grid-row:1;width:auto;min-width:0;margin:0;}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders #ordersRefresh {
  grid-column:2;grid-row:1;width:44px;min-width:44px;min-height:44px;padding:10px;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary {display:contents;}
/* Modern details has its own content box; flatten that box as well as the wrapper. */
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary::details-content {display:contents;}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary>summary {
  grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;gap:9px;width:88px;min-width:70px;min-height:44px;
  margin:0;padding:10px 13px;border:1px solid var(--line);border-radius:10px;
  background:var(--surface);color:var(--text);list-style:none;cursor:pointer;
  font:650 13px/1.4 var(--font);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary>summary::-webkit-details-marker {display:none;}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary>summary::marker {content:"";}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary>summary::after {
  content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;
  transform:translateY(-2px) rotate(45deg);flex:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary[open]>summary::after {transform:translateY(2px) rotate(225deg);}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary-menu {
  grid-column:1/-1;grid-row:2;position:static;display:none;flex-wrap:wrap;gap:8px;margin:0;padding:12px;
  width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface2);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary[open]>.aw-secondary-menu {display:flex;}
:root[data-ui] body[data-pult-ui][data-admin-workday] #orders .aw-secondary-menu>a {
  flex:1 1 170px;justify-content:center;min-width:0;min-height:44px;white-space:normal;line-height:1.45;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-read-state {
  grid-column:1/-1;display:grid;justify-items:start;gap:10px;
  padding:24px;border:1px solid var(--line);border-radius:14px;
  background:var(--surface);color:var(--text);box-shadow:var(--shadow);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-read-state h3 {margin:0;font-size:17px;line-height:1.4;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-read-state p {margin:0;color:var(--muted);font-size:14px;line-height:1.6;max-width:64ch;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-read-icon {
  display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:var(--surface2);color:var(--accent);font-size:22px;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-read-icon svg {width:22px;height:22px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-read-state.error {border-color:color-mix(in srgb,var(--danger) 40%,var(--line));}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-read-state.error .aw-read-icon {color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-dialog {
  width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;
  padding:20px;border:1px solid var(--line);border-radius:18px;overflow:auto;
  background:var(--surface);color:var(--text);box-shadow:0 24px 80px #00000038;
  overscroll-behavior:contain;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-dialog::backdrop {background:#17212a75;backdrop-filter:blur(3px);}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-dialog h2 {margin:0 0 14px;font-size:20px;font-weight:750;letter-spacing:-.025em;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-search {display:block;width:100%;min-height:48px;padding:12px 14px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-list {display:grid;gap:6px;margin-top:14px;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-option {
  display:grid;justify-items:start;gap:3px;width:100%;min-height:60px;padding:12px 14px;
  border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);
  text-align:left;font:650 14px/1.4 var(--font);cursor:pointer;overflow-wrap:anywhere;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-option small {font-size:12px;line-height:1.5;color:var(--muted);font-weight:500;}
:root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-option:is(:hover,:focus-visible) {background:var(--surface2);border-color:var(--line);}
/* Compact is a reading preference: controls keep their minimum touch target. */
:root[data-ui] body[data-pult-ui][data-admin-workday][data-admin-density="compact"] :is(.card,.pl),
:root[data-ui] body[data-pult-ui][data-admin-workday][data-admin-density="compact"] .shboard :is(.pl.head,.pl.earn) {padding:16px;}
:root[data-ui] body[data-pult-ui][data-admin-workday][data-admin-density="compact"] :is(.shboard,.ui-shift-overview,.shboard>.col) {gap:12px;}
:root[data-ui] body[data-pult-ui][data-admin-workday][data-admin-density="compact"] .orow {padding:12px 14px;gap:12px;}
:root[data-ui] body[data-pult-ui][data-admin-workday][data-admin-density="compact"] .ci {padding-block:10px;}
@media (hover:hover) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] #tabs button:not(.active):hover {background:#30404b;color:#fff;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] :is(.orow,.wpk):hover {border-color:var(--accent);background:var(--surface2);}
  :root[data-ui] body[data-pult-ui][data-admin-workday] :is(.st-btn,.tb):not(:disabled):hover {box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent);}
}
@media (max-width:1100px) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] .shboard {grid-template-columns:minmax(0,1fr);}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .ui-shift-overview {grid-template-columns:repeat(2,minmax(0,1fr));}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .shboard>.col {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:960px) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] #tabs {background:var(--aw-nav);border-color:var(--aw-nav-line);}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #tabs button {font-size:0;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #tabs button::after {font-size:10px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .st-actions :is(.st-btn,.ui-theme-toggle) {min-height:44px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .st-actions :is(.ico,.ui-theme-toggle) {width:44px;min-width:44px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .st-toast {bottom:calc(92px + env(safe-area-inset-bottom));}
}
@media (max-width:700px) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] .pult-heading {
    flex-wrap:nowrap;align-items:center;min-height:44px;gap:12px;margin-bottom:12px;
  }
  :root[data-ui] body[data-pult-ui][data-admin-workday] .pult-heading>div:not(.aw-tools) {min-width:0;flex:1;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .pult-heading h1 {margin:0;font-size:25px;line-height:1.3;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .pult-heading :is(.pult-eyebrow,p) {display:none;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-tools {width:auto;flex:none;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-density {display:none;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-trigger {
    flex:none;width:44px;min-width:44px;min-height:44px;padding:10px;justify-content:center;
  }
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-trigger :is(span,kbd) {display:none;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-trigger svg {width:20px;height:20px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #orders .yc-top {gap:10px;margin-bottom:12px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #orders .yc-title h3 {display:none;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #orders .yc-title {width:100%;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #orders .yc-actions {width:100%;gap:8px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #orders #newOrder {width:auto;min-width:0;min-height:44px;justify-content:center;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #orders .osearch {margin-bottom:12px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-order-filters {
    flex-wrap:nowrap;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;
    gap:6px;margin-bottom:12px;padding:4px 3px 8px;scrollbar-width:thin;
    scrollbar-color:var(--line) transparent;scroll-padding-inline:4px;
  }
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-filter {flex:none;min-height:44px;white-space:nowrap;font-size:12px;padding-inline:10px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] :is(.ui-shift-overview,.shboard>.col) {grid-template-columns:minmax(0,1fr);}
  :root[data-ui] body[data-pult-ui][data-admin-workday] :is(.card,.pl),
  :root[data-ui] body[data-pult-ui][data-admin-workday] .shboard :is(.pl.head,.pl.earn) {padding:18px 16px;border-radius:14px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .guide {padding:14px;gap:12px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .guide .gact {flex-wrap:wrap;justify-content:stretch;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .guide .gact .st-btn {flex:1 1 125px;justify-content:center;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .earn-row {gap:10px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .earn-row b {font-size:16px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .ci {display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .ci>.st-btn {grid-column:2;justify-self:start;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .orow {grid-template-columns:minmax(0,1fr);gap:9px;padding:14px;align-items:start;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .orow .n {display:flex;align-items:baseline;gap:6px;white-space:normal;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .orow .n b {display:inline;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .orow .amt {grid-column:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;white-space:normal;text-align:left;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .orow .amt small {display:inline;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .st-sheet-panel {padding-inline:16px;}
}
@media (max-width:380px) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-tools {gap:6px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] :is(.aw-command-trigger,.aw-density,.aw-filter) {font-size:12px;padding-inline:10px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .aw-command-dialog {width:calc(100vw - 20px);padding:16px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .st-main {padding-inline:12px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .split {flex-direction:column;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .earn-row {grid-template-columns:minmax(0,1fr);}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .earn-row span {display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
}
@media (prefers-reduced-motion:reduce) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] *,
  :root[data-ui] body[data-pult-ui][data-admin-workday] *::before,
  :root[data-ui] body[data-pult-ui][data-admin-workday] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
/* Nested selections use a matching foreground in both themes. */
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.person.on,.rc.on,.ogoods-choice.primary) {
  background:var(--aw-primary);color:var(--aw-primary-text);border-color:transparent;box-shadow:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] :is(.person.on,.rc.on,.ogoods-choice.primary) :is(b,small,span) {
  color:var(--aw-primary-text);
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .tire :is(.seg button.on,.rad.on) {
  background:var(--aw-primary);color:var(--aw-primary-text);border-color:transparent;box-shadow:none;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .tire .seg button.on :is(small,b,span) {color:var(--aw-primary-text);}
:root[data-ui] body[data-pult-ui][data-admin-workday] .smart .hist .hrow {
  grid-template-columns:max-content minmax(0,1fr) max-content;gap:8px 14px;align-items:start;
}
:root[data-ui] body[data-pult-ui][data-admin-workday] .smart .hist .hrow b {white-space:nowrap;}
@media (max-width:760px) {
  :root[data-ui] body[data-pult-ui][data-admin-workday]:has(#msgview.chat-open) :is(.pult-heading,#status) {display:none;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .wfoot:has(.cartbar) {position:static;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #msgview.chat-open .msg-card .yc-title {display:none;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #msgview.chat-open .msg-card .yc-actions {width:100%;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #msgview.chat-open .msg-head .acts {display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] #msgview.chat-open .msg-head .acts .st-btn {white-space:normal;line-height:1.4;justify-content:center;}
}
@media (max-width:560px) {
  :root[data-ui] body[data-pult-ui][data-admin-workday] .smart .hist .hrow {grid-template-columns:minmax(0,1fr) max-content;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .smart .hist .hrow>span {grid-column:1/-1;grid-row:2;overflow-wrap:anywhere;}
  :root[data-ui] body[data-pult-ui][data-admin-workday] .smart .hist .hrow>i {grid-column:2;grid-row:1;}
}
/* Each row has a fixed budget: no half lines or wrapped contacts in cards. */
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec {container-type:inline-size;container-name:appointment;}
@container appointment (max-width:110px) {
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-end {display:none;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec :is(.cal-contact-line,.cal-tier-line,.cal-move-handle,.cal-rh .ic) {display:none;}
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-structured {display:flex;flex-direction:column;gap:0;padding:4px 6px;overflow:hidden;min-width:0;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-text-row {display:block;flex:0 0 18px;height:18px;min-height:18px;line-height:18px;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin:0;padding:0;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-client-line {font-weight:750;font-size:12px;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-car-line {font-weight:650;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec :is(.cal-state-line,.cal-tier-line) {opacity:.8;font-size:10px;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-contact-line {position:relative;z-index:2;color:inherit;text-decoration:none;font-variant-numeric:tabular-nums;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-contact-line:focus-visible {outline:2px solid currentColor;outline-offset:-2px;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-rh {height:20px;min-height:20px;box-sizing:border-box;gap:3px;padding:2px 5px;overflow:hidden;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-rh>span:first-child {min-width:0;overflow:hidden;text-overflow:ellipsis;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-start {font-variant-numeric:tabular-nums;font-weight:750;}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-now {z-index:1;opacity:.65;}
/* Closure reason fills the lane while existing appointments stay accessible. */
:root[data-ui][data-ui] body[data-pult-ui] .box-closure-list {position:relative;padding:14px;margin:10px 0;border:1px solid var(--ui-line);border-radius:12px;}
:root[data-ui][data-ui] body[data-pult-ui] .box-closure-list .box-closure,:root[data-ui][data-ui] body[data-pult-ui] .box-closure-list .box-closure>div {position:static;}
:root[data-ui][data-ui] body[data-pult-ui] .box-closure {position:absolute;inset:0;pointer-events:none;padding:18px 10px;background:repeating-linear-gradient(135deg,transparent 0 12px,#82919714 12px 24px);}
:root[data-ui][data-ui] body[data-pult-ui] .box-closure>div {position:sticky;top:55px;display:flex;flex-direction:column;gap:10px;text-align:center;overflow-wrap:anywhere;color:var(--ui-text);}
:root[data-ui][data-ui] body[data-pult-ui] .box-closure strong {font-size:14px;white-space:pre-wrap;}
:root[data-ui][data-ui] body[data-pult-ui] .box-closure :is(span,small) {font-size:12px;color:var(--ui-muted);}
:root[data-ui][data-ui] body[data-pult-ui] .yc-lane>.box-closure {padding:8px;}
:root[data-ui][data-ui] body[data-pult-ui] .yc-lane>.box-closure>div {flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;max-width:650px;}
/* Keep the shared navigation accessible beside the planner. */
@media (min-width:961px) {
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded {inset:82px 0 0 216px;border-radius:0;}
}
@media (max-width:960px) {
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded {bottom:calc(80px + env(safe-area-inset-bottom));}
}
/* Desktop planner: reserve the viewport for the schedule, not large controls. */
@media (min-width:1000px) {
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded {inset:82px 0 0 216px;border-radius:0;padding:8px 12px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-top {padding:0 0 6px;margin:0;gap:12px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-title h3 {font-size:17px;margin:0;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-sub {display:none;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-actions {width:auto;gap:8px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded :is(.st-btn,.tb,.yc-toggle button,.cal-density button,.chip) {min-height:32px;padding:5px 10px;font-size:12px;border-radius:8px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-bar {padding:4px 6px;margin:4px 0;gap:8px;border-radius:8px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-load {display:none;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-nav :is(.nb,.nc,.nd) {min-height:32px;height:32px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-nav .nd {display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 10px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-nav .nd small {margin:0;font-size:11px;line-height:16px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-stats .ch {padding:4px 6px;font-size:11px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-planner-filters {display:inline-flex;width:54%;margin:3px 8px 6px 0;gap:6px;vertical-align:middle;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-planner-filters input {flex:1;min-width:0;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-planner-filters select {width:145px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-planner-filters :is(input,select) {min-height:32px;padding:5px 8px;font-size:12px;border-radius:8px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .yc-planner-status {display:inline-flex;gap:4px;margin:0;vertical-align:middle;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded :is(.cal-ch,.cal-sp) {height:44px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .cal-ch {padding:4px 34px 4px 8px;gap:2px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .cal-ch b {font-size:12px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .cal-ch small {font-size:10px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .cal-ch .boxsw {width:28px;height:28px;min-height:28px;max-height:28px;top:8px;right:4px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .cal-legend {padding:4px 0 0;gap:4px 10px;font-size:10px;}
 :root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .cal-legend .lg-hint {display:none;}
}
/* Hallmark · checked: 2026-10-27 · genre: modern-minimal · shape: app screen
 * built: the project · redesign: polish · brand: Rosmoyka existing tokens · copy: verbatim
 * Scope: planner controls, card legibility and closed-box notice. Audit results in REPORT.md. */
:root {
  --planner-field-edge: #657985;
  --planner-focus: #a6d5bf;
  --planner-button-bg: #b2cebd;
  --planner-button-ink: #1b3025;
  --planner-card-ink: #f2f7f5;
  --planner-card-header: #275d49;
  --planner-warning-header: #70430f;
  --planner-muted-header: #435666;
  --planner-padding: 8px;
  --planner-light-edge: #687b87;
  --planner-light-focus: #285e49;
}
:root[data-ui][data-ui-theme="light"] {
  --planner-field-edge: var(--planner-light-edge);
  --planner-focus: var(--planner-light-focus);
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard :is(input,select,textarea) {
  border-color:var(--planner-field-edge);
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard :is(button,input,select,textarea,a):focus-visible {
  outline:2px solid var(--planner-focus);
  outline-offset:2px;
  transition:none;
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard :is(.st-btn.primary,.yc-planner-status [aria-pressed="true"],.cal-density [aria-pressed="true"]) {
  background:var(--planner-button-bg);
  color:var(--planner-button-ink);
  border-color:var(--planner-button-bg);
  box-shadow:none;
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard :is(.st-btn.primary,.yc-planner-status [aria-pressed="true"],.cal-density [aria-pressed="true"]):hover {
  filter:brightness(1.06);
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-structured {
  padding-left:var(--planner-padding);
  padding-right:var(--planner-padding);
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec :is(.cal-state-line,.cal-tier-line) {
  font-size:11px;
  opacity:1;
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard.planner-expanded .cal-ch small {
  font-size:11px;
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec .cal-rh {
  color:var(--planner-card-ink);
  background:var(--planner-card-header);
  font-variant-numeric:tabular-nums;
  font-weight:700;
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec.overdue .cal-rh {background:var(--planner-warning-header);}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .cal-rec.noshow .cal-rh {background:var(--planner-muted-header);}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard .box-closure {
  background:var(--ui-soft);
  color:var(--ui-text);
}
:root[data-ui][data-ui] body[data-pult-ui] #ycCard :is(.yc-stats,.cal-text-row,.cal-ch small,.yc-planner-status button) {
  letter-spacing:normal;
  text-transform:none;
}
@media (prefers-reduced-motion:reduce) {
  :root[data-ui][data-ui] body[data-pult-ui] #ycCard,
  :root[data-ui][data-ui] body[data-pult-ui] #ycCard * {animation:none;transition:none;scroll-behavior:auto;}
}

/* Hallmark polish: Rosmoyka service picker; existing brand and workflow preserved. */
/* Critique: clearer long titles, aligned prices and stable selection geometry. */
#sheetBody .wiz .rcards { grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr)); align-items: stretch; }
#sheetBody .wiz .rc {
  min-width: 0; grid-template-rows: 1fr auto auto; gap: 6px;
  padding: 12px; transition: background-color .15s, border-color .15s, color .15s;
}
#sheetBody .wiz .rc b { min-width: 0; overflow-wrap: anywhere; font-size: 14px; line-height: 1.4; }
#sheetBody .wiz .rc small { font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
#sheetBody .wiz .rc span { font-family: var(--font); font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.4; }
/* Reserve the checkmark space even before selection: choosing a service must not move its title. */
#sheetBody .wiz .rc b::before { content: '✓ '; visibility: hidden; }
#sheetBody .wiz .rc.on b::before { visibility: visible; }
#sheetBody .wiz :is(.rlab, .wlab, .advice b, .wsteps span i) { text-transform: none; letter-spacing: normal; font-size: 12px; line-height: 1.4; }
#sheetBody .wiz :is(button, input, select, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; transition: none; }
#sheetBody .wiz :is(.sn, .service-picked > div) { min-width: 0; overflow-wrap: anywhere; }
#sheetBody .wiz :is(.sp, #stotal) { font-variant-numeric: tabular-nums; }
@media (max-width: 560px) {
  #sheetBody .wiz .rcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #sheetBody .wiz .rc { padding: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #sheetBody .wiz .rc { transition: none; }
}