/* ============================================================
   FORECOURT
   Cool steel neutrals (blue-biased) + burnt signal amber.
   Display: Archivo · Body: IBM Plex Sans · Data: IBM Plex Mono
   ============================================================ */

:root{
  --bg:#EDF0F4; --surface:#FFFFFF; --surface-2:#F5F7FA; --surface-3:#E4E9EF;
  --ink:#131922; --ink-2:#39434F; --muted:#5D6875; --faint:#8A94A1;
  --line:#D2D9E2; --line-2:#BFC8D4;
  --accent:#B85400; --accent-2:#8F4200; --accent-wash:#FDF0E4;
  --ok:#186D42; --ok-wash:#E3F3EA;
  --warn:#96590A; --warn-wash:#FBF0DC;
  --crit:#A82118; --crit-wash:#FBE9E7;
  --info:#1A5E93; --info-wash:#E6F0F8;
  --shadow:0 1px 2px rgba(19,25,34,.06),0 8px 24px -12px rgba(19,25,34,.18);
  --shadow-lg:0 2px 4px rgba(19,25,34,.05),0 24px 56px -20px rgba(19,25,34,.28);
  --radius:10px; --radius-sm:6px;
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"IBM Plex Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E1218; --surface:#161C25; --surface-2:#1C232E; --surface-3:#232C38;
    --ink:#E7ECF3; --ink-2:#C2CBD7; --muted:#8D98A7; --faint:#6B7686;
    --line:#252E3A; --line-2:#33404F;
    --accent:#FFAE3D; --accent-2:#FFC470; --accent-wash:#2A1D0C;
    --ok:#48C98A; --ok-wash:#0F2A1D;
    --warn:#E0A345; --warn-wash:#2A2110;
    --crit:#FF7A6D; --crit-wash:#2E1613;
    --info:#5EAEE6; --info-wash:#0F2231;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);
    --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 24px 56px -20px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --bg:#0E1218; --surface:#161C25; --surface-2:#1C232E; --surface-3:#232C38;
  --ink:#E7ECF3; --ink-2:#C2CBD7; --muted:#8D98A7; --faint:#6B7686;
  --line:#252E3A; --line-2:#33404F;
  --accent:#FFAE3D; --accent-2:#FFC470; --accent-wash:#2A1D0C;
  --ok:#48C98A; --ok-wash:#0F2A1D;
  --warn:#E0A345; --warn-wash:#2A2110;
  --crit:#FF7A6D; --crit-wash:#2E1613;
  --info:#5EAEE6; --info-wash:#0F2231;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 24px 56px -20px rgba(0,0,0,.7);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--f-body);font-size:15px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:-.01em;}
button,input,select,textarea{font:inherit;color:inherit;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important;}}

.shell{max-width:1240px;margin:0 auto;padding:0 16px 90px;}
.stack{display:flex;flex-direction:column;gap:16px;}
.row-between{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.grow{flex:1;min-width:0;}
.right{text-align:right;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.sec-head{margin-bottom:16px;}
.sec-head h2{font-size:19px;font-weight:700;margin-top:3px;}
.hint{font-size:12px;color:var(--muted);line-height:1.45;max-width:40ch;}

/* ── topbar ── */
.topbar{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);margin-bottom:22px;
}
.topbar-in{
  max-width:1240px;margin:0 auto;padding:0 16px;
  display:flex;align-items:center;gap:14px;min-height:58px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;}
.brand-mark{
  width:30px;height:30px;border-radius:7px;flex:none;background:var(--ink);color:var(--surface);
  display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:15px;
}
.brand-name{font-family:var(--f-display);font-weight:800;font-size:18px;letter-spacing:-.02em;line-height:1;}
.brand-sub{font-size:11px;color:var(--faint);letter-spacing:.07em;text-transform:uppercase;font-weight:600;line-height:1.2;}
.topmeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.counter{
  display:flex;align-items:center;gap:7px;padding:5px 11px;
  border:1px solid var(--line);border-radius:100px;background:var(--surface-2);
  font-size:12.5px;font-weight:600;color:var(--ink-2);
}
.counter b{font-family:var(--f-mono);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);}
.dot{width:6px;height:6px;border-radius:50%;background:var(--faint);flex:none;}
.dot[data-mode="live"]{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent);}
.dot[data-mode="sim"]{background:var(--warn);}

