/* Fonts are served from this server (no request to Google). */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}
/* Meownet Support Test. Layout: support console. Header on top, chat left and ticket panel right. */
:root{
  --bg:#F1F3F8; --surface:#FFFFFF; --surface-2:#E8ECF4; --line:#D3D9E6;
  --fg:#141A2E; --muted:#59627F;
  --accent:#0A8C80; --accent-fg:#FFFFFF; --accent-soft:#D5F0EC;
  --good:#1B8548; --good-soft:#D8F0E2; --warn:#A85B08; --warn-soft:#FBE8D1; --bad:#BD3249; --bad-soft:#FADDE2;
  --font-display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --font-body:'DM Sans','Segoe UI',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0D111F; --surface:#161B2F; --surface-2:#1F2540; --line:#2B3355; --fg:#E6E9F5; --muted:#98A1C3;
    --accent:#35D0BE; --accent-fg:#052420; --accent-soft:#12343A;
    --good:#4CCB84; --good-soft:#15332A; --warn:#F0A44E; --warn-soft:#3A2B17; --bad:#F27A8E; --bad-soft:#3C1D27;
    color-scheme:dark;
  }
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:15px/1.55 var(--font-body);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(32px,6vw,52px);font-weight:800}
h2{font-size:21px;font-weight:600}
h3{font-size:17px;font-weight:600}
p{margin:0}
[hidden]{display:none!important}
.app{max-width:1120px;margin:0 auto;padding-block:18px 56px}
.mono{font-family:var(--font-mono)}
.muted{color:var(--muted)}

/* Header */
.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px}
.logo{display:inline-flex}
.brand-name{font-family:var(--font-display);font-weight:800;font-size:20px;display:block;line-height:1}
.brand-sub{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.top-right{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:11px;flex-wrap:wrap}
.tab{font:inherit;font-size:13.5px;font-weight:600;border:0;background:transparent;color:var(--muted);padding:7px 12px;border-radius:8px;cursor:pointer}
.tab[aria-current="page"]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.crumb{font-size:13px;color:var(--muted)}
.timer{font-family:var(--font-mono);font-size:13px;background:var(--surface-2);padding:4px 9px;border-radius:7px}
.tag{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted)}
.tag.warn{background:var(--warn-soft);color:var(--warn)}

