/* Iyra Motors workspace — two dealership-wide looks chosen in Settings & team.
   Showroom (default): light, full side menu.  Command: dark, icon rail, board-first.
   Every colour below comes from these tokens so both looks cover every screen. */

:root{
  --font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --num-font:var(--font);
  --bg:#F4F5F2;--surface:#FFFFFF;--surface-2:#F7F8F6;--raised:#FFFFFF;--sunken:#F0F2EE;
  --line:#E2E5DF;--line-soft:#EEF0EC;--line-strong:#D3D8D0;
  --text:#17212B;--text-2:#56616E;--text-3:#646E7A;
  --accent:#1B64C4;--accent-hover:#134C98;--accent-ink:#FFFFFF;--accent-soft:#E7F0FB;--accent-text:#1B64C4;
  --good:#17663F;--good-soft:#E3F3EC;--warn:#8A4B00;--warn-soft:#FDF1DC;--warn-dot:#C77700;--bad:#B42318;--bad-soft:#FDECEA;
  --neutral-soft:#EEEFEC;--neutral:#4A525C;
  --hero:#17212B;--hero-text:#FFFFFF;--hero-soft:#C9D2DB;
  --sidebar:#FFFFFF;--sidebar-line:#E2E5DF;--side-w:248px;
  --focus:#7FB0EE;--shadow:0 1px 2px rgba(23,33,43,.06),0 4px 14px rgba(23,33,43,.05);--shadow-lg:0 24px 60px rgba(16,28,40,.28);
  --r-lg:18px;--r:14px;--r-sm:10px;--r-xs:8px;
  --pad:32px;
  color-scheme:light;
  font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);
}
:root[data-theme="command"]{
  --num-font:var(--mono);
  --bg:#0E1216;--surface:#151B21;--surface-2:#11161B;--raised:#1B232B;--sunken:#0E1216;
  --line:#25303A;--line-soft:#1F2830;--line-strong:#33404C;
  --text:#E7ECF0;--text-2:#9DA9B5;--text-3:#8C98A5;
  --accent:#5EA0FF;--accent-hover:#86B8FF;--accent-ink:#07111F;--accent-soft:#16263A;--accent-text:#7DB3FF;
  --good:#4FD18B;--good-soft:#123024;--warn:#F2B252;--warn-soft:#33281A;--warn-dot:#F2B252;--bad:#FF8A7A;--bad-soft:#3A1E1C;
  --neutral-soft:#222B34;--neutral:#B3BDC7;
  --hero:#0A0D10;--hero-text:#FFFFFF;--hero-soft:#9DA9B5;
  --sidebar:#0A0D10;--sidebar-line:#1F2830;--side-w:76px;
  --focus:#5EA0FF;--shadow:none;--shadow-lg:0 24px 60px rgba(0,0,0,.55);
  --r-lg:12px;--r:10px;--r-sm:8px;--r-xs:6px;
  --pad:28px;
  color-scheme:dark;
}
body{background:var(--bg);color:var(--text)}

/* ---------- Base elements (override style.css colours) ---------- */
button,input,select,textarea{font-family:var(--font)}
button{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);padding:9px 14px;min-height:40px;font-weight:600}
button:hover{background:var(--surface-2);border-color:var(--line-strong)}
.primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.primary:hover,button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}
.link,button.link{border:0;background:transparent;color:var(--accent-text);padding:4px 2px;min-height:0}
.link:hover{background:transparent;text-decoration:underline}
.danger{color:var(--bad)}
a{color:var(--accent-text)}
input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);min-height:42px;padding:9px 12px;font-weight:400}
input::placeholder,textarea::placeholder{color:var(--text-3)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
label{color:var(--text)}
label small,.muted{color:var(--text-2)}
.tiny{font-size:12px}
h1{font-size:28px;font-weight:750;letter-spacing:-.5px;margin-bottom:6px}
h2{font-size:16px;font-weight:700}
h3{font-size:14px}
.num{font-family:var(--num-font);font-variant-numeric:tabular-nums}
.t-good{color:var(--good)!important}.t-warn{color:var(--warn)!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{display:none}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.pagehead h1{margin:0 0 6px}
.pagehead p{margin:0;color:var(--text-2);font-size:14px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Panels, tables, pills and friends from style.css */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:18px;overflow:hidden;box-shadow:var(--shadow)}
.panel-head{padding:16px 20px;border-bottom:1px solid var(--line-soft)}
.panel-head h2{margin:0;font-size:16px}
.panel-body{padding:20px}
.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.task{border-bottom:1px solid var(--line-soft)}
.task p{color:var(--text-2)}
table{color:var(--text)}
th{background:transparent;color:var(--text-2);font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line)}
td{padding:14px 16px;border-bottom:1px solid var(--line-soft);font-size:13px}
td strong{font-size:14px}
tbody tr:hover{background:var(--surface-2)}
.pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:650;background:var(--neutral-soft);color:var(--neutral)}
.pill.green{background:var(--good-soft);color:var(--good)}
.pill.blue{background:var(--accent-soft);color:var(--accent-text)}
.pill.amber{background:var(--warn-soft);color:var(--warn)}
.pill.gray{background:var(--neutral-soft);color:var(--neutral)}
.pill-count{background:var(--neutral-soft);color:var(--text-2);border-radius:999px}
.filters{padding:14px 20px;border-bottom:1px solid var(--line-soft)}
.empty{color:var(--text-2)}
.empty .empty-icon{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--r)}
.empty h3{color:var(--text)}
.stats{gap:14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.stat-top{color:var(--text-2)}
.stat .value{font-family:var(--num-font);font-weight:750}
.stat .note{color:var(--text-2);font-size:12px}
.stat .iconbox{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--r-xs)}
.report-row{border-bottom:1px solid var(--line-soft)}
.report-row b{font-family:var(--num-font)}
.info{background:var(--accent-soft);border:1px solid var(--line);color:var(--text);border-radius:var(--r-sm)}
.info.warn{background:var(--warn-soft);color:var(--warn)}
.error{background:var(--bad-soft);color:var(--bad);border-radius:var(--r-sm)}
.money-note,.footer-note,.version{color:var(--text-2);font-size:12px}
.linkbox{background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--r-sm)}
.quote{background:var(--accent-soft);border-radius:var(--r)}
.quote span{color:var(--text-2)}
.form-section{color:var(--text-2);border-top:1px solid var(--line)}
.check{color:var(--text)}
.license-scanner{border:1px solid var(--line);border-radius:var(--r-sm)}
.signature-box{background:var(--surface-2);border-color:var(--line-strong)}
.charge-row{border-bottom:1px solid var(--line)}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
code{font-family:var(--mono);background:var(--surface-2);padding:1px 5px;border-radius:5px}