.ghost-btn{
  background:var(--surface);border:1px solid var(--line);color:var(--ink-2);
  padding:6px 11px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;
  cursor:pointer;transition:border-color .15s,color .15s;
}
.ghost-btn:hover{border-color:var(--line-2);color:var(--ink);}

/* ── tabs ── */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow-x:auto;}
.tab{
  background:none;border:none;border-bottom:2px solid transparent;padding:11px 16px 12px;
  cursor:pointer;white-space:nowrap;font-family:var(--f-display);font-weight:600;font-size:14.5px;
  color:var(--muted);display:flex;align-items:center;gap:8px;transition:color .15s,border-color .15s;
}
.tab:hover{color:var(--ink-2);}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent);}
.tab-count{
  font-family:var(--f-mono);font-size:11px;font-weight:600;background:var(--surface-3);
  color:var(--muted);padding:1px 6px;border-radius:100px;font-variant-numeric:tabular-nums;
}
.tab[aria-selected="true"] .tab-count{background:var(--accent-wash);color:var(--accent);}
.panel[hidden]{display:none;}

/* ── layout ── */
.split{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:22px;align-items:start;}
@media (max-width:920px){.split{grid-template-columns:1fr;}}
.inq-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start;}
@media (max-width:900px){.inq-layout{grid-template-columns:1fr;}}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);}
.card-hd{padding:16px 18px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.card-hd h2{font-size:16px;font-weight:700;}
.card-bd{padding:18px;display:flex;flex-direction:column;gap:18px;}
.card-bd.tight{gap:0;padding-top:6px;padding-bottom:6px;}

.eyebrow{font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);}
.step-no{font-family:var(--f-mono);font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-wash);border-radius:4px;padding:2px 6px;flex:none;}

/* ── fields ── */
.field{display:flex;flex-direction:column;gap:7px;}
.field > label{font-size:12.5px;font-weight:600;color:var(--ink-2);}
.vin-wrap{position:relative;}
input.vin{
  width:100%;padding:13px 60px 13px 14px;font-family:var(--f-mono);font-size:16.5px;font-weight:500;
  letter-spacing:.11em;text-transform:uppercase;background:var(--surface-2);
  border:1px solid var(--line-2);border-radius:var(--radius-sm);transition:border-color .15s,background .15s;
}
input.vin::placeholder{letter-spacing:.06em;color:var(--faint);text-transform:none;}
input.vin:focus{background:var(--surface);border-color:var(--accent);outline:none;}
input.vin[data-state="bad"]{border-color:var(--crit);}
input.vin[data-state="good"]{border-color:var(--ok);}
.vin-count{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);
  font-size:11.5px;font-weight:600;color:var(--faint);font-variant-numeric:tabular-nums;pointer-events:none;
}
.vin-msg{font-size:12px;font-weight:500;min-height:17px;}
.vin-msg[data-state="bad"]{color:var(--crit);}
.vin-msg[data-state="good"]{color:var(--ok);}
.vin-msg[data-state="idle"]{color:var(--muted);}

.money{display:flex;align-items:stretch;}
.cur-sel{
  background:var(--surface-3);border:1px solid var(--line-2);border-right:none;
  border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:0 10px;
  font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-2);
}
input.price{
  flex:1;min-width:0;padding:12px 14px;font-family:var(--f-mono);font-size:16px;font-weight:500;
  font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
input.price:focus{background:var(--surface);border-color:var(--accent);outline:none;}

input.txt{
  width:100%;padding:10px 12px;font-family:var(--f-mono);font-size:12.5px;
  background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);margin:8px 0;
}
input.txt:focus{background:var(--surface);border-color:var(--accent);outline:none;}
.url-alt{margin-top:2px;}
.url-alt summary{font-size:12px;color:var(--muted);cursor:pointer;font-weight:500;}
.url-alt summary:hover{color:var(--ink-2);}

.drop{
  border:1.5px dashed var(--line-2);border-radius:var(--radius-sm);background:var(--surface-2);
  padding:20px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;
}
.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-wash);}
.drop-t{font-size:13.5px;font-weight:600;color:var(--ink-2);}
.drop-s{font-size:12px;color:var(--muted);margin-top:3px;}

.thumbs{display:flex;gap:8px;flex-wrap:wrap;}
.thumb{
  width:66px;height:66px;border-radius:var(--radius-sm);overflow:hidden;position:relative;
  border:1px solid var(--line);background:var(--surface-3);flex:none;
}
.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block;}
.thumb .vid-flag{
  position:absolute;left:4px;bottom:4px;background:rgba(0,0,0,.72);color:#fff;
  font-family:var(--f-mono);font-size:9px;padding:1px 4px;border-radius:3px;font-weight:600;
}
.thumb .rm{
  position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;
  background:rgba(0,0,0,.68);color:#fff;border:none;cursor:pointer;font-size:11px;
  line-height:1;display:grid;place-items:center;padding:0;
}