/* Controls */
.btn{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:9px;padding:9px 15px;cursor:pointer;line-height:1.2}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.btn.primary:hover{filter:brightness(1.07)}
.btn.ghost{background:transparent}
.btn.bad{color:var(--bad);border-color:var(--bad);background:transparent}
.btn.small{padding:6px 11px;font-size:13px}
.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}
a.btn{text-decoration:none;display:inline-block}
input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%;min-width:0}
textarea{resize:vertical;line-height:1.5}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.lbl{font-size:13px;font-weight:700}
.hint{font-size:12.5px;color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.status{font-size:13px;color:var(--muted)}
.status.good{color:var(--good)} .status.bad{color:var(--bad)} .status.warn{color:var(--warn)}
.note{font-size:13px;padding:9px 12px;border-radius:9px;background:var(--surface-2)}
.note.warn{background:var(--warn-soft);color:var(--warn)}
.note.bad{background:var(--bad-soft);color:var(--bad)}
.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--surface-2);color:var(--muted);border:0;white-space:nowrap}
.pill.good{background:var(--good-soft);color:var(--good)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.empty{padding:28px 22px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.empty h3{color:var(--fg)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Login */
.login{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center;padding-block:44px 8px}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.login-copy{display:flex;flex-direction:column;gap:18px}
.login-copy p.lead{font-size:17px;color:var(--muted);max-width:52ch}
.steps{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;counter-reset:s}
.steps li{display:flex;gap:12px;align-items:baseline;counter-increment:s}
.steps li::before{content:counter(s);font-family:var(--font-mono);font-size:13px;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:none}
.login-form{padding:24px;display:flex;flex-direction:column;gap:14px}
.login-form input.idin{font-family:var(--font-mono);font-size:17px;letter-spacing:.04em;text-transform:uppercase;padding:12px 13px}
.login-form input.idin::placeholder{text-transform:none;letter-spacing:0;font-family:var(--font-body)}
.gate{max-width:440px;margin:56px auto 0;padding:28px;display:flex;flex-direction:column;gap:14px}
.gate form{display:flex;flex-direction:column;gap:12px}

/* Chat */
.desk{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding-top:18px;align-items:start}
.chat{display:flex;flex-direction:column;height:min(74vh,740px);min-height:420px;overflow:hidden}
.chat-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;flex:none}
.chat-name{font-weight:700;line-height:1.2}
.chat-status{font-size:12.5px;color:var(--good)}
.chat-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}
.msg{display:flex;flex-direction:column;max-width:80%;gap:3px}
.msg.a{align-self:flex-end;align-items:flex-end}
.msg.p{align-self:flex-start;align-items:flex-start}
.bubble{padding:9px 13px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.p .bubble{background:var(--surface-2);border-bottom-left-radius:4px}
.msg.a .bubble{background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:4px}
.ts{font-size:11px;color:var(--muted);font-family:var(--font-mono)}
.sys{align-self:center;font-size:12.5px;color:var(--muted);text-align:center;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}
.sys.err{color:var(--bad)}
.typing{display:inline-flex;gap:4px;align-items:center;padding:13px 14px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite ease-in-out}
.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion: reduce){.typing i{animation:none;opacity:.6}}
.composer{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px}
.composer-row{display:flex;gap:10px;align-items:flex-end}
.composer textarea{resize:none}
.composer-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.confirm{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border-radius:9px;background:var(--warn-soft);color:var(--warn);font-size:13.5px}
.side{padding:16px;display:flex;flex-direction:column;gap:16px}
.side h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-family:var(--font-body);font-weight:700}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0 0;font-size:14px}
.kv dt{color:var(--muted)} .kv dd{margin:0;overflow-wrap:anywhere}
.side textarea{min-height:120px}
.pre{white-space:pre-wrap;font-size:13.5px}
details.sol{background:var(--warn-soft);color:var(--fg);border-radius:9px;padding:10px 12px;font-size:13.5px}
details.sol summary{cursor:pointer;font-weight:700;color:var(--warn)}
.done{max-width:620px;margin:56px auto 0;padding:30px;display:flex;flex-direction:column;gap:16px}

/* Admin: cases */
.cases{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start;padding-top:20px}
.case-list-wrap{padding:16px;display:flex;flex-direction:column;gap:14px}
.cl-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.caselist{display:flex;flex-direction:column;gap:8px}
.ci{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 8px 8px 12px}
.ci.sel{border-color:var(--accent);background:var(--accent-soft)}
.ci-main{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;display:flex;flex-direction:column;gap:2px}
.ci-title{font-weight:700;overflow-wrap:anywhere}
.ci-meta{font-size:12.5px;color:var(--muted)}
.ci-tools{display:flex;gap:4px;align-items:center;flex:none}
.pill.on{background:var(--good-soft);color:var(--good);cursor:pointer}
.pill.off{cursor:pointer}
.mv{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;width:28px;height:28px;cursor:pointer;line-height:1}
.mv:hover{color:var(--fg);border-color:var(--muted)}
.case-editor{padding:20px;display:flex;flex-direction:column;gap:16px}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.ed-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:4px}
.ed-foot .spacer{flex:1}
.check{flex-direction:row;align-items:center;gap:9px;cursor:pointer}
.check input{width:auto}
.mode{display:flex;flex-direction:column;gap:7px;padding:12px;background:var(--surface-2);border-radius:10px;font-size:13.5px}
.mode label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.mode input{width:auto;margin-top:4px}