/* Recon board */
.kanban{gap:14px}
.lane{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}
.lane-title{color:var(--text)}
.car-card{background:var(--raised);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.car-card p{color:var(--text-2);font-size:12px}
.car-card b{font-family:var(--num-font)}

/* Dialogs and toast */
dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}
dialog::backdrop{background:rgba(10,16,24,.55);backdrop-filter:blur(3px)}
.modal-head{padding:18px 22px;border-bottom:1px solid var(--line)}
.modal-head h2{font-size:20px}
.modal-body{padding:22px}
.modal-actions{padding:14px 22px;background:var(--surface-2);border-top:1px solid var(--line)}
#toast{background:var(--hero);color:var(--hero-text);border:1px solid var(--line-strong);border-radius:var(--r);font-weight:600}
.loading{color:var(--text-2)}

/* ---------- Shell: side menu + top bar ---------- */
.shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh;background:var(--bg)}
.sidebar{position:sticky;top:0;height:100vh;align-self:start;background:var(--sidebar);border-right:1px solid var(--sidebar-line);display:flex;flex-direction:column;gap:22px;padding:20px 14px;overflow-y:auto;z-index:30}
.side-brand{display:flex;align-items:center;padding:4px 8px;border-radius:var(--r-sm);line-height:0}
.side-brand img{width:150px;height:auto}
.side-nav,.side-foot{display:flex;flex-direction:column;gap:2px}
.side-foot{margin-top:auto;gap:10px}
.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);color:var(--text-2);text-decoration:none;font-size:14px;font-weight:550;position:relative}
.side-link .ico{flex:none}
.side-link:hover{background:var(--surface-2);color:var(--text)}
.side-link.selected{background:var(--accent-soft);color:var(--accent-text);font-weight:700}
.side-label{flex:1;white-space:nowrap}
.side-badge{font-size:12px;font-weight:700;min-width:22px;text-align:center;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 7px;font-family:var(--num-font)}
.side-user{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r)}
.side-user-text{display:flex;flex-direction:column;min-width:0;flex:1}
.side-user-text b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-user-text small{font-size:12px;color:var(--text-2);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-signout{min-height:36px;width:36px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--text-2)}
.side-signout:hover{background:var(--surface-2);color:var(--text)}
.shell-scrim{display:none}
.shell-main{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;gap:14px;padding:0 var(--pad);background:var(--bg);border-bottom:1px solid var(--line)}
.topbar-menu{display:none;width:44px;min-height:44px;padding:0;place-items:center;border:0;background:transparent;color:var(--text)}
.topbar-search{flex:1;max-width:560px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r);color:var(--text-2);font-weight:450;text-align:left}
.topbar-search:hover{border-color:var(--accent);background:var(--surface);color:var(--text)}
.topbar-search span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-search kbd{font:inherit;font-size:12px;color:var(--text-2);border:1px solid var(--line-strong);border-radius:6px;padding:1px 7px;font-family:var(--num-font)}
.topbar-status{margin-left:auto;font-size:12px;color:var(--text-3);white-space:nowrap}
.topbar-new{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r)}
.workspace-main{padding:28px var(--pad) 48px;max-width:1680px;width:100%;box-sizing:border-box;min-width:0}