/* ── buttons ── */
.btn{
  width:100%;padding:13px 18px;border:none;border-radius:var(--radius-sm);cursor:pointer;
  background:var(--ink);color:var(--surface);font-family:var(--f-display);font-weight:700;
  font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:9px;
  transition:opacity .15s,transform .08s;
}
.btn:hover:not(:disabled){opacity:.88;}
.btn:active:not(:disabled){transform:translateY(1px);}
.btn:disabled{opacity:.4;cursor:not-allowed;}
.btn.accent{background:var(--accent);color:#fff;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.accent{color:#20160A;}}
:root[data-theme="dark"] .btn.accent{color:#20160A;}
.mini-btn{
  background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:4px 9px;
  font-size:11.5px;font-weight:600;color:var(--ink-2);cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;
}
.mini-btn:hover{border-color:var(--line-2);color:var(--ink);}

.spin{
  width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;
  border-radius:50%;animation:sp .7s linear infinite;flex:none;
}
@keyframes sp{to{transform:rotate(360deg);}}

/* ── pipeline ── */
.pipe{display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);}
.pipe-row{
  display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center;
  padding:11px 13px;background:var(--surface);font-size:13px;color:var(--faint);
  transition:color .2s,background .2s;
}
.pipe-row[data-s="run"]{color:var(--ink);background:var(--surface-2);}
.pipe-row[data-s="done"]{color:var(--ink-2);}
.pipe-row[data-s="fail"]{color:var(--crit);background:var(--crit-wash);}
.pipe-ic{width:18px;height:18px;display:grid;place-items:center;font-size:12px;}
.pipe-ic .ring{width:13px;height:13px;border:2px solid var(--line-2);border-radius:50%;}
.pipe-row[data-s="run"] .ring{border-color:var(--accent);border-right-color:transparent;animation:sp .7s linear infinite;}
.pipe-row[data-s="done"] .pipe-ic{color:var(--ok);}
.pipe-lbl{font-weight:500;}
.pipe-t{font-family:var(--f-mono);font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;}

/* ── spec sheet ── */
.specsheet{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);}
.spec-hd{padding:15px 17px;background:var(--ink);color:var(--surface);display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .spec-hd{background:var(--surface-3);color:var(--ink);}}
:root[data-theme="dark"] .spec-hd{background:var(--surface-3);color:var(--ink);}
.spec-hd h3{font-size:19px;font-weight:800;line-height:1.15;}
.spec-vin{font-family:var(--f-mono);font-size:11px;opacity:.72;letter-spacing:.08em;margin-top:4px;}
.spec-price{font-family:var(--f-display);font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;}
.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--line);}
.spec-cell{background:var(--surface);padding:11px 14px;}
.spec-k{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600;}
.spec-v{font-size:13.5px;font-weight:600;color:var(--ink);margin-top:3px;line-height:1.35;}
.spec-src{padding:8px 14px;background:var(--surface-2);border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap;}

/* ── caption ── */
.cap-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;}
.cap-hd{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:var(--surface-2);flex-wrap:wrap;}
.cap-hd h3{font-size:14px;font-weight:700;}
.cap-body{padding:16px;font-size:14px;line-height:1.62;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;}
.tags{color:var(--info);font-weight:500;}

/* three captions, one per platform */
.cap-tabs{display:flex;gap:1px;background:var(--line);border-bottom:1px solid var(--line);overflow-x:auto;}
.cap-tab{
  flex:1;min-width:118px;background:var(--surface-2);border:none;cursor:pointer;
  padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:7px;
  font-family:var(--f-display);font-weight:600;font-size:12.5px;color:var(--muted);
  border-bottom:2px solid transparent;transition:background .15s,color .15s;white-space:nowrap;
}
.cap-tab:hover{color:var(--ink-2);}
.cap-tab[aria-selected="true"]{background:var(--surface);color:var(--ink);border-bottom-color:var(--accent);}
.cap-tab .pv-logo{width:17px;height:17px;font-size:8.5px;border-radius:4px;}
.cap-count{
  font-family:var(--f-mono);font-size:9.5px;font-weight:600;color:var(--faint);
  background:var(--surface-3);padding:1px 5px;border-radius:100px;font-variant-numeric:tabular-nums;
}
.cap-tab[aria-selected="true"] .cap-count{background:var(--accent-wash);color:var(--accent);}
.cap-ft{
  display:flex;gap:7px;flex-wrap:wrap;padding:11px 15px;
  border-top:1px solid var(--line);background:var(--surface-2);
}