/* Admin: tables, results, live, settings */
.res-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:20px}
.res-head input{max-width:260px}
.tbl-wrap{overflow-x:auto;margin-top:14px}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line)}
td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr.click{cursor:pointer}
tbody tr.click:hover{background:var(--surface-2)}
tbody tr.sel{background:var(--accent-soft)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.idbtn{font-family:var(--font-mono);font-size:13.5px;font-weight:500;border:0;background:transparent;color:var(--fg);cursor:pointer;padding:0}
.detail{margin-top:16px;padding:20px;display:flex;flex-direction:column;gap:18px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.transcript{display:flex;flex-direction:column;gap:9px;max-height:520px;overflow-y:auto;padding:12px;background:var(--bg);border-radius:10px}
.eval{display:flex;flex-direction:column;gap:12px}
.eval-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.avg{font-variant-numeric:tabular-nums;color:var(--muted)} .avg b{font-size:26px;color:var(--fg);font-family:var(--font-display)}
.bars{display:flex;flex-direction:column;gap:8px}
.bar-row{display:grid;grid-template-columns:96px 1fr 24px;gap:10px;align-items:center;font-size:13.5px}
.bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.eval ul{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:14px}
.eval h4{margin:6px 0 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block;flex:none}
.dot.on{background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}
.dot.idle{background:var(--warn)}
.livegrid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;align-items:start;padding-top:20px}
.live-list{padding:14px;display:flex;flex-direction:column;gap:8px}
.li{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;background:transparent;color:inherit;font:inherit;text-align:left;width:100%}
.li.sel{border-color:var(--accent);background:var(--accent-soft)}
.li-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.li-id{font-family:var(--font-mono);font-weight:500;font-size:14px;overflow-wrap:anywhere}
.livebox{padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0}
.draft{min-height:92px;padding:11px 13px;border-radius:10px;border:1px dashed var(--accent);background:var(--accent-soft);white-space:pre-wrap;overflow-wrap:anywhere}
.draft.empty{color:var(--muted);border-color:var(--line);background:var(--surface-2)}
.notesbox{min-height:64px;padding:11px 13px;border-radius:10px;background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px}
.add-box{padding:16px;display:flex;flex-direction:column;gap:10px;margin-top:20px}
.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;padding-top:20px;align-items:start}
.sec{padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}

@media (max-width:860px){
  .desk,.cases,.login,.detail-grid,.livegrid{grid-template-columns:minmax(0,1fr)}
  .login{gap:28px;padding-top:28px}
  .chat{height:68vh}
  .msg{max-width:90%}
  .settings{grid-template-columns:minmax(0,1fr)}
}