/* Command: icon rail, labels become tooltips */
[data-theme="command"] .sidebar{padding:16px 10px;align-items:center;gap:16px}
[data-theme="command"] .side-brand{background:#FFFFFF;width:52px;height:52px;justify-content:center;padding:4px;border-radius:12px}
[data-theme="command"] .side-brand img{width:46px}
[data-theme="command"] .side-nav,[data-theme="command"] .side-foot{align-items:center;gap:6px}
[data-theme="command"] .side-link{width:48px;height:48px;padding:0;justify-content:center}
[data-theme="command"] .side-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
[data-theme="command"] .side-badge{position:absolute;top:2px;right:0;font-size:10px;min-width:18px;padding:0 5px;line-height:16px}
[data-theme="command"] .side-user{flex-direction:column;border:0;padding:0;gap:8px}
[data-theme="command"] .side-user-text{display:none}
[data-theme="command"] .topbar-search{max-width:680px;border-radius:var(--r)}

/* ---------- Avatars and status chips ---------- */
.avatar{flex:none;width:38px;height:38px;border-radius:999px;display:inline-grid;place-items:center;font-size:13px;font-weight:750;letter-spacing:.2px}
.avatar.sm{width:36px;height:36px;font-size:12px}
.avatar.lg{width:56px;height:56px;font-size:18px}
.av-1{background:#E7F0FB;color:#1B4F99}.av-2{background:#F3ECE2;color:#7A4A17}.av-3{background:#EAE7F5;color:#4B3B8F}.av-4{background:#E3F3EC;color:#17663F}.av-5{background:#EEEFEC;color:#4A525C}
[data-theme="command"] .av-1{background:#16263A;color:#8EC0FF}[data-theme="command"] .av-2{background:#33281A;color:#F2C07A}[data-theme="command"] .av-3{background:#262240;color:#B7AAF5}[data-theme="command"] .av-4{background:#123024;color:#6FE0A3}[data-theme="command"] .av-5{background:#222B34;color:#C6D0D9}
.status-chip,.deal-status{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--neutral-soft);color:var(--neutral)}
.status-chip::before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.85}
.s-quoted{background:var(--accent-soft);color:var(--accent-text)}
.s-application-pending{background:var(--warn-soft);color:var(--warn)}
.s-approved{background:var(--good-soft);color:var(--good)}
.s-delivered,.s-funded{background:var(--good);color:var(--surface)}
.s-lost{background:var(--bad-soft);color:var(--bad)}
.dot{width:8px;height:8px;border-radius:999px;background:var(--neutral);flex:none}
.dot.s-quoted{background:var(--accent)}.dot.s-application-pending{background:var(--warn-dot)}.dot.s-approved,.dot.s-delivered{background:var(--good)}

/* ---------- Deals: numbers ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.kpi{display:grid;gap:4px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 20px;min-height:0;color:var(--text);box-shadow:var(--shadow)}
.kpi:hover{border-color:var(--accent);background:var(--surface)}
.kpi span{font-size:13px;color:var(--text-2);font-weight:600}
.kpi b{font-size:30px;font-weight:750;letter-spacing:-.6px;font-family:var(--num-font)}
.kpi small{font-size:13px;color:var(--text-2);font-weight:500}
[data-theme="command"] .kpis{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
[data-theme="command"] .kpi{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:12px 18px}
[data-theme="command"] .kpi:last-child{border-right:0}
[data-theme="command"] .kpi b{font-size:22px;font-weight:600;letter-spacing:0}

/* ---------- Deals: list view ---------- */
.view-toggle{display:inline-flex;padding:4px;gap:4px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm)}
.view-toggle button{min-height:34px;padding:0 14px;border:0;border-radius:calc(var(--r-sm) - 3px);background:transparent;color:var(--text-2);font-size:13px}
.view-toggle button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
[data-theme="command"] .view-toggle button.on{background:var(--line)}
.queue-worklist{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.queue-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}
.queue-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:13px}
.queue-tabs button b{font-weight:700;color:var(--text-3);font-family:var(--num-font)}
.queue-tabs button.selected{background:var(--text);border-color:var(--text);color:var(--surface)}
.queue-tabs button.selected b{color:var(--surface)}
.queue-tools,.board-tools{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}
.board-tools{padding:0 0 14px;border:0}
.queue-search{flex:1;max-width:420px;min-width:min(240px,100%)}
.queue-search input{min-height:40px}
.queue-result{margin-left:auto;font-size:13px;color:var(--text-2)}
.deal-grid{min-width:820px}
.deal-grid th{padding:12px 16px}
.deal-grid td{vertical-align:middle;height:68px}
.deal-grid td b{font-weight:650}
.who{display:flex;align-items:center;gap:12px}
.who>span:not(.avatar){display:flex;flex-direction:column}
.customer-link{font-weight:700;color:var(--text);text-decoration:none;font-size:14px}
.customer-link:hover{color:var(--accent-text);text-decoration:underline}
.cell-sub{display:block;margin-top:3px;font-size:12px;color:var(--text-2)}
.progress{display:inline-flex;gap:3px;vertical-align:middle}
.progress i{width:14px;height:6px;border-radius:3px;background:var(--line)}
.progress i.on{background:var(--accent)}
.progress-cell{display:flex;flex-direction:column;gap:4px;white-space:normal;min-width:170px}
.queue-empty{text-align:center;padding:48px!important;color:var(--text-2)}
.queue-shortcuts{display:flex;gap:22px;margin:16px 2px;font-size:13px;flex-wrap:wrap}
.queue-bottom{display:none}