/* ── previews ── */
.previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.pv{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);display:flex;flex-direction:column;}
.pv-hd{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid var(--line);}
.pv-logo{width:20px;height:20px;border-radius:5px;flex:none;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;font-family:var(--f-display);}
.pv-logo.ig{background:linear-gradient(45deg,#F9CE34,#EE2A7B 52%,#6228D7);}
.pv-logo.fb{background:#0866FF;}
.pv-logo.tt{background:#010101;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pv-logo.tt{background:#2B2B2B;}}
:root[data-theme="dark"] .pv-logo.tt{background:#2B2B2B;}
.pv-name{font-size:12.5px;font-weight:700;}
.pv-kind{font-size:10.5px;color:var(--faint);font-family:var(--f-mono);}
.pv-media{aspect-ratio:4/5;background:var(--surface-3);position:relative;overflow:hidden;}
.pv[data-p="tiktok"] .pv-media{aspect-ratio:9/16;}
.pv[data-p="facebook"] .pv-media{aspect-ratio:1.91/1;}
.pv-media img,.pv-media video{width:100%;height:100%;object-fit:cover;display:block;}
.pv-cap{padding:10px 11px;font-size:11.5px;line-height:1.5;color:var(--ink-2);flex:1;white-space:pre-wrap;}
.pv-ft{padding:7px 11px;border-top:1px solid var(--line);font-size:10.5px;color:var(--faint);display:flex;align-items:center;gap:6px;}
.pv-status{margin-left:auto;font-family:var(--f-mono);font-size:10px;font-weight:600;}

.empty,.pv-media .empty{
  width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:2px;
  text-align:center;padding:14px;
  background:repeating-linear-gradient(135deg,transparent 0 9px,color-mix(in srgb,var(--line) 55%,transparent) 9px 10px),var(--surface-3);
}
.empty-mk{font-family:var(--f-display);font-weight:800;font-size:15px;color:var(--ink-2);line-height:1.15;}
.empty-sub{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);}

/* ── pills ── */
.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:700;white-space:nowrap;}
.pill.draft{background:var(--surface-3);color:var(--muted);}
.pill.live{background:var(--ok-wash);color:var(--ok);}
.pill.sold{background:var(--crit-wash);color:var(--crit);}
.pill.pend{background:var(--warn-wash);color:var(--warn);}
.pill.info{background:var(--info-wash);color:var(--info);}
.pill.accent{background:var(--accent-wash);color:var(--accent);}

/* ── inventory ── */
.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.veh{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:opacity .3s;}
.veh[data-sold="1"]{opacity:.72;}
.veh-media{height:150px;background:var(--surface-3);position:relative;overflow:hidden;}
.veh-media img,.veh-media video{width:100%;height:100%;object-fit:cover;display:block;}
.veh[data-sold="1"] .veh-media img{filter:grayscale(.85);}
.sold-stamp{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.32);}
.sold-stamp span{font-family:var(--f-display);font-weight:800;font-size:26px;letter-spacing:.14em;color:#fff;border:3px solid #fff;padding:5px 16px;transform:rotate(-9deg);text-transform:uppercase;}
.veh-bd{padding:13px 14px;display:flex;flex-direction:column;gap:9px;flex:1;}
.veh-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.veh-ttl{font-family:var(--f-display);font-size:15px;font-weight:700;line-height:1.25;}
.veh-vin{font-family:var(--f-mono);font-size:10.5px;color:var(--faint);letter-spacing:.06em;margin-top:2px;}
.veh-price{font-family:var(--f-display);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;}
.veh-chips{display:flex;gap:5px;flex-wrap:wrap;}
.chip{font-family:var(--f-mono);font-size:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);padding:2px 6px;border-radius:4px;}
.veh-posts{display:flex;gap:6px;align-items:center;}
.post-dot{width:19px;height:19px;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;font-family:var(--f-display);}
.post-dot[data-live="0"]{opacity:.28;filter:grayscale(1);}
.veh-ft{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;margin-left:auto;}
.toggle input{position:absolute;opacity:0;width:0;height:0;}
.track{width:38px;height:21px;border-radius:100px;background:var(--surface-3);border:1px solid var(--line-2);position:relative;transition:background .2s,border-color .2s;flex:none;}
.track::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s;}
.toggle input:checked + .track{background:var(--crit);border-color:var(--crit);}
.toggle input:checked + .track::after{transform:translateX(17px);}
.toggle input:focus-visible + .track{outline:2px solid var(--accent);outline-offset:2px;}
.toggle-lbl{font-size:12px;font-weight:600;color:var(--muted);}

/* ── inquiries ── */
.thread{border-bottom:1px solid var(--line);padding:14px 0;display:flex;gap:11px;}
.thread:last-child{border-bottom:none;}
.av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:12.5px;color:#fff;}
.th-bd{flex:1;min-width:0;}
.th-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:2px;}
.th-name{font-size:13px;font-weight:700;}
.th-meta{font-family:var(--f-mono);font-size:10.5px;color:var(--faint);}
.th-txt{font-size:13.5px;color:var(--ink-2);line-height:1.45;}
.th-reply{margin-top:9px;padding:10px 12px;background:var(--accent-wash);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:12.5px;line-height:1.5;color:var(--ink-2);}
.th-reply-hd{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:4px;}
.th-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;}
.lead-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);}
.lead-row:last-child{border-bottom:none;}
.lead-n{font-size:13px;font-weight:600;line-height:1.3;}
.lead-s{font-size:11.5px;color:var(--muted);}