/* ---- Polish layer ---- */
:root{
  --shadow-sm:0 1px 2px rgba(20,26,46,.06),0 1px 1px rgba(20,26,46,.04);
  --shadow-md:0 6px 20px -6px rgba(20,26,46,.14),0 2px 6px rgba(20,26,46,.05);
  --glow:rgba(10,140,128,.16); --hero-a:rgba(10,140,128,.10); --hero-b:rgba(99,102,241,.08);
  --bubble-p:#EDF0F7;
}
@media (prefers-color-scheme: dark){
  :root{--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 8px 24px -8px rgba(0,0,0,.55);--glow:rgba(53,208,190,.18);--hero-a:rgba(53,208,190,.10);--hero-b:rgba(120,120,255,.10);--bubble-p:#222A47}
}
body{background:radial-gradient(900px 420px at 12% -80px,var(--hero-a),transparent 70%),radial-gradient(800px 380px at 95% -60px,var(--hero-b),transparent 70%),var(--bg);background-attachment:fixed;min-height:100vh}
.app{max-width:1180px}
.top{position:sticky;top:0;z-index:20;margin:0 -16px;padding:14px 16px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.card{box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}
.login-form,.gate,.done{box-shadow:var(--shadow-md)}
.logo svg,.logo img{filter:drop-shadow(0 4px 10px var(--glow))}
.btn{transition:transform .08s,border-color .15s,background .15s,filter .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));box-shadow:0 4px 14px -4px var(--glow),var(--shadow-sm)}
.btn.ghost,.btn.bad{box-shadow:none}
input,select,textarea{transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}
.tab{transition:background .15s,color .15s}
.tab:hover:not([aria-current="page"]){color:var(--fg)}
h1{background:linear-gradient(120deg,var(--fg) 40%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.login{padding-block:56px 16px}
.eyebrow{display:inline-flex;align-self:flex-start;padding:4px 11px;border-radius:99px;background:var(--accent-soft)}
.steps li::before{box-shadow:var(--shadow-sm)}

/* chat */
.chat{height:min(78vh,780px);border-radius:16px}
.chat-head{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--accent)))}
.avatar{box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--accent-soft)}
.chat-status::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);margin-right:6px;vertical-align:1px}
.chat-list{background:var(--bg);gap:12px;padding:20px 18px}
.bubble{box-shadow:var(--shadow-sm);line-height:1.5;padding:10px 14px;border-radius:18px;animation:pop .18s ease-out}
.msg.p .bubble{background:var(--bubble-p);border-bottom-left-radius:5px}
.msg.a .bubble{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 90%,#fff),var(--accent));border-bottom-right-radius:5px}
.chat-list .msg{max-width:min(78%,560px)}
@keyframes pop{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.bubble{animation:none}}
.composer{background:var(--surface)}
.composer textarea{border-radius:12px}
.side{border-radius:16px}
.kv dt{font-size:13px}

/* admin */
.ci,.li{transition:border-color .15s,background .15s,transform .1s}
.ci:hover,.li:hover{border-color:var(--muted)}
.ci.sel,.li.sel{box-shadow:0 0 0 3px var(--glow)}
.tbl-wrap{box-shadow:var(--shadow-sm)}
thead th{background:var(--surface-2);position:sticky;top:0}
tbody tr:last-child td{border-bottom:0}
tbody tr:nth-child(even):not(.sel){background:color-mix(in srgb,var(--surface-2) 35%,transparent)}
.pill{padding:3px 10px}
.pill.on:hover{filter:brightness(.96)}
.bar{height:9px}
.bar i{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#6366f1))}
.dot.on{animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px var(--good-soft)}50%{box-shadow:0 0 0 6px transparent}}
@media (prefers-reduced-motion: reduce){.dot.on{animation:none}}
.livebox,.detail,.case-editor,.sec{border-radius:16px}
.transcript{border:1px solid var(--line)}
@media (max-width:860px){.top{position:static;margin:0;padding-inline:0}}

/* ---- Theme: dark console, red accent (single theme) ---- */
:root,:root:not([data-theme="light"]){
  --bg:#111113; --surface:#19191c; --surface-2:#242428; --line:#2b2b30; --fg:#FFFFFF; --muted:#9b9ba5;
  --accent:#E5383B; --accent-fg:#FFFFFF; --accent-soft:#3a1c1f;
  --good:#3FD17F; --good-soft:#15301f; --warn:#F2A33A; --warn-soft:#37290f; --bad:#FF6B6E; --bad-soft:#3b1a1c;
  --bubble-p:#26262b; --glow:rgba(229,56,59,.28); --hero-a:transparent; --hero-b:transparent;
  --shadow-sm:none; --shadow-md:0 8px 24px -10px rgba(0,0,0,.7);
  --font-display:'Inter','Segoe UI',system-ui,-apple-system,sans-serif; --font-body:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  color-scheme:dark;
}
body{background:var(--bg);background-attachment:scroll}
h1{background:none;-webkit-text-fill-color:currentColor;color:var(--fg);font-weight:700;letter-spacing:-.02em}
h2,h3{font-weight:600}
.app{max-width:1180px;padding-top:0}
.top{margin:0 calc(50% - 50vw);padding:0 max(16px,calc(50vw - 590px));min-height:58px;background:var(--surface);border-bottom:1px solid var(--line);backdrop-filter:none;gap:8px 24px;padding-block:8px}
.logo svg,.logo img{filter:none}
.brand-sub{letter-spacing:.08em}
.tabs{background:transparent;padding:0;gap:2px}
.tab{color:var(--muted);padding:9px 12px;border-radius:6px;font-weight:600}
.tab:hover:not([aria-current="page"]){color:var(--fg);background:var(--surface-2)}
.tab[aria-current="page"]{background:transparent;color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
.card{border-radius:10px;border-color:transparent;background:var(--surface)}
.chat,.side,.livebox,.detail,.case-editor,.sec{border-radius:10px}
.btn{border-radius:7px;background:var(--surface-2);border-color:transparent;box-shadow:none}
.btn:hover{border-color:transparent;background:#2f2f35}
.btn.primary,.btn.primary:hover{background:var(--accent);border-color:var(--accent);box-shadow:none}
.btn.primary:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--surface-2)}
.btn.bad{background:transparent;border:1px solid var(--bad)}
input,select,textarea{background:var(--bg);border-color:var(--line);border-radius:7px}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}
.eyebrow{background:var(--accent-soft);color:var(--accent)}
.steps li::before{background:var(--accent-soft);color:var(--accent)}
.chat-head{background:var(--surface)}
.chat-list{background:var(--bg)}
.composer{background:var(--surface)}
.msg.a .bubble{background:var(--accent);box-shadow:none}
.msg.p .bubble{box-shadow:none}
.avatar{box-shadow:none}
.tbl-wrap{box-shadow:none}
thead th{background:var(--surface-2)}
tbody tr:nth-child(even):not(.sel){background:transparent}
tbody tr.click:hover{background:var(--surface-2)}
.ci,.li{background:var(--bg);border-color:var(--line)}
.ci.sel,.li.sel{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}
.transcript{border:0;background:var(--bg)}
.bar i{background:var(--accent)}
.pill.on,.pill.good{background:var(--good-soft);color:var(--good)}
.mode{background:var(--bg)}
a{color:var(--accent)}
a.btn{color:var(--fg)}
@media (max-width:860px){.top{margin:0 -16px;padding-inline:16px}}