/* ---------- Deals: board view ---------- */
.board{display:grid;grid-template-columns:repeat(5,minmax(196px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px;align-items:start}
.board-col{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r);min-height:320px}
.board-col-head{display:flex;align-items:center;gap:8px;padding:2px 4px 4px;font-size:13px}
.board-sum{margin-left:auto;font-size:12px}
.board-card{display:flex;flex-direction:column;gap:9px;padding:14px;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-sm);text-decoration:none;color:var(--text);box-shadow:var(--shadow)}
.board-card:hover{border-color:var(--accent)}
.bc-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bc-top b{font-size:15px}
.bc-age{font-size:12px;color:var(--text-3)}
.bc-veh,.bc-sub{font-size:13px;color:var(--text-2)}
.bc-money{display:flex;justify-content:space-between;align-items:baseline;gap:4px 8px;flex-wrap:wrap}
.bc-money b{font-size:16px}
.bc-money span{font-size:12px;color:var(--text-2);white-space:nowrap}
.bc-next{font-size:12px;color:var(--text)}
.board-card .progress{display:flex}
.board-card .progress i{flex:1;width:auto;height:4px}
.board-empty{margin:4px;font-size:13px;color:var(--text-3)}

/* ---------- Deal page ---------- */
.jacket-topline{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:var(--text-2);margin-bottom:14px;flex-wrap:wrap}
.jacket-topline a{display:inline-flex;align-items:center;gap:6px;font-weight:650;text-decoration:none}
.jacket-hero{display:flex;align-items:center;gap:18px;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:14px;box-shadow:var(--shadow);flex-wrap:wrap}
.jh-main{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}
.jh-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.jh-title h1{margin:0;font-size:26px}
.jh-main>span{font-size:14px;color:var(--text-2)}
.jh-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.jh-actions button{min-height:44px;border-radius:var(--r)}
.jacket-summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px;overflow:hidden}
.jacket-summary-strip>div{padding:12px 16px;border-right:1px solid var(--line-soft);display:grid;gap:4px}
.jacket-summary-strip>div:last-child{border-right:0}
.jacket-summary-strip span{font-size:12px;color:var(--text-2)}
.jacket-summary-strip b,.jacket-summary-strip a{font-size:15px;font-weight:650}
.jacket-summary-strip small{font-weight:500;color:var(--text-2);font-size:12px}
.jacket-layout{display:grid;gap:16px;align-items:start}
.jacket-navigation{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.step-tile{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--text);min-width:0}
.step-tile:hover{border-color:var(--accent)}
.step-tile.selected{background:var(--accent-soft);border:2px solid var(--accent);padding:10px 11px}
.step-tile.selected b{color:var(--accent-text)}
.st-text{display:flex;flex-direction:column;min-width:0}
.st-text b{font-size:13px;line-height:1.3}
.st-text small{font-size:12px;color:var(--text-2);line-height:1.3}
.step{width:22px;height:22px;border-radius:50%;flex:none;display:inline-grid;place-items:center;box-sizing:border-box}
.step-none{display:none}
.step-todo{border:2px solid var(--line-strong)}
.step-partial{border:2px solid var(--warn-dot);background:conic-gradient(var(--warn-dot) 0 50%,transparent 50% 100%)}
.step-done{background:var(--good)}
.step-done::after{content:"";width:8px;height:4px;border:2.5px solid var(--surface);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.jacket-content{min-width:0}
/* Command: steps become a left rail */
[data-theme="command"] .jacket-layout{grid-template-columns:230px minmax(0,1fr)}
[data-theme="command"] .jacket-navigation{grid-template-columns:1fr;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:6px;position:sticky;top:88px}
[data-theme="command"] .step-tile{border:0;background:transparent;border-radius:var(--r-xs);padding:9px 10px}
[data-theme="command"] .step-tile.selected{background:var(--raised);border:0;padding:9px 10px}
[data-theme="command"] .step{width:18px;height:18px}
[data-theme="command"] .jh-title h1{font-size:22px;font-weight:650}
[data-theme="command"] .jacket-hero{padding:14px 18px}
[data-theme="command"] .avatar.lg{width:46px;height:46px;font-size:15px}

.next-step{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin-bottom:16px}
.next-step span{display:block;font-size:12px;color:var(--text-2)}
.next-step b{font-size:15px}
.next-step-go{font-weight:700;text-decoration:none;white-space:nowrap}
.jacket-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.jacket-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;overflow:hidden;box-shadow:var(--shadow);margin-bottom:16px}
.jacket-columns .jacket-panel{margin-bottom:0}
.jacket-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}
.jacket-panel>header h2{margin:0;font-size:16px}
.jacket-panel>header a,.jacket-panel>header button{font-size:13px}
.jacket-panel>header button{min-height:28px}
.jacket-panel-body{padding:16px 18px}
.jacket-fields{margin:0;display:grid;gap:12px}
.jacket-fields>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.4}
.jacket-fields dt{color:var(--text-2);font-size:13px}
.jacket-fields dd{margin:0;overflow-wrap:anywhere}
.jacket-amounts>div{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:8px 0}
.jacket-amounts span{color:var(--text-2)}
.jacket-amounts b{font-weight:550;font-family:var(--num-font);font-variant-numeric:tabular-nums;white-space:nowrap}
.jacket-amounts .amount-total{border-top:1px solid var(--line-soft);padding-top:12px;margin-top:4px}
.jacket-amounts .amount-total span,.jacket-amounts .amount-total b{color:var(--text);font-weight:750}
.jacket-document-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:14px;margin-bottom:14px}
.jacket-empty,.jacket-help{font-size:13px;color:var(--text-2);line-height:1.6;margin:14px 0 0}
.jacket-help:first-child{margin:0 0 12px}
.jacket-actions{margin-top:18px;border-top:1px solid var(--line-soft);padding-top:14px}
.jacket-checklist{display:grid}
.jacket-checklist label,.jacket-checklist>.row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);font-weight:500}
.jacket-checklist label:last-child,.jacket-checklist>.row:last-child{border-bottom:0}
.jacket-checklist input{width:20px;height:20px;min-height:0;flex:none;margin:0;accent-color:var(--accent)}
.jacket-checklist b{font-size:14px;font-weight:650}
.jacket-checklist small{display:block;font-size:12px;line-height:1.5;margin-top:3px;color:var(--text-2)}
.checklist-state{margin-left:auto;font-size:12px;color:var(--text-2);white-space:nowrap}
.jacket-notes{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}