/* ── misc ── */
.empty-state{text-align:center;padding:44px 20px;color:var(--muted);border:1.5px dashed var(--line-2);border-radius:var(--radius);background:var(--surface-2);}
.empty-state h3{font-size:16px;color:var(--ink-2);margin-bottom:6px;}
.empty-state p{font-size:13.5px;margin:0 auto 18px;max-width:44ch;line-height:1.55;}
.samples{display:flex;flex-direction:column;gap:6px;max-width:340px;margin:0 auto;}
.samples-t{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-bottom:2px;}
.sample{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  font-family:var(--f-mono);font-size:11.5px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 11px;
  cursor:pointer;color:var(--ink-2);transition:border-color .15s;text-align:left;
}
.sample:hover{border-color:var(--accent);color:var(--ink);}
.sample em{font-family:var(--f-body);font-style:normal;font-size:11px;color:var(--faint);white-space:nowrap;}

.notice{display:flex;gap:11px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--info-wash);border:1px solid color-mix(in srgb,var(--info) 26%,transparent);font-size:12.5px;line-height:1.5;color:var(--ink-2);}
.notice.warn{background:var(--warn-wash);border-color:color-mix(in srgb,var(--warn) 30%,transparent);}
.notice.crit{background:var(--crit-wash);border-color:color-mix(in srgb,var(--crit) 30%,transparent);}
.notice b{color:var(--ink);}
.notice-ic{flex:none;font-size:14px;}

.toast{
  position:fixed;left:50%;bottom:26px;transform:translate(-50%,90px);background:var(--ink);color:var(--surface);
  padding:11px 18px;border-radius:100px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);
  z-index:200;opacity:0;transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .28s;
  pointer-events:none;max-width:calc(100vw - 32px);text-align:center;
}
.toast.on{transform:translate(-50%,0);opacity:1;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .toast{background:var(--surface-3);color:var(--ink);border:1px solid var(--line-2);}}
:root[data-theme="dark"] .toast{background:var(--surface-3);color:var(--ink);border:1px solid var(--line-2);}

/* ── connections sheet ── */
.sheet{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;}
.sheet[hidden]{display:none;}
.sheet-bg{position:absolute;inset:0;background:rgba(8,12,18,.5);backdrop-filter:blur(3px);}
.sheet-panel{
  position:relative;width:100%;max-width:560px;max-height:84vh;overflow-y:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 0 0;
  box-shadow:var(--shadow-lg);
}
@media (min-width:700px){
  .sheet{align-items:center;}
  .sheet-panel{border-radius:14px;}
}
.sheet-hd{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--surface);}
.sheet-hd h2{font-size:17px;font-weight:700;}
.sheet-bd{padding:18px;display:flex;flex-direction:column;gap:14px;}
.conn-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);}
.conn-row:last-child{border-bottom:none;}
.conn-n{font-size:13.5px;font-weight:700;}
.conn-d{font-size:12px;color:var(--muted);line-height:1.4;}