.timer.low{background:var(--bad-soft);color:var(--bad)}

/* ---- additions: overview tiles, decisions, comparison ---- */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.tile{background:var(--surface);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.tile b{font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.tile span{font-size:12.5px;color:var(--muted)}
select.mini,input.mini{padding:5px 8px;font-size:13px;border-radius:6px;width:auto;min-width:0}
input.mini.note{width:100%;min-width:140px}
.notecell{min-width:160px}
select.st-shortlisted,.pill.st-shortlisted{color:var(--good);border-color:var(--good)}
select.st-rejected,.pill.st-rejected{color:var(--bad);border-color:var(--bad)}
.pill.st-shortlisted{background:var(--good-soft)}.pill.st-rejected{background:var(--bad-soft)}
table.wide{min-width:980px}
.acts{display:flex;flex-direction:column;gap:6px}
td.chk,th.chk{width:34px}td.chk input{width:auto}
tr.dim td{opacity:.55}
.cmpgrid{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:16px;margin-top:12px;align-items:start}
.cmpcol{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
@media (max-width:980px){.cmpgrid{grid-template-columns:minmax(0,1fr)}}

.logo img{display:block;width:38px;height:38px}

.logbox{max-height:340px;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12px;line-height:1.5;margin-top:10px}
.logline{padding:2px 0;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.logline:last-child{border-bottom:0}
.logline .lt{color:var(--muted);margin-right:8px}
.logline .lv{display:inline-block;width:42px;text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;color:var(--muted)}
.logline.warn .lv,.logline.warn b{color:var(--warn)}
.logline.error .lv,.logline.error b{color:var(--bad)}