/* ---------- Deal desk ---------- */
.desk{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:16px;align-items:start}
.desk .jacket-panel{margin-bottom:0}
.desk-editor header{gap:12px}
.desk-group{padding:2px 0 16px;border-bottom:1px solid var(--line-soft);margin-bottom:16px}
.desk-group.plain{border-bottom:0;padding-bottom:0;margin-bottom:0}
.desk-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:0 0 10px;font-weight:700}
.desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}
.desk-field{display:grid;gap:6px;font-size:13px;font-weight:650;align-content:start}
.desk-field small{font-weight:450;color:var(--text-2);font-size:12px}
.desk-money{position:relative}
.desk-money i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--text-2);pointer-events:none}
.desk-money input{padding-left:24px;text-align:right;font-family:var(--num-font);font-variant-numeric:tabular-nums;font-size:16px;font-weight:650;min-height:46px}
.desk-field input,.desk-field select{min-height:46px}
.desk-segment{display:inline-flex;padding:4px;gap:4px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm)}
.desk-segment button{min-height:34px;padding:0 16px;border:0;border-radius:calc(var(--r-sm) - 3px);background:transparent;color:var(--text-2);font-size:13px;min-width:78px}
.desk-segment button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
[data-theme="command"] .desk-segment button.on{background:var(--line)}
.desk-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;margin-top:6px;border-top:1px solid var(--line-soft)}
.desk-dirty{margin-right:auto;font-size:12px;font-weight:650;color:var(--warn);background:var(--warn-soft);border-radius:999px;padding:4px 10px}
.desk-side{position:sticky;top:88px}
.desk-hero{background:var(--hero);color:var(--hero-text);border-radius:var(--r);padding:18px 20px;margin-bottom:14px;display:grid;gap:4px}
.desk-hero span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--hero-soft);font-weight:700}
.desk-hero strong{font-size:40px;font-weight:750;font-family:var(--num-font);font-variant-numeric:tabular-nums;letter-spacing:-1px}
.desk-hero small{font-size:13px;color:var(--hero-soft)}
[data-theme="command"] .desk-hero{border:1px solid var(--line)}
[data-theme="command"] .desk-hero strong{font-weight:600}
.desk-recap>div{display:flex;justify-content:space-between;padding:7px 2px;font-size:14px;font-family:var(--font)}
.desk-recap>div span{color:var(--text-2)}
.desk-recap>div b{font-weight:550;font-family:var(--num-font);font-variant-numeric:tabular-nums;color:var(--text)}
.desk-recap>div b span{color:inherit}
.desk-recap>div.strong{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:11px}
.desk-recap>div.strong span,.desk-recap>div.strong b{color:var(--text);font-weight:750}
.desk-recap>div.gross{background:var(--good-soft);border-radius:var(--r-sm);padding:11px 12px;margin-top:10px}
.desk-recap>div.gross span,.desk-recap>div.gross b{color:var(--good);font-weight:750}
.desk-recap .neg,.desk-recap>div.gross .neg{color:var(--bad)!important}
.desk-note{font-size:12px;color:var(--text-2);margin:8px 0 0}
.desk-warn{font-size:13px;color:var(--bad);background:var(--bad-soft);border-radius:var(--r-sm);padding:9px 12px;margin:10px 0 0}
.desk-lock{background:var(--warn-soft);color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin-bottom:14px;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.desk-options{margin-top:16px}
.desk-options table{table-layout:fixed}
.desk-options th small{color:var(--text-2);font-weight:450;margin-left:4px}
.desk-options tbody th[scope=row]{background:transparent;font-weight:650;white-space:nowrap;color:var(--text);font-family:var(--num-font)}
.desk-options tbody tr:hover{background:transparent}
.desk-pay{min-height:40px;padding:0 10px;border:1px solid var(--line);background:var(--surface);font-family:var(--num-font);font-variant-numeric:tabular-nums;color:var(--text);font-weight:650;border-radius:var(--r-sm);width:100%;text-align:center}
.desk-pay:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}
.desk-pay.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* ---------- Global search palette ---------- */
.cmdk-backdrop{position:fixed;inset:0;background:rgba(10,16,24,.5);display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;z-index:1000;backdrop-filter:blur(3px)}
.cmdk-backdrop[hidden]{display:none}
.cmdk{width:min(660px,100%);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}
.cmdk-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.cmdk-search svg{width:18px;height:18px;color:var(--text-2);flex:none}
.cmdk-search input{border:0;background:transparent;min-height:38px;padding:4px 0;font-size:16px;outline:none!important;box-shadow:none}
.cmdk kbd{font:inherit;font-size:11px;font-family:var(--num-font);border:1px solid var(--line-strong);color:var(--text-2);background:var(--surface-2);border-radius:5px;padding:1px 6px}
.cmdk-list{overflow:auto;padding:6px}
.cmdk-group{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);padding:10px 10px 4px;font-weight:700}
.cmdk-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;border:0;background:transparent;border-radius:var(--r-sm);padding:9px 10px;min-height:0;text-align:left;color:var(--text)}
.cmdk-item span{font-weight:650;font-size:14px}.cmdk-item small{color:var(--text-2);font-size:12px;font-weight:450}
.cmdk-item.on{background:var(--accent-soft)}.cmdk-item.on span{color:var(--accent-text)}
.cmdk-empty{padding:18px;color:var(--text-2);margin:0}
.cmdk-foot{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--text-2)}.cmdk-foot kbd{margin-right:3px}

/* ---------- Settings: appearance ---------- */
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
.theme-option{display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:left;padding:12px;border:2px solid var(--line);border-radius:var(--r);background:var(--surface);min-height:0;font-weight:500}
.theme-option:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}
.theme-option.on{border-color:var(--accent);background:var(--accent-soft)}
.theme-option:disabled{opacity:1;cursor:default}
.theme-option:disabled:not(.on){opacity:.75}
.theme-text{display:flex;flex-direction:column;gap:4px}
.theme-text b{font-size:15px;display:flex;align-items:center;gap:8px}
.theme-text small{font-size:13px;color:var(--text-2);line-height:1.5}
.theme-in-use{font-size:11px;font-weight:700;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 8px}
.theme-preview{display:flex;height:110px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line)}
.theme-preview i{display:block}
.tp-side{width:26%;flex:none}
.tp-main{flex:1;display:flex!important;flex-direction:column;gap:7px;padding:8px}
.tp-top{height:10px;border-radius:4px}
.tp-row{display:flex!important;gap:5px;height:24px}.tp-row i{flex:1;border-radius:4px}
.tp-card{flex:1;border-radius:5px}
.tp-showroom{background:#F4F5F2}.tp-showroom .tp-side{background:#FFFFFF;border-right:1px solid #E2E5DF}.tp-showroom .tp-top{background:#FFFFFF;border:1px solid #D3D8D0}.tp-showroom .tp-row i{background:#FFFFFF;border:1px solid #E2E5DF}.tp-showroom .tp-card{background:#FFFFFF;border:1px solid #E2E5DF}.tp-showroom .tp-row i:first-child{background:#E7F0FB}
.tp-command{background:#0E1216}.tp-command .tp-side{width:12%;background:#0A0D10;border-right:1px solid #1F2830}.tp-command .tp-top{background:#151B21;border:1px solid #25303A}.tp-command .tp-row i{background:#1B232B}.tp-command .tp-card{background:#151B21;border:1px solid #25303A}.tp-command .tp-row i:first-child{background:#5EA0FF}

/* ---------- Attachments and AI assistant ---------- */
.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:12px 0}
.attachment-item{border:1px solid var(--line);border-radius:var(--r-sm);padding:6px;text-align:center;font-size:12px;background:var(--surface)}
.attachment-item img{width:100%;height:80px;object-fit:cover;border-radius:6px;margin-bottom:6px}
.attachment-item a{display:block;font-size:11px;overflow-wrap:anywhere;margin-bottom:6px}
.attachment-item button{display:block;width:100%;font-size:11px;min-height:32px}
.agent-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}
.agent-sidebar{display:grid;gap:10px;align-content:start}
.agent-conv-list{display:grid;border:1px solid var(--line);background:var(--surface);border-radius:var(--r);max-height:440px;overflow-y:auto}
.agent-conv{display:flex;align-items:stretch;border-bottom:1px solid var(--line-soft)}
.agent-conv:last-child{border-bottom:0}
.agent-conv button[data-action="agent-select"]{flex:1;text-align:left;background:none;border:0;padding:10px 12px;font-size:13px;border-radius:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}
.agent-conv.selected{background:var(--accent-soft)}
.agent-conv.selected button[data-action="agent-select"]{color:var(--accent-text);font-weight:700}
.agent-conv-delete{background:none;border:0;color:var(--text-2);font-size:12px;padding:0 10px;min-height:0}
.agent-main{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);display:grid;grid-template-rows:1fr auto auto;min-height:440px;overflow:hidden}
.agent-transcript{padding:18px;overflow-y:auto;max-height:520px;display:grid;gap:12px;align-content:start}
.agent-bubble{max-width:82%;padding:11px 14px;border-radius:var(--r);font-size:14px;line-height:1.55}
.agent-bubble b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:4px;font-weight:700}
.agent-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.agent-user{justify-self:end;background:var(--accent-soft)}
.agent-assistant{justify-self:start;background:var(--surface-2);border:1px solid var(--line-soft)}
.agent-composer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.agent-composer input{flex:1}
.agent-composer+.money-note{padding:0 16px 14px;margin:0}
.agent-action{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-sm);padding:12px 14px;margin-bottom:10px;font-size:13px}
.agent-action p{margin:0 0 8px}
.agent-action .row{gap:8px}

/* ---------- Responsive ---------- */
@media (max-width:1280px){
  .jacket-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}
  .desk{grid-template-columns:1fr}
  .desk-side{position:static;order:-1}
  .topbar-status{display:none}
}
@media (max-width:1100px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-theme="command"] .kpi:nth-child(2){border-right:0}
  [data-theme="command"] .kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .jacket-columns,.grid2{grid-template-columns:1fr}
  [data-theme="command"] .jacket-layout{grid-template-columns:1fr}
  [data-theme="command"] .jacket-navigation{grid-template-columns:repeat(4,minmax(0,1fr));position:static}
}
@media (max-width:900px){
  :root,:root[data-theme="command"]{--pad:16px}
  .shell{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;transform:translateX(-102%);transition:transform .2s ease;box-shadow:var(--shadow-lg);align-items:stretch!important}
  .shell.nav-open .sidebar{transform:none}
  .shell.nav-open .shell-scrim{display:block;position:fixed;inset:0;background:rgba(10,16,24,.45);z-index:25}
  [data-theme="command"] .sidebar{padding:20px 14px}
  [data-theme="command"] .side-nav,[data-theme="command"] .side-foot{align-items:stretch}
  [data-theme="command"] .side-link{width:auto;height:auto;padding:10px 12px;justify-content:flex-start}
  [data-theme="command"] .side-label{position:static;width:auto;height:auto;clip:auto;overflow:visible}
  [data-theme="command"] .side-badge{position:static}
  [data-theme="command"] .side-user{flex-direction:row;border:1px solid var(--line);padding:10px}
  [data-theme="command"] .side-user-text{display:flex}
  .topbar{height:64px;gap:8px}
  .topbar-menu{display:grid}
  .topbar-search span,.topbar-search kbd{display:none}
  .topbar-search{flex:none;width:44px;padding:0;justify-content:center;margin-left:auto}
  .topbar-new span{display:none}
  .topbar-new{width:44px;padding:0;justify-content:center}
  .workspace-main{padding:18px var(--pad) 40px}
  .jacket-navigation,[data-theme="command"] .jacket-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jacket-hero{padding:16px}
  .jh-actions{width:100%}
  .jh-actions button{flex:1}
  .desk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .board{grid-template-columns:repeat(5,minmax(240px,82vw));scroll-snap-type:x mandatory}
  .board-col{scroll-snap-align:start}
  .agent-layout{display:block}
  .agent-sidebar{margin-bottom:14px}
  .agent-bubble{max-width:100%}
  .theme-options{grid-template-columns:1fr}
}
@media (max-width:560px){
  h1,.pagehead h1{font-size:24px}
  .kpis{gap:10px}
  .kpi{padding:12px 14px}
  .kpi b{font-size:24px}
  .desk-grid{grid-template-columns:1fr}
  .jacket-fields>div{grid-template-columns:110px minmax(0,1fr)}
  .jacket-summary-strip{grid-template-columns:1fr 1fr}
  .jacket-summary-strip>div{border-bottom:1px solid var(--line-soft)}
  .checklist-state{display:none}
  .queue-tabs{flex-wrap:nowrap;overflow-x:auto}
  .queue-tabs button{flex:none}
}
@media (pointer:coarse){
  button,.side-link,.step-tile,.queue-tabs button{min-height:44px}
  input,select,textarea{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* ---------- Locked stock number ---------- */
input.locked,input[readonly].locked{background:var(--sunken);color:var(--text-2);border-style:dashed;cursor:not-allowed;font-family:var(--num-font)}
input.locked:focus{outline:none}
label small{font-weight:450;font-size:12px;color:var(--text-2)}

/* ---------- Settings: stock numbers and dropdown lists ---------- */
.grid2.even{grid-template-columns:repeat(2,minmax(0,1fr))}
.inv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.stock-preview{display:flex;align-items:baseline;gap:12px;padding:12px 16px;background:var(--accent-soft);border-radius:var(--r-sm);margin-bottom:10px}
.stock-preview span{font-size:13px;color:var(--text-2)}
.stock-preview b{font-size:22px;font-family:var(--num-font);color:var(--accent-text);letter-spacing:.5px}
.src-list{list-style:none;margin:12px 0;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);max-height:340px;overflow-y:auto}
.src-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--line-soft);font-size:14px}
.src-row:last-child{border-bottom:0}
.src-row>span:first-child{overflow-wrap:anywhere}
.src-actions{display:flex;align-items:center;gap:2px;flex:none}
.src-icon{min-height:32px;width:32px;padding:0;border:0;background:transparent;color:var(--text-2);font-size:15px}
.src-icon:hover:not(:disabled){background:var(--surface-2);color:var(--text)}
.src-icon:disabled{opacity:.3}
.src-actions .link{font-size:13px;padding:4px 8px}
.src-empty{padding:14px;color:var(--text-2);font-size:13px}
.src-add{display:flex;gap:8px;align-items:stretch}
.src-add label{flex:1}
.src-add button{flex:none}

/* ---------- Recon board drag and drop ---------- */
.car-stock{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-2);font-family:var(--num-font);margin-bottom:6px;letter-spacing:.3px}
.grip{width:10px;height:14px;flex:none;background-image:radial-gradient(currentColor 1.2px,transparent 1.3px);background-size:5px 5px;opacity:.7}
.car-card[draggable="true"]{cursor:grab;user-select:none;-webkit-user-select:none;transition:box-shadow .15s,border-color .15s,opacity .15s}
.car-card[draggable="true"]:hover{border-color:var(--accent)}
.car-card[draggable="true"]:active{cursor:grabbing}
.car-card.dragging{opacity:.4}
.car-card button,.car-card select,.car-card a{cursor:pointer}
.lane{transition:background .15s,outline-color .15s;outline:2px dashed transparent;outline-offset:-2px;min-height:160px}
.kanban.is-dragging .lane{outline-color:var(--line-strong)}
.lane.drop-target{outline-color:var(--accent);background:var(--accent-soft)}
.lane-empty{font-size:13px;color:var(--text-3);padding:18px 4px;text-align:center}
.stage-move{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:12px;font-weight:600;color:var(--text-2)}
.stage-move select{min-height:34px;padding:4px 8px;font-size:13px;flex:1}
@media (max-width:900px){.inv-grid,.grid2.even{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.car-card[draggable="true"],.lane{transition:none}}

/* 0.9.0: Sale documents panel */
.panel-body>.info+.jacket-fields{margin-top:14px}

/* ---------- Website listing: vehicle form, Ready badges, Website settings ---------- */
.listing-intro p{margin:0 0 10px;color:var(--text-2);font-size:13px}
.listing-check{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--surface-2)}
.listing-check .lc-head{display:flex;align-items:center;gap:10px;font-size:14px}
.listing-check .lc-dot{width:10px;height:10px;border-radius:999px;background:var(--bad);flex:none}
.listing-check.ok .lc-dot{background:var(--good)}
.listing-check .lc-photos{margin-left:auto;font-size:12px;color:var(--text-2);white-space:nowrap}
.lc-note{margin:6px 0 0;font-size:12px;color:var(--text-2)}
.lc-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.lc-list li{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--text)}
.lc-list li::before{content:'';width:8px;height:8px;border-radius:999px;margin-top:5px;flex:none;background:var(--warn-dot)}
.lc-list li.bad{color:var(--bad);font-weight:600}
.lc-list li.bad::before{background:var(--bad)}
.feature-picker{border:0;padding:0;margin:0;min-width:0}
.feature-picker legend{font-weight:600;font-size:12px;margin-bottom:8px;padding:0}
.feature-picker legend small{font-weight:400;color:var(--text-2)}
.feature-chips{display:flex;flex-wrap:wrap;gap:8px}
.feature-chip{position:relative;display:inline-flex;font-weight:500;font-size:13px;cursor:pointer}
.feature-chip input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;margin:0}
.feature-chip span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text)}
.feature-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.feature-chip input:checked+span::before{content:'✓';margin-right:6px}
.feature-chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.web-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;margin:2px 0 6px;white-space:normal}
.web-badge::before{content:'';width:7px;height:7px;border-radius:999px;background:currentColor;flex:none}
.web-badge.on{color:var(--good)}
.web-badge.off{color:var(--warn)}
.cover-badge{display:block;font-size:11px;font-weight:650;color:var(--good);margin:0 0 4px}
.web-admin h3{margin:0 0 10px}
.web-admin .task p{max-width:46ch}

/* Seven stages with Sold: one row on very wide screens, otherwise 4 + 3. */
@media(min-width:1500px){.kanban{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1900px){.kanban{grid-template-columns:repeat(7,1fr)}}
.lane[data-stage="Sold"]{background:var(--surface-2)}