/* IntellaTutor Command Center — v3 design system */
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --bg:#f6f6f8;--surface:#fff;--surface-2:#f4f4f7;--surface-3:#ececf1;--border:#e6e6ec;--border-strong:#d4d4dd;
  --text:#14141c;--text-2:#3f3f4c;--muted:#666675;--faint:#9b9baa;
  --primary:#5753d8;--primary-h:#4743c4;--primary-soft:#eeeeff;--primary-text:#4440c0;--ring:rgba(87,83,216,.35);
  --success:#16a34a;--success-t:#137a3a;--success-soft:#e7f6ec;--danger:#dc2626;--danger-t:#b91c1c;--danger-soft:#fdeceb;
  --warning:#d97706;--warning-t:#9a5b05;--warning-soft:#fdf3e1;--info:#2563eb;--info-t:#1d4fbf;--info-soft:#e8effd;
  --violet:#7c3aed;--violet-t:#6427cc;--violet-soft:#f1ebfe;--orange:#ea580c;--orange-t:#b8460b;--orange-soft:#fdeee4;--neutral-soft:#efeff3;
  --sh-xs:0 1px 2px rgba(20,20,40,.05);--sh-sm:0 1px 2px rgba(20,20,40,.04),0 2px 6px rgba(20,20,40,.04);
  --sh-md:0 4px 12px rgba(20,20,40,.06),0 1px 3px rgba(20,20,40,.05);--sh-lg:0 24px 60px -12px rgba(20,20,50,.25),0 8px 20px rgba(20,20,50,.08);
  --r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;--sbw:252px;--tb-h:60px;
  --sb-bg:#0d0d13;--sb-border:#1d1d27;--sb-text:#a0a0b4;--sb-text-h:#f2f2f7;--sb-hover:rgba(255,255,255,.055);--sb-active:rgba(255,255,255,.09);
  --ease:cubic-bezier(.2,.8,.2,1);color-scheme:light}
[data-theme=dark]{
  --bg:#09090d;--surface:#121218;--surface-2:#18181f;--surface-3:#202029;--border:#24242e;--border-strong:#33333f;
  --text:#ececf2;--text-2:#c4c4d0;--muted:#9696a8;--faint:#6c6c7e;
  --primary:#7472f0;--primary-h:#8583f5;--primary-soft:rgba(116,114,240,.15);--primary-text:#a9a8ff;--ring:rgba(132,130,255,.45);
  --success:#22c55e;--success-t:#4ade80;--success-soft:rgba(34,197,94,.13);--danger:#ef4444;--danger-t:#f87171;--danger-soft:rgba(239,68,68,.14);
  --warning:#f59e0b;--warning-t:#fbbf24;--warning-soft:rgba(245,158,11,.14);--info:#3b82f6;--info-t:#7aa7ff;--info-soft:rgba(59,130,246,.15);
  --violet:#8b5cf6;--violet-t:#b49aff;--violet-soft:rgba(139,92,246,.16);--orange:#f97316;--orange-t:#fb923c;--orange-soft:rgba(249,115,22,.14);--neutral-soft:rgba(255,255,255,.07);
  --sh-xs:0 1px 2px rgba(0,0,0,.4);--sh-sm:0 1px 2px rgba(0,0,0,.35);--sh-md:0 6px 18px rgba(0,0,0,.35);--sh-lg:0 30px 80px -10px rgba(0,0,0,.7);
  --sb-bg:#0b0b10;--sb-border:#1b1b24;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:14px/1.55 "Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01","ss03";background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s var(--ease),color .25s var(--ease)}
.hidden{display:none!important}
a{color:var(--primary-text);text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}
h1,h2,h3,h4{letter-spacing:-.015em;color:var(--text)}
code,pre,kbd{font-family:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}
code{font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 5px}
kbd{font-size:11px;padding:1px 6px;border-radius:6px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface);color:var(--muted);line-height:1.5}
::selection{background:var(--primary-soft)}
.i{width:16px;height:16px;flex-shrink:0;vertical-align:-3px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--primary);color:#fff;padding:8px 12px;border-radius:8px}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- forms ---------- */
input,select,textarea{font:inherit;font-size:14px;color:var(--text);padding:8px 11px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);max-width:100%;transition:border-color .15s,box-shadow .15s,background .2s}
input:hover,select:hover,textarea:hover{border-color:var(--faint)}
input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--ring)}
input::placeholder,textarea::placeholder{color:var(--faint)}
select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888899' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}
input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);padding:0;cursor:pointer}
input[type=date],input[type=datetime-local]{min-height:38px}
textarea{width:100%;min-height:84px;resize:vertical;line-height:1.5}
label.f{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-weight:550;font-size:13px;color:var(--text-2)}
label.f span{font-weight:400;font-size:12px;color:var(--muted)}
label.row{font-size:14px;color:var(--text-2);padding:3px 0}
/* ---------- buttons ---------- */
button,a.btn{font:inherit;font-size:13.5px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid transparent;background:var(--primary);color:#fff;cursor:pointer;line-height:1.3;white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s var(--ease);box-shadow:0 1px 2px rgba(30,30,90,.15),inset 0 1px 0 rgba(255,255,255,.12);text-decoration:none}
button:hover{background:var(--primary-h)}button:active,a.btn:active{transform:translateY(1px) scale(.99)}
button.sec,a.btn{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--sh-xs)}
button.sec:hover,a.btn:hover{background:var(--surface-2);border-color:var(--faint);text-decoration:none}
button.ok{background:var(--success);color:#fff}button.ok:hover{background:#13893f}
button.bad{background:var(--danger);color:#fff}button.bad:hover{background:#c21f1f}
button.ghost{background:transparent;color:var(--text-2);box-shadow:none}button.ghost:hover{background:var(--surface-2)}
button.sm,a.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:8px;gap:5px}button.sm .i,a.btn.sm .i{width:14px;height:14px}
button:disabled{opacity:.5;cursor:not-allowed}
.btn-lg{padding:11px 16px;font-size:15px;width:100%}
.icon-btn{width:36px;height:36px;padding:0;border-radius:10px;background:transparent;color:var(--text-2);box-shadow:none;border:1px solid transparent}
.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn .i{width:18px;height:18px}
.link{background:none;border:none;color:var(--primary-text);box-shadow:none;padding:0;font:inherit;cursor:pointer}
/* ---------- utils ---------- */
.err{color:var(--danger-t);font-size:13px}.muted{color:var(--muted);font-size:13px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.spacer{flex:1}
.stack{display:flex;flex-direction:column;gap:8px}
pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--border);padding:10px 12px;border-radius:10px;margin:6px 0;font-size:12.5px;line-height:1.55;color:var(--text-2)}
details summary{cursor:pointer;user-select:none;font-size:12.5px;color:var(--muted);padding:2px 0}details summary:hover{color:var(--text)}
hr{border:none;border-top:1px solid var(--border);margin:12px 0}

/* ---------- auth ---------- */
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  background:radial-gradient(900px 500px at 15% 10%,rgba(99,102,241,.22),transparent 60%),radial-gradient(800px 500px at 90% 90%,rgba(168,85,247,.18),transparent 60%),var(--bg)}
.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px 28px;box-shadow:var(--sh-lg);display:flex;flex-direction:column;animation:pop .4s var(--ease)}
.auth-card h1{font-size:22px;margin:18px 0 4px;text-align:center}.auth-sub{color:var(--muted);text-align:center;margin:0 0 22px;font-size:14px}
.auth-foot{text-align:center;color:var(--faint);font-size:12px;margin:16px 0 0}#loginErr,#pwErr{text-align:center;margin-top:10px;min-height:1em}
.logo-mark{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;letter-spacing:-.02em;
  background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 14px rgba(99,102,241,.4),inset 0 1px 0 rgba(255,255,255,.25)}
.logo-mark.lg{width:52px;height:52px;border-radius:15px;font-size:19px;margin:0 auto}

/* ---------- shell ---------- */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sbw);background:var(--sb-bg);border-right:1px solid var(--sb-border);display:flex;flex-direction:column;z-index:40;transition:width .25s var(--ease),transform .25s var(--ease);color:var(--sb-text)}
.sb-head{height:var(--tb-h);display:flex;align-items:center;padding:0 14px;gap:8px;flex-shrink:0}
.sb-brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:0;flex:1}.sb-brand:hover{text-decoration:none}
.sb-brand-t{display:flex;flex-direction:column;line-height:1.15;min-width:0;white-space:nowrap}.sb-brand-t b{font-size:14px;font-weight:650;color:#fff}.sb-brand-t small{font-size:11.5px;color:var(--sb-text)}
.sb-close{display:none;color:var(--sb-text)}.sb-close:hover{background:var(--sb-hover);color:#fff}
.sb-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 10px 12px;scrollbar-width:thin;scrollbar-color:#2a2a36 transparent}
.navh{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7c7c92;padding:16px 10px 6px;white-space:nowrap}
.sidebar a[data-i]{position:relative;display:flex;align-items:center;gap:11px;padding:7px 10px;margin:1px 0;border-radius:9px;color:var(--sb-text);font-weight:500;font-size:13.5px;white-space:nowrap;transition:background .15s,color .15s}
.sidebar a[data-i] .i{width:17px;height:17px;opacity:.85;transition:opacity .15s,transform .2s var(--ease)}
.sidebar a[data-i]:hover{background:var(--sb-hover);color:var(--sb-text-h);text-decoration:none}.sidebar a[data-i]:hover .i{opacity:1}
.sidebar a[data-i].active{background:var(--sb-active);color:#fff}.sidebar a[data-i].active .i{opacity:1;color:#a5a4ff}
.sidebar a[data-i].active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#818cf8,#c084fc)}
.sidebar .lbl{flex:1;overflow:hidden;text-overflow:ellipsis}
.badge:empty{display:none}
.badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#e7e7f0;font-variant-numeric:tabular-nums}
.badge.hot{background:#ef4444;color:#fff;box-shadow:0 0 0 3px rgba(239,68,68,.18)}
.sidebar .badge.nb{min-width:18px;height:18px;padding:0 6px;font-size:10.5px;box-shadow:none}
.main .badge,.card .badge,table .badge{background:var(--warning-soft);color:var(--warning-t)}
.sb-foot{border-top:1px solid var(--sb-border);padding:10px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.sb-user{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;min-width:0}
.sb-user-t{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}.sb-user-t b{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user-t small{font-size:11.5px;color:var(--sb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-user .icon-btn{color:var(--sb-text);width:32px;height:32px}.sb-user .icon-btn:hover{background:var(--sb-hover);color:#fff}
.sb-toggle{background:transparent;border:none;box-shadow:none;color:#8a8aa0;justify-content:flex-start;padding:7px 10px;font-size:12.5px;font-weight:500;gap:11px;border-radius:9px}
.sb-toggle:hover{background:var(--sb-hover);color:#fff}
.sb-collapsed{--sbw:68px}
.sb-collapsed .sb-brand-t,.sb-collapsed .sidebar .lbl,.sb-collapsed .sb-user-t,.sb-collapsed .sb-toggle span,.sb-collapsed .sb-user .icon-btn{display:none}
.sb-collapsed .navh{font-size:0;padding:10px 0 4px;margin:0 12px;border-top:1px solid var(--sb-border)}.sb-collapsed .navh:first-child{border:none}
.sb-collapsed .sidebar a[data-i]{justify-content:center;padding:9px 0}
.sb-collapsed .sidebar a[data-i] .badge{position:absolute;top:2px;right:6px;min-width:16px;height:16px;font-size:9.5px;padding:0 4px}
.sb-collapsed .sb-head{padding:0 18px}.sb-collapsed .sb-user{justify-content:center}.sb-collapsed .sb-toggle{justify-content:center}
.main-wrap{margin-left:var(--sbw);min-height:100vh;transition:margin-left .25s var(--ease);display:flex;flex-direction:column;min-width:0}
.topbar{position:sticky;top:0;z-index:30;height:var(--tb-h);display:flex;align-items:center;gap:12px;padding:0 24px;
  background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}
.menu{display:none}
.tb-title{flex:1;min-width:0}.crumb{font-weight:600;font-size:14.5px;color:var(--text);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}.crumb .i{color:var(--muted)}
.crumb small{color:var(--faint);font-weight:500}
.search-trigger{width:340px;max-width:40vw;justify-content:flex-start;gap:9px;background:var(--surface);color:var(--faint);border:1px solid var(--border);box-shadow:var(--sh-xs);font-weight:400;padding:7px 8px 7px 11px}
.search-trigger:hover{background:var(--surface);border-color:var(--border-strong);color:var(--muted)}.search-trigger .st-t{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}
main{flex:1;padding:24px 28px 40px;width:100%;max-width:1400px;min-width:0;outline:none}
.view-enter{animation:viewIn .35s var(--ease)}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.scrim{display:none}
.tabbar{display:none}

/* ---------- page header ---------- */
.ph{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:2px 0 18px}
.ph-t{flex:1;min-width:220px}.ph h1{font-size:22px;margin:0;font-weight:680;display:flex;align-items:center;gap:10px}.ph p{margin:4px 0 0;color:var(--muted);font-size:13.5px;max-width:780px}
.ph .ic-sq{width:34px;height:34px;border-radius:10px}.ph .ic-sq .i{width:18px;height:18px}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:500;margin-bottom:12px}.back:hover{color:var(--text);text-decoration:none}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.toolbar input:not([type=checkbox]),.toolbar select{min-width:150px}
.search-in{position:relative;display:inline-flex;align-items:center}.search-in .i{position:absolute;left:10px;color:var(--faint);pointer-events:none}.search-in input{padding-left:32px;min-width:230px}

/* ---------- cards ---------- */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;margin-bottom:16px;box-shadow:var(--sh-sm);transition:background .25s,border-color .25s,box-shadow .2s}
.card h3{margin:0 0 12px;font-size:14.5px;font-weight:620;display:flex;align-items:center;gap:9px}
.card-h{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.card-h h3{margin:0}.card-h .muted{font-size:12.5px}
.card-h a.more{font-size:12.5px;font-weight:550;display:inline-flex;align-items:center;gap:3px;color:var(--muted)}.card-h a.more:hover{color:var(--primary-text);text-decoration:none}
.card.flush{padding:0;overflow:hidden}.card.flush>.card-h{padding:16px 18px 0}
.card.tinted-warn{background:linear-gradient(var(--warning-soft),var(--warning-soft)),var(--surface);border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}
.card.tinted-ok{background:linear-gradient(var(--success-soft),var(--success-soft)),var(--surface);border-color:color-mix(in srgb,var(--success) 30%,var(--border))}
.ic-sq{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-soft);color:var(--primary-text)}
.ic-sq .i{width:15px;height:15px}
.tone-red{background:var(--danger-soft);color:var(--danger-t)}.tone-amber{background:var(--warning-soft);color:var(--warning-t)}.tone-green{background:var(--success-soft);color:var(--success-t)}
.tone-blue{background:var(--info-soft);color:var(--info-t)}.tone-violet{background:var(--violet-soft);color:var(--violet-t)}.tone-orange{background:var(--orange-soft);color:var(--orange-t)}.tone-gray{background:var(--neutral-soft);color:var(--text-2)}.tone-indigo{background:var(--primary-soft);color:var(--primary-text)}
.note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:13px;margin-bottom:16px}
.note .i{margin-top:2px;color:var(--muted)}.note.info{background:var(--info-soft);border-color:transparent;color:var(--text-2)}.note.info .i{color:var(--info-t)}
.note.warn{background:var(--warning-soft);border-color:transparent}.note.warn .i{color:var(--warning-t)}
.list-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}
.list-row.click{cursor:pointer;margin:0 -10px;padding:10px;border-radius:10px;border-bottom:none}.list-row.click:hover{background:var(--surface-2)}

/* ---------- pills / chips ---------- */
.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:550;line-height:1.6;background:var(--neutral-soft);color:var(--text-2);white-space:nowrap;text-transform:capitalize;letter-spacing:.005em;vertical-align:middle;border:1px solid transparent}
.pill .i{width:12px;height:12px;vertical-align:0}
.pill[class*=" s-"]:before,.pill.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}
.s-new,.s-scheduled,.s-confirmed,.s-open{background:var(--info-soft);color:var(--info-t)}
.s-bot_handling,.s-assigned,.s-investigating,.s-claimed{background:var(--violet-soft);color:var(--violet-t)}
.s-awaiting_approval,.s-pending,.s-waiting,.s-in_progress,.s-snoozed{background:var(--warning-soft);color:var(--warning-t)}
.s-escalated,.s-pending_senior,.s-no_show,.s-late{background:var(--danger-soft);color:var(--danger-t)}
.s-resolved,.s-approved,.s-executed,.s-completed,.s-closed,.s-handled,.s-acknowledged{background:var(--success-soft);color:var(--success-t)}
.s-rejected,.s-failed{background:var(--danger-soft);color:var(--danger-t)}.s-cancelled{background:var(--neutral-soft);color:var(--muted)}
.s-approved{background:var(--info-soft);color:var(--info-t)}
.p-urgent{background:var(--danger);color:#fff}.p-high{background:var(--orange-soft);color:var(--orange-t)}.p-low{background:var(--neutral-soft);color:var(--muted)}.p-normal{background:var(--neutral-soft)}
.sev-critical{background:var(--danger);color:#fff}.sev-high{background:var(--orange-soft);color:var(--orange-t)}.sev-medium{background:var(--warning-soft);color:var(--warning-t)}.sev-low{background:var(--neutral-soft);color:var(--muted)}
.pill.sev-critical:before,.pill.sev-high:before,.pill.sev-medium:before,.pill.sev-low:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.sev-critical:before{background:#fff;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.35}}
.money{background:var(--warning-soft);color:var(--warning-t);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}
.risk{background:#7f1d1d;color:#fff}[data-theme=dark] .risk{background:#991b1b}
.flag{background:var(--danger);color:#fff}.budget{background:var(--orange-soft);color:var(--orange-t)}.lead{background:var(--success-soft);color:var(--success-t)}
.pol-ok{background:var(--success-soft);color:var(--success-t)}.pol-warn{background:var(--warning-soft);color:var(--warning-t)}.pol-violation{background:var(--danger-soft);color:var(--danger-t);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}
.conf-low{background:var(--danger-soft);color:var(--danger-t)}.conf-high{background:var(--info-soft);color:var(--info-t)}
.live{background:var(--success-soft);color:var(--success-t)}.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hs{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:650;white-space:nowrap}
.hs:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.hs-good{background:var(--success-soft);color:var(--success-t)}.hs-watch{background:var(--warning-soft);color:var(--warning-t)}.hs-risk{background:var(--danger-soft);color:var(--danger-t)}
.since{font-variant-numeric:tabular-nums;font-weight:650;color:var(--danger-t);white-space:nowrap;font-size:12.5px;display:inline-flex;align-items:center;gap:4px}
.quo{padding:10px 12px;border-radius:10px;font-weight:550;font-size:13px}.quo.closed{background:var(--success-soft);color:var(--success-t)}.quo.pending,.quo.closing{background:var(--warning-soft);color:var(--warning-t)}.quo.failed{background:var(--danger-soft);color:var(--danger-t)}
.stage{display:flex;gap:4px;flex-wrap:wrap;align-items:center;color:var(--faint)}
.stage span{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:550;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);text-transform:capitalize}
.stage span.on{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px var(--ring)}
.stage .sep{color:var(--faint);display:inline-flex}.stage .sep .i{width:12px;height:12px}

/* ---------- avatars ---------- */
.av{--s:30px;width:var(--s);height:var(--s);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:calc(var(--s)*.38);font-weight:650;color:#fff;letter-spacing:-.02em;user-select:none;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.av .i{width:calc(var(--s)*.55);height:calc(var(--s)*.55)}
.av.xs{--s:20px}.av.sm{--s:24px}.av.lg{--s:44px}.av.xl{--s:56px}
.av.c0{background:linear-gradient(135deg,#f97316,#ef4444)}.av.c1{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.av.c2{background:linear-gradient(135deg,#10b981,#059669)}.av.c3{background:linear-gradient(135deg,#ec4899,#d946ef)}
.av.c4{background:linear-gradient(135deg,#f59e0b,#d97706)}.av.c5{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}.av.c6{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.av.c7{background:linear-gradient(135deg,#64748b,#475569)}
.av.anon{background:var(--surface-3);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}
.av.bot{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 55%,#d946ef 100%);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px rgba(139,92,246,.45)}
.who{display:inline-flex;align-items:center;gap:9px;min-width:0}.who b{font-weight:600}.who .sub{display:block;color:var(--muted);font-size:12px;font-weight:400}

/* ---------- tables ---------- */
.tw{overflow-x:auto;margin:0 -18px -18px;border-top:1px solid var(--border)}
.card-h+.tw,.tw:first-child{border-top:none}
table{width:100%;border-collapse:separate;border-spacing:0}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
th{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);white-space:nowrap}
.tw th:first-child,.tw td:first-child{padding-left:18px}.tw th:last-child,.tw td:last-child{padding-right:18px}
tr:last-child td{border-bottom:none}
tr.click{cursor:pointer;transition:background .12s}tr.click:hover td{background:var(--surface-2)}
td .muted{font-size:12.5px}
.kv td:first-child{color:var(--muted);width:40%;font-size:13px}.kv td{padding:9px 0;border-bottom:1px solid var(--border)}

/* ---------- tabs ---------- */
.tabs{display:inline-flex;gap:2px;margin-bottom:16px;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);padding:3px;border-radius:12px;align-items:center}
.tabs-wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.tabs-wrap .tabs{margin-bottom:0}
.tabs button{background:transparent;color:var(--muted);box-shadow:none;border:none;padding:6px 12px;border-radius:9px;font-weight:550;text-transform:capitalize}
.tabs button:hover{color:var(--text);background:transparent}
.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm),0 0 0 1px var(--border)}

/* ---------- hero (command center) ---------- */
.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:26px 28px;margin-bottom:18px;color:#fff;border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(600px 300px at 0% 0%,rgba(129,140,248,.55),transparent 60%),radial-gradient(500px 300px at 100% 0%,rgba(217,70,239,.45),transparent 60%),radial-gradient(600px 300px at 60% 140%,rgba(34,211,238,.35),transparent 60%),linear-gradient(135deg,#1e1b4b,#312e81 45%,#4c1d95);
  box-shadow:0 20px 50px -20px rgba(76,29,149,.55)}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(120deg,transparent 30%,#000 100%);-webkit-mask-image:linear-gradient(120deg,transparent 30%,#000 100%);pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero h1{color:#fff;font-size:26px;margin:0;font-weight:700;letter-spacing:-.025em}.hero .hero-sub{margin:6px 0 0;color:rgba(255,255,255,.78);font-size:14px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:rgba(255,255,255,.85);margin-bottom:10px;padding:4px 10px 4px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.hero .eyebrow .dotlive{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse 1.8s infinite}
.hero-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-radius:14px}
.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hero-chip{padding:10px 14px;min-width:120px;display:flex;flex-direction:column;color:#fff}.hero-chip b{font-size:20px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.hero-chip span{font-size:12px;color:rgba(255,255,255,.75)}
a.hero-chip:hover{background:rgba(255,255,255,.16);text-decoration:none}
.hero .btn.glass{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.12);box-shadow:none}.hero .btn.glass:hover{background:rgba(255,255,255,.2)}
.hero kbd{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:#fff}

/* ---------- stat cards ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 16px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);color:inherit;overflow:hidden;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--border-strong);text-decoration:none}
.sc-top{display:flex;align-items:center;gap:9px}.sc-lbl{font-size:12.5px;font-weight:550;color:var(--muted);flex:1;line-height:1.3}
.sc-val{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text)}
.stat-card.hot .sc-val{color:var(--danger-t)}
.sc-foot{display:flex;align-items:flex-end;gap:8px;min-height:30px}.sc-foot .muted{font-size:11.5px;flex:1;line-height:1.3}
.spark{width:96px;height:30px;flex-shrink:0;overflow:visible}.spark path.ln{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.spark .dot{stroke:var(--surface);stroke-width:1.5}
.spark-draw path.ln{stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.1s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.minibars{display:flex;gap:4px;align-items:flex-end;height:30px}.minibars i{display:block;width:10px;border-radius:3px 3px 1px 1px;background:var(--primary);opacity:.85;min-height:3px;transform-origin:bottom;animation:grow .7s var(--ease) both}
.minibars i:nth-child(2){animation-delay:.08s;opacity:.65}.minibars i:nth-child(3){animation-delay:.16s;opacity:.45}
@keyframes grow{from{transform:scaleY(0)}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.stat{display:flex;flex-direction:column;gap:2px;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;box-shadow:var(--sh-xs)}
.card .stat{background:var(--surface-2);box-shadow:none}
.stat b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.15;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:12.5px}.stat.hot b{color:var(--danger-t)}
.cols{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:16px;align-items:start}
.cols>div{min-width:0}

/* ---------- attention items ---------- */
.att{position:relative;display:flex;gap:12px;padding:12px 14px 12px 16px;border-radius:12px;border:1px solid var(--border);margin-bottom:8px;align-items:flex-start;background:var(--surface);transition:border-color .15s,box-shadow .15s,transform .15s}
.att:hover{border-color:var(--border-strong);box-shadow:var(--sh-sm)}
.att:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--faint)}
.att.sev-critical{background:linear-gradient(90deg,var(--danger-soft),transparent 70%),var(--surface);color:var(--text)}.att.sev-critical:before{background:var(--danger)}
.att.sev-high:before{background:var(--orange)}.att.sev-medium:before{background:var(--warning)}.att.sev-low:before{background:var(--faint)}
.att .t{flex:1;min-width:0}.att .t b{font-weight:600}.att .meta{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:12.5px}
.att .acts{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.att .ic-sq{margin-top:1px}

/* ---------- timeline: what the bot did ---------- */
.btl-group{padding:4px 0 14px}.btl-group+.btl-group{border-top:1px dashed var(--border);padding-top:14px}
.btl{position:relative;padding-left:30px;margin:10px 0 0 4px}
.btl:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--border-strong),var(--border));border-radius:2px}
.btl .ev{position:relative;margin-bottom:12px;font-size:13px;animation:viewIn .4s var(--ease) both}
.btl .ev:last-child{margin-bottom:0}
.btl .node{position:absolute;left:-30px;top:-1px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--border-strong);color:var(--muted)}
.btl .node .i{width:12px;height:12px}
.btl .ev.executed .node{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 0 4px var(--success-soft)}
.btl .ev.failed .node{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 0 0 4px var(--danger-soft)}
.btl .ev.approved .node{background:var(--info);border-color:var(--info);color:#fff}
.btl .ev.rejected .node{background:#7f1d1d;border-color:#7f1d1d;color:#fff}
.btl .ev.proposed .node{background:var(--violet-soft);border-color:var(--violet);color:var(--violet-t)}
.btl .ev.waiting .node{border-style:dashed;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.btl .ev b{font-weight:600}
.chg{display:grid;grid-template-columns:minmax(90px,auto) 1fr auto 1fr;gap:4px 10px;align-items:center;font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-top:6px}
.chg .b{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--danger);word-break:break-word}.chg .a{color:var(--success-t);font-weight:600;word-break:break-word}.chg .arr{color:var(--faint);display:flex}
.change-item{padding:12px 0;border-bottom:1px solid var(--border);display:flex;gap:12px}.change-item:last-child{border-bottom:none}.change-item .body{flex:1;min-width:0}

/* ---------- messages ---------- */
.tl{display:flex;flex-direction:column;gap:10px}
.mrow{display:flex;gap:9px;align-items:flex-end;max-width:88%}.mrow.out{align-self:flex-end;flex-direction:row-reverse}.mrow.full{max-width:100%;align-self:stretch;align-items:flex-start}
.msg{padding:9px 13px;border-radius:16px;max-width:100%;font-size:13.5px;line-height:1.5;word-wrap:break-word;animation:viewIn .3s var(--ease) both}
.msg .meta{font-size:11px;color:var(--muted);margin-bottom:2px;display:block}
.msg.inbound{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:5px;align-self:flex-start}
.msg.outbound{background:var(--primary);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.msg.outbound .meta,.msg.outbound .muted{color:rgba(255,255,255,.75)}
.msg.bot_note{background:var(--violet-soft);border:1px solid color-mix(in srgb,var(--violet) 22%,transparent);border-radius:12px;flex:1}
.msg.manager_note{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent);border-radius:12px;flex:1}
.msg.system{background:none;color:var(--muted);font-size:12px;padding:2px 0;text-align:center;align-self:center;display:flex;align-items:center;gap:6px}
.msg.preview{border-radius:14px;border-bottom-right-radius:5px;margin:10px 0}
.composer{display:flex;gap:8px;align-items:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.composer textarea{min-height:44px;flex:1}

/* ---------- live feed ---------- */
.feed{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto;padding:2px;margin:-2px}
.fi{position:relative;display:flex;gap:12px;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:background .4s,border-color .4s,opacity .4s,transform .2s}
.fi:hover{border-color:var(--border-strong)}
.fi .fic{position:relative;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fi .fic .i{width:17px;height:17px}
.fi:not(.handled) .fic:after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--danger);border:2px solid var(--surface);animation:blinkdot 2s infinite}
@keyframes blinkdot{50%{transform:scale(.7);opacity:.6}}
.fi .body{flex:1;min-width:0}.fi .ft{display:flex;gap:8px;align-items:baseline}.fi .ft b{font-weight:600;font-size:13.5px;flex:1;min-width:0}.fi .ft .muted{font-size:11.5px;white-space:nowrap}
.fi .fb{font-size:13px;color:var(--text-2);margin-top:2px}
.fi.handled{background:var(--surface-2);opacity:.92}.fi.handled .ft b{color:var(--text-2)}
.check{display:inline-flex;align-items:center;gap:7px;color:var(--success-t);font-weight:550;font-size:12.5px;margin-top:6px}
.ck{width:18px;height:18px;border-radius:50%;background:var(--success);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 3px var(--success-soft)}
.ck svg{width:11px;height:11px;stroke:#fff;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck path{stroke-dasharray:24;stroke-dashoffset:0}
.fi.just-handled .ck{animation:ckpop .5s var(--ease)}.fi.just-handled .ck path{stroke-dashoffset:24;animation:ckdraw .45s .15s var(--ease) forwards}
@keyframes ckpop{0%{transform:scale(0)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes ckdraw{to{stroke-dashoffset:0}}
.fi.enter{animation:feedIn .6s var(--ease) both}
.fi.enter:before{content:"";position:absolute;inset:-1px;border-radius:14px;border:1.5px solid var(--primary);opacity:0;animation:ring 2.2s ease-out}
@keyframes feedIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ring{0%{opacity:.9}100%{opacity:0}}
.live-ind{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--success-t);font-weight:550}.live-ind:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 1.8s infinite}

/* ---------- kanban / boards ---------- */
.kanban,.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:start}
.kcol{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px;min-height:140px}
.kcol-h{display:flex;align-items:center;gap:8px;padding:4px 4px 10px;font-weight:600;font-size:13px;text-transform:capitalize}.kcol-h .cnt{margin-left:auto;font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 8px}
.kcol-h .kdot{width:8px;height:8px;border-radius:50%;background:var(--faint)}
.kcard{background:var(--surface);border-radius:12px;padding:12px;margin-bottom:8px;border:1px solid var(--border);box-shadow:var(--sh-xs);transition:transform .15s var(--ease),box-shadow .15s;font-size:13px}
.kcard:hover{transform:translateY(-1px);box-shadow:var(--sh-md)}.kcard select{font-size:12.5px;padding:5px 28px 5px 8px}.kcard .row{margin-top:6px}
.kempty{font-size:12px;color:var(--faint);text-align:center;padding:14px 4px;border:1px dashed var(--border-strong);border-radius:10px}

/* ---------- chat ---------- */
.chat{display:grid;grid-template-columns:260px 1fr;gap:16px;height:calc(100vh - var(--tb-h) - 64px)}
.chat>.card{margin:0;display:flex;flex-direction:column;min-height:0}
.threads{gap:2px;overflow:auto}.threads a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--text-2);font-weight:500}.threads a:hover{background:var(--surface-2);text-decoration:none}
.threads a.on{background:var(--primary-soft);color:var(--primary-text);font-weight:600}.threads a .lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmsgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:300px;padding:6px 2px}
.cm-row{display:flex;gap:10px;align-items:flex-start;max-width:80%}.cm-row.mine{align-self:flex-end;flex-direction:row-reverse}
.cm{background:var(--surface-2);border:1px solid var(--border);padding:8px 12px;border-radius:14px;border-top-left-radius:5px;font-size:13.5px}
.cm-row.mine .cm{background:var(--primary);color:#fff;border-color:transparent;border-radius:14px;border-top-right-radius:5px}
.cm-meta{font-size:11.5px;color:var(--muted);margin-bottom:3px}.cm-row.mine .cm-meta{text-align:right}

/* ---------- action panel ---------- */
.panel{position:sticky;top:calc(var(--tb-h) + 16px)}
.panel .acts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.panel .acts button,.panel .acts a.btn{width:100%;font-size:12.5px;padding:8px 10px;justify-content:flex-start;font-weight:500}
.panel .acts .i{color:var(--muted)}
.ans{border-left:3px solid var(--primary);padding:8px 12px;background:var(--surface-2);border-radius:0 10px 10px 0;margin:8px 0;font-size:13px}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;background:rgba(10,10,20,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:9vh 14px;animation:fade .18s ease}
.mbox{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:20px 22px;animation:pop .25s var(--ease);max-height:82vh;overflow:auto}
.m-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.m-head h3{margin:0;font-size:16px;font-weight:650;display:flex;align-items:center;gap:9px}
.m-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:6px;padding-top:14px;border-top:1px solid var(--border)}
@keyframes fade{from{opacity:0}}

/* ---------- command palette ---------- */
.palette{position:fixed;inset:0;z-index:90;background:rgba(10,10,20,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 14px;animation:fade .15s ease}
.pal-box{width:100%;max-width:640px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg),0 0 0 1px rgba(255,255,255,.04) inset;overflow:hidden;animation:pop .22s var(--ease);display:flex;flex-direction:column;max-height:70vh}
.pal-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.pal-in .i{width:19px;height:19px;color:var(--muted)}
.pal-in input{flex:1;border:none;background:transparent;font-size:16px;padding:4px 0;box-shadow:none!important}.pal-in input:focus{box-shadow:none}
.pal-list{overflow:auto;padding:6px;flex:1}
.pal-grp{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:10px 10px 4px}
.pal-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;cursor:pointer;color:var(--text);font-size:13.5px;scroll-margin:8px}
.pal-item .pi-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);flex-shrink:0}
.pal-item .pi-ic .i{width:15px;height:15px}
.pal-item .pi-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-item .pi-t small{color:var(--muted);margin-left:6px}
.pal-item .pi-k{font-size:11.5px;color:var(--faint)}
.pal-item.on{background:var(--primary-soft)}.pal-item.on .pi-ic{background:var(--primary);color:#fff;border-color:var(--primary)}.pal-item.on .pi-k{color:var(--primary-text)}
.pal-foot{display:flex;gap:14px;align-items:center;padding:9px 14px;border-top:1px solid var(--border);font-size:11.5px;color:var(--muted);background:var(--surface-2)}
.pal-foot kbd{margin-right:3px}
.pal-empty{padding:30px;text-align:center;color:var(--muted)}

/* ---------- toasts ---------- */
.toasts{position:fixed;top:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(380px,calc(100vw - 32px))}
.toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--sh-lg);font-size:13.5px;font-weight:500;animation:toastIn .35s var(--ease) both}
.toast .ti{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast .ti .i{width:13px;height:13px}
.toast.success .ti{background:var(--success-soft);color:var(--success-t)}.toast.error .ti{background:var(--danger-soft);color:var(--danger-t)}.toast.info .ti{background:var(--primary-soft);color:var(--primary-text)}
.toast .tm{flex:1;padding-top:1px;word-break:break-word}.toast.out{animation:toastOut .3s var(--ease) forwards}
.toast .bar{position:absolute}
@keyframes toastIn{from{opacity:0;transform:translateX(20px) scale(.97)}to{opacity:1;transform:none}}
@keyframes toastOut{to{opacity:0;transform:translateX(20px) scale(.97)}}

/* ---------- empty states ---------- */
.empty{color:var(--muted);text-align:center;padding:18px;font-size:13px}
.es{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 16px;color:var(--muted)}
.es-art{position:relative;width:72px;height:72px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}
.es-art:before,.es-art:after{content:"";position:absolute;border-radius:50%;border:1px dashed var(--border-strong)}
.es-art:before{inset:0;animation:spin 30s linear infinite}.es-art:after{inset:-12px;border-style:solid;border-color:var(--border);opacity:.7}
.es-art span{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-soft),var(--violet-soft));color:var(--primary-text);box-shadow:var(--sh-sm);border:1px solid var(--border)}
.es-art span .i{width:22px;height:22px}
.es.good .es-art span{background:linear-gradient(135deg,var(--success-soft),var(--info-soft));color:var(--success-t)}
.es b{color:var(--text);font-weight:600;font-size:14px}.es p{margin:4px 0 0;font-size:13px;max-width:380px}
.es.compact{padding:16px 10px}.es.compact .es-art{width:52px;height:52px;margin-bottom:8px}.es.compact .es-art span{width:36px;height:36px;border-radius:11px}.es.compact .es-art:after{inset:-8px}

/* ---------- skeletons ---------- */
.sk{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 40%,var(--surface-2) 80%);background-size:300% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:8px}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.sk-line{height:12px;margin:8px 0}.sk-title{height:22px;width:260px;margin-bottom:8px}.sk-hero{height:150px;border-radius:var(--r-xl);margin-bottom:18px}
.sk-card{height:118px;border-radius:var(--r-lg)}.sk-block{height:260px;border-radius:var(--r-lg);margin-bottom:16px}

/* ---------- misc ---------- */
.approve-big{gap:8px}
.action-card{position:relative;transition:box-shadow .2s,border-color .2s}.action-card.pending{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}
.action-card.pending:before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--warning)}
.ac-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.reason{font-size:13px;color:var(--text-2);margin-top:8px}.reason b{color:var(--text)}
.policy{font-size:12.5px;color:var(--text-2);margin:8px 0;display:flex;flex-direction:column;gap:3px}.policy div{display:flex;gap:6px;align-items:flex-start}.policy .i{width:14px;height:14px;margin-top:2px}
.profile-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.profile-head h2{margin:0;font-size:21px;font-weight:680}
.health-ring{--v:50;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:conic-gradient(var(--hc,var(--success)) calc(var(--v)*1%),var(--surface-3) 0);position:relative}
.health-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}.health-ring span{position:relative}
.fade-in{animation:viewIn .35s var(--ease) both}

/* ---------- responsive ---------- */
@media (max-width:1180px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}.panel{position:static}}
@media (max-width:860px){
  :root{--tb-h:56px}
  .sidebar{transform:translateX(-100%);width:280px;box-shadow:var(--sh-lg)}.sidebar.open{transform:none}
  .sb-collapsed{--sbw:252px}.sb-collapsed .sb-brand-t,.sb-collapsed .sidebar .lbl,.sb-collapsed .sb-user-t,.sb-collapsed .sb-user .icon-btn{display:revert}
  .sb-collapsed .sidebar a[data-i]{justify-content:flex-start;padding:7px 10px}.sb-collapsed .navh{font-size:10.5px;padding:16px 10px 6px;border:none;margin:0}
  .sb-collapsed .sidebar a[data-i] .badge{position:static}
  .sb-close{display:inline-flex}.sb-toggle{display:none}
  .scrim{display:block;position:fixed;inset:0;background:rgba(5,5,12,.5);backdrop-filter:blur(2px);z-index:35;opacity:0;pointer-events:none;transition:opacity .25s}
  .scrim.on{opacity:1;pointer-events:auto}
  .main-wrap{margin-left:0}
  .topbar{padding:0 10px 0 6px;gap:6px}.menu{display:inline-flex}
  .search-trigger{width:auto;max-width:none;padding:0;width:36px;height:36px;justify-content:center;border:none;background:transparent;box-shadow:none;color:var(--text-2)}
  .search-trigger .st-t,.search-trigger kbd{display:none}.search-trigger .i{width:18px;height:18px}
  main{padding:16px 14px calc(92px + env(safe-area-inset-bottom))}
  .hide-m{display:none}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(64px + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);
    background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--border)}
  .tabbar a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:550;border-radius:12px;transition:color .15s}
  .tabbar a .i{width:22px;height:22px;transition:transform .2s var(--ease)}.tabbar a:hover{text-decoration:none}
  .tabbar a.active{color:var(--primary-text)}.tabbar a.active .i{transform:translateY(-1px)}
  .tabbar a.active:before{content:"";position:absolute;top:-6px;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}
  .tabbar em{position:absolute;top:2px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--warning);color:#1a1a1a;font-style:normal;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}
  .tabbar em.hot{background:#ef4444;color:#fff}.tabbar em:empty{display:none}
  .tabbar em{top:3px;left:calc(50% + 5px);min-width:18px;height:18px;padding:0 5px;font-size:10.5px;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px rgba(0,0,0,.18)}
  .toasts{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));right:12px;left:12px;max-width:none}
  .chat{grid-template-columns:1fr;height:auto}.chat .threads{flex-direction:row;overflow-x:auto;display:flex}.chat .threads a{flex-shrink:0}
  .hero{padding:20px;border-radius:18px}.hero h1{font-size:21px}.hero-chip{min-width:0;flex:1 1 40%}
  .stats{gap:10px}.stat-card{padding:13px 13px 10px}.sc-val{font-size:23px}.spark{width:64px}
  .ph h1{font-size:19px}.card{padding:15px;border-radius:14px}.tw{margin:0 -15px -15px}
  .approve-big{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.approve-big input{grid-column:1/-1}
  .approve-big button{padding:13px;font-size:15px;border-radius:12px}.approve-big button.sec{padding:10px;font-size:13.5px}
  .att{flex-wrap:wrap}.att .acts{margin-left:0;width:100%}
  .toolbar{width:100%}.toolbar>*{flex:1 1 140px}.search-in{flex:1 1 100%}.search-in input{width:100%;min-width:0}
  .palette{padding:0;align-items:flex-end}.pal-box{max-width:none;border-radius:20px 20px 0 0;max-height:85vh}.pal-foot{display:none}
  .modal{padding:0;align-items:flex-end}.mbox{border-radius:20px 20px 0 0;max-height:88vh;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .mrow{max-width:94%}.chg{grid-template-columns:1fr auto 1fr}.chg b{grid-column:1/-1}
}
@media (max-width:420px){.stats{grid-template-columns:1fr 1fr}.sc-lbl{font-size:11.5px}.hero-chips{gap:8px}}

.pal-item .pi-ic.has-av,.pal-item.on .pi-ic.has-av{background:transparent;border-color:transparent}
@media (max-width:860px){.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex-shrink:0}}
.stage span.sep{background:none;border:none;padding:0;box-shadow:none}
.att{color:var(--text)!important}.att.sev-high,.att.sev-medium,.att.sev-low{background:var(--surface)}
.pill.tone-red{background:var(--danger-soft);color:var(--danger-t)}.pill.tone-amber{background:var(--warning-soft);color:var(--warning-t)}.pill.tone-green{background:var(--success-soft);color:var(--success-t)}
.pill.tone-blue{background:var(--info-soft);color:var(--info-t)}.pill.tone-violet{background:var(--violet-soft);color:var(--violet-t)}.pill.tone-indigo{background:var(--primary-soft);color:var(--primary-text)}
.pill{text-transform:none}
.board{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kanban{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media (max-width:860px){.hero kbd{display:none}.hero-chip{padding:8px 12px}.hero-chip b{font-size:17px}}

/* ================= v4: friendlier, clearer (plain words, cards, phone-first) ================= */
.pill{text-transform:none}
.ph p{font-size:14px;line-height:1.5;color:var(--text-2);max-width:640px}
.card-h h3{font-size:15px}
.muted{line-height:1.5}
/* action / suggestion card */
.action-card .ac-head{align-items:flex-start}
.ac-title{font-size:15.5px;font-weight:650;color:var(--text);line-height:1.35}
.ac-sub{margin-top:2px;font-size:13px}.ac-pills{margin-top:8px}
.action-card .msg.preview{font-size:14.5px;line-height:1.5;margin-top:12px}
.reason{font-size:14px;line-height:1.55;background:var(--surface-2);border-radius:12px;padding:10px 12px;margin-top:12px}
.policy{background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:13px}.pol-h{font-weight:600;color:var(--text);margin-bottom:2px}
.kv.pay{margin-top:12px}.kv.pay td:first-child{color:var(--muted);width:40%}
.wait-row{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--info-soft,var(--surface-2))}
.approve-big{display:flex!important;flex-direction:column;align-items:stretch;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.approve-big input{width:100%}
.ab-btns{display:flex;gap:8px;flex-wrap:wrap}.ab-btns button{flex:1 1 auto;min-height:44px;font-size:14.5px;font-weight:600}
.ab-btns button.ok{flex:2 1 160px}.ab-btns button.sec{flex:0 1 auto}
.link-btn{background:none!important;border:none!important;box-shadow:none!important;color:var(--muted)!important;font-size:12.5px;padding:2px 0!important;align-self:flex-start;display:inline-flex;gap:5px;align-items:center;min-height:0}
.link-btn:hover{color:var(--text)!important}.link-btn .i{width:14px;height:14px}
/* tucked-away technical details */
details.tech{margin-top:12px}details.tech>summary{font-size:12px;color:var(--faint,var(--muted));list-style:none;display:inline-flex;align-items:center;gap:4px}
details.tech>summary::-webkit-details-marker{display:none}details.tech>summary:before{content:"▸";font-size:10px;transition:transform .15s}details.tech[open]>summary:before{transform:rotate(90deg)}
details.tech pre{font-size:11.5px;margin-top:6px}
/* conversation */
.from-quo{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:600;background:var(--neutral-soft);color:var(--muted);vertical-align:1px}
.msg{font-size:14px;line-height:1.5}.msg .meta{font-size:11.5px}
.msg.system{font-size:12.5px;text-align:center;justify-content:center;flex-wrap:wrap}
.tk-title{font-size:19px;line-height:1.3;margin:0 0 4px;font-weight:680}
/* audit log */
.audit{padding:6px 18px}.au-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.au-row:last-child{border-bottom:none}
.au-b{flex:1;min-width:0}.au-t{font-size:14px;line-height:1.45}.au-m{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:12.5px;margin-top:3px}
.au-m details.tech{margin-top:0;flex-basis:100%}
.au-row>.av.anon{opacity:.7}
/* shift handoff */
.ho-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:0}
.ho-card{margin-bottom:16px;border-top:3px solid var(--border)}.ho-card.tone-g{border-top-color:var(--success)}.ho-card.tone-a{border-top-color:var(--warning)}.ho-card.tone-o{border-top-color:var(--orange,var(--warning))}
.ho-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ho-list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45}.ho-list .i{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:var(--muted)}
.tone-g .ho-list .i{color:var(--success-t,var(--success))}.tone-a .ho-list .i{color:var(--warning-t,var(--warning))}
.ho-para{white-space:pre-wrap;font-size:14px;line-height:1.6;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text-2)}
.ho-btns{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.ho-btns button{min-height:44px}
.kb-body{white-space:pre-wrap;font-size:14px;line-height:1.6;color:var(--text-2);padding-top:8px}
.es b{font-size:15px;color:var(--text)}.es p{font-size:13.5px;max-width:360px}
@media (max-width:1000px){.ho-grid{grid-template-columns:1fr;gap:0}}
@media (max-width:860px){
  body{font-size:15px}
  .ph{margin-bottom:16px}.ph p{font-size:14px}
  .card h3,.card-h h3{font-size:15.5px}
  .list-row{padding:11px 0;gap:8px}
  .pill{font-size:12px;padding:3px 10px}
  .ab-btns button{min-height:48px;font-size:15.5px;border-radius:12px}
  .ab-btns button.ok,.ab-btns button.bad{flex:1 1 40%}.ab-btns button.sec{flex:1 1 100%}
  .ho-btns{justify-content:stretch}.ho-btns button{flex:1}
  .audit{padding:2px 15px}
  .acts .btn,.acts button{min-height:42px}
  .tk-title{font-size:18px}
  label.f{font-size:14px}input,select,textarea{font-size:16px}
}
.stage span{text-transform:none}
.tabs button,.kcol-h{text-transform:none}

/* ===================== v5 — bright "support hub" look ===================== */
:root{--gold:#f5b301;--gold-t:#946a00;--gold-soft:#fff5d6;--r-lg:18px;--r-xl:22px}
html:not([data-theme=dark]){--bg:#f4f6fb;--surface:#fff;--surface-2:#f5f7fc;--surface-3:#eceff7;--border:#e6e9f2;--border-strong:#d5dae6;
  --text:#121a2e;--text-2:#3b4560;--muted:#66708a;--faint:#9aa2b8;
  --primary:#3b6cf6;--primary-h:#2f5be0;--primary-soft:#eaf0ff;--primary-text:#2c56d8;--ring:rgba(59,108,246,.3);
  --gold:#f5b301;--gold-t:#946a00;--gold-soft:#fff5d6;
  --sh-sm:0 1px 2px rgba(23,35,79,.04),0 4px 14px rgba(23,35,79,.05);--sh-md:0 8px 24px rgba(23,35,79,.08),0 1px 3px rgba(23,35,79,.05);
  --r-lg:18px;--r-xl:22px;
  --sb-bg:#ffffff;--sb-border:#e8ebf3;--sb-text:#4c5670;--sb-text-h:#121a2e;--sb-hover:#f2f5fc;--sb-active:#eaf0ff}
[data-theme=dark]{--primary:#6d8dfa;--primary-h:#839ffb;--primary-soft:rgba(109,141,250,.16);--primary-text:#a7bcff;--ring:rgba(109,141,250,.45);
  --gold:#f5b301;--gold-t:#ffd257;--gold-soft:rgba(245,179,1,.15);
  --sb-bg:#0b0b10;--sb-border:#1b1b24;--sb-text:#a0a0b4;--sb-text-h:#f2f2f7;--sb-hover:rgba(255,255,255,.055);--sb-active:rgba(255,255,255,.09)}
.logo-mark{background:linear-gradient(135deg,#ffc928,#f5a700);color:#111;box-shadow:0 4px 14px rgba(245,179,1,.35),inset 0 1px 0 rgba(255,255,255,.4)}
.card{border-radius:var(--r-lg);box-shadow:var(--sh-sm)}
.ic-sq,.ph .ic-sq{border-radius:999px}
.tone-gold{background:var(--gold-soft);color:var(--gold-t)}.tone-indigo{background:var(--primary-soft);color:var(--primary-text)}
.cbadge{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-soft);color:var(--primary-text)}
.cbadge .i{width:19px;height:19px}
/* light sidebar */
html:not([data-theme=dark]) .sb-brand,html:not([data-theme=dark]) .sb-brand-t b,html:not([data-theme=dark]) .sb-user-t b{color:var(--text)}
html:not([data-theme=dark]) .sidebar a[data-i].active{color:var(--primary-text);font-weight:600}
html:not([data-theme=dark]) .sidebar a[data-i].active .i{color:var(--primary)}
html:not([data-theme=dark]) .navh{color:#8b93aa}
html:not([data-theme=dark]) .sb-close:hover,html:not([data-theme=dark]) .sb-user .icon-btn:hover,html:not([data-theme=dark]) .sb-toggle:hover{color:var(--text)}
html:not([data-theme=dark]) .sb-scroll{scrollbar-color:#d6dbe7 transparent}
html:not([data-theme=dark]) .sidebar{box-shadow:1px 0 0 var(--sb-border),4px 0 24px rgba(23,35,79,.03)}
.sb-ella{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--sb-hover);color:var(--sb-text-h)}.sb-ella:hover{text-decoration:none;background:var(--sb-active)}
.sb-ella-av{position:relative;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d8dfa,#8b5cf6);color:#fff;flex-shrink:0}
.sb-ella-av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:999px;border:2px solid var(--sb-bg);background:#9aa2b8}
.sb-ella[data-state=operational] .sb-ella-av i{background:#22c55e}.sb-ella[data-state=delayed] .sb-ella-av i{background:#f59e0b}.sb-ella[data-state=not_connected] .sb-ella-av i{background:#ef4444}
.sb-ella-t{display:flex;flex-direction:column;line-height:1.2;min-width:0}.sb-ella-t b{font-size:13px}.sb-ella-t small{font-size:11.5px;color:var(--sb-text)}
.sb-ella[data-state=operational] small{color:#16a34a}
.sb-human{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:14px;background:linear-gradient(135deg,var(--gold-soft),var(--primary-soft));color:var(--sb-text-h);border:1px solid var(--sb-border)}
.sb-human:hover{text-decoration:none;filter:brightness(.98)}.sb-human b{font-size:13px}.sb-human small{font-size:11.5px;color:var(--sb-text);line-height:1.35}.sb-human span{font-size:12px;font-weight:600;color:var(--primary-text);margin-top:4px}
.sb-collapsed .sb-human,.sb-collapsed .sb-ella-t{display:none}.sb-collapsed .sb-ella{justify-content:center;padding:6px 0;background:none}
/* status pills */
.spill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--neutral-soft);color:var(--text-2)}
.spill.st-green{background:var(--success-soft);color:var(--success-t)}.spill.st-amber{background:var(--warning-soft);color:var(--warning-t)}.spill.st-red{background:var(--danger-soft);color:var(--danger-t)}
.spill.st-blue{background:var(--info-soft);color:var(--info-t)}.spill.st-violet{background:var(--violet-soft);color:var(--violet-t)}.spill.st-gray{background:var(--neutral-soft);color:var(--muted)}
.spill i.ld{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:ldp 1.6s infinite}
@keyframes ldp{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.jchip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:550;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}
.jchip.ok{background:var(--success-soft);border-color:transparent;color:var(--success-t)}.jchip.warn{background:var(--warning-soft);border-color:transparent;color:var(--warning-t)}.jchip.bad{background:var(--danger-soft);border-color:transparent;color:var(--danger-t)}
.sref{font-size:12px;font-weight:500;color:var(--faint)}
/* session cards */
.slist{display:flex;flex-direction:column;gap:8px}
.scard{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}
.scard:hover{text-decoration:none;border-color:var(--border-strong);box-shadow:var(--sh-sm)}
.sc-time{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:6px 4px;border-radius:12px;background:var(--primary-soft);color:var(--primary-text);line-height:1.15}
.sc-time b{font-size:13.5px;white-space:nowrap}.sc-time span{font-size:10.5px;opacity:.8}
.sc-main{flex:1;min-width:0}.sc-t{font-weight:650;font-size:14px}.sc-who{font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.sc-st{flex-shrink:0}
.sync-l{display:flex;align-items:center;gap:6px;margin:-6px 0 12px;font-size:12.5px}.sync-l .i{width:14px;height:14px}
.show-m{display:none}
/* home */
.h-greet h1{font-size:24px;margin:2px 0 4px}.h-greet p{margin:0 0 18px;color:var(--muted)}
.h-top{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.ask{background:linear-gradient(135deg,#ffffff 0%,#f1f5ff 100%);border-color:#dfe6fb}
[data-theme=dark] .ask{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary) 10%,var(--surface)));border-color:var(--border)}
.ask-h{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px;margin-bottom:12px}.ask-h .i{color:var(--gold)}
.ask-bar{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;padding:5px 5px 5px 12px;box-shadow:var(--sh-xs)}
.ask-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}
.ask-bar input{flex:1;border:none;box-shadow:none!important;padding:8px 2px;background:transparent;font-size:15px;min-width:0}.ask-ic{color:var(--faint);display:inline-flex}
.ask-bar button{width:38px;height:38px;padding:0;border-radius:11px}
.ask-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{background:var(--surface);color:var(--text-2);border:1px solid var(--border);box-shadow:none;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:550}
.chip:hover{background:var(--primary-soft);color:var(--primary-text);border-color:transparent}.chip .i{width:14px;height:14px;color:var(--primary)}
.clock{display:flex;align-items:center;gap:16px}.clock .cbadge{width:52px;height:52px}.clock .cbadge .i{width:24px;height:24px}
.clk-t{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.clk-d{color:var(--muted);font-size:13px}
.sys-ok{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--success-t);background:var(--success-soft);padding:3px 10px;border-radius:999px}
.sys-ok i{width:7px;height:7px;border-radius:999px;background:currentColor}.sys-ok.warn{color:var(--warning-t);background:var(--warning-soft)}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kpi{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-sm);color:var(--text);transition:transform .15s var(--ease),box-shadow .15s}
.kpi:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--sh-md)}
.kpi-b{display:flex;flex-direction:column;min-width:0}.kpi-l{font-size:12.5px;color:var(--muted);font-weight:550;line-height:1.25}.kpi-v{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.kpi-s{font-size:11.5px;color:var(--faint)}.kpi .kpi-c{position:absolute;right:12px;top:16px;color:var(--faint)}
.kpi.hot{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.kpi.hot .kpi-v{color:var(--danger-t)}
.h-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.eline,.aline,.sline{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--border);color:var(--text)}
.eline:first-of-type,.aline:first-of-type,.sline:first-of-type{border-top:none}
.eline:hover,a.aline:hover{text-decoration:none;background:var(--surface-2);border-radius:10px}
.eline .cbadge,.aline .cbadge{width:34px;height:34px}.eline .cbadge .i,.aline .cbadge .i{width:16px;height:16px}
.el-t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13.5px;line-height:1.35}.el-t small{font-size:12px;color:var(--muted)}
.handle{background:var(--danger)!important;color:#fff!important;border-color:transparent!important}.handle:hover{background:#c21f1f!important}
.qa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qa-b{flex-direction:column;gap:8px;padding:14px 8px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none;border-radius:14px;font-size:12.5px;text-align:center}
.qa-b:hover{background:var(--primary-soft);border-color:transparent}
.sdot{width:10px;height:10px;border-radius:999px;flex-shrink:0;background:#9aa2b8}.sdot.operational{background:#22c55e;box-shadow:0 0 0 4px var(--success-soft)}
.sdot.delayed{background:#f59e0b;box-shadow:0 0 0 4px var(--warning-soft)}.sdot.not_connected{background:#ef4444;box-shadow:0 0 0 4px var(--danger-soft)}
.banner{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:var(--r-xl);margin:4px 0 16px;color:#111;
  background:linear-gradient(120deg,#ffe58a 0%,#ffd34d 45%,#c9d8ff 100%);box-shadow:var(--sh-sm)}
.bn-art{width:56px;height:56px;border-radius:999px;background:#111;color:#ffd34d;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bn-art .i{width:26px;height:26px}
.bn-t{flex:1;display:flex;flex-direction:column;gap:3px}.bn-t b{font-size:16px}.bn-t span{font-size:13.5px;color:#2b2b2b}
.bn-b{flex-shrink:0}
.home a.more{font-size:12.5px;font-weight:550;display:inline-block;margin-top:8px}
@media (max-width:1180px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.h-grid{grid-template-columns:1fr}}
@media (max-width:860px){
  .show-m{display:block}.hide-m{display:none!important}
  .h-top{grid-template-columns:1fr;gap:0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:12px}.kpi-v{font-size:22px}.kpi .cbadge{width:34px;height:34px}.kpi .cbadge .i{width:16px;height:16px}
  .h-greet h1{font-size:20px}.clk-t{font-size:24px}.qa{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qa-b{padding:12px 4px;font-size:12px}
  .banner{flex-direction:column;align-items:flex-start;padding:18px}
  .scard{flex-wrap:wrap;gap:10px;padding:12px}.sc-main{flex:1 1 calc(100% - 80px)}.sc-st{flex-basis:100%;order:3}
  .sc-who{white-space:normal}
}
@media (max-width:860px){.slist.show-m{display:flex}}
/* cases v5 */
.schips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:2px 0;max-width:100%}.schips::-webkit-scrollbar{display:none}
.schip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:550;white-space:nowrap;flex-shrink:0}
.schip:hover{text-decoration:none}.schip i{width:8px;height:8px;border-radius:999px}.schip b{font-size:11.5px;min-width:20px;padding:0 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);text-align:center}
.schip.on{background:var(--primary);border-color:var(--primary);color:#fff}.schip.on b{background:rgba(255,255,255,.22);color:#fff}
.clist{display:flex;flex-direction:column;gap:10px}
.ccard{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}
.cc-top{display:flex;align-items:center;gap:10px;color:var(--text);min-width:0}.cc-top:hover{text-decoration:none}
.cc-n{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.cc-n b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-topic{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdot{width:10px;height:10px;border-radius:999px;flex-shrink:0}
.cc-meta{display:flex;flex-wrap:wrap;gap:5px}.cc-meta:empty{display:none}
.cc-foot{display:flex;align-items:center;gap:8px;min-width:0}
.cc-due{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cc-due .i{width:13px;height:13px}
.cc-due.warn{color:var(--warning-t)}.cc-due.bad{color:var(--danger-t);font-weight:600}
.own-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);box-shadow:none;font-size:12px;font-weight:550;flex-shrink:0;max-width:130px}
.own-chip:hover{background:var(--primary-soft);color:var(--primary-text)}.own-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.own-chip .i{width:12px;height:12px}
.own-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.own-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.own-opt:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.board2{display:flex;gap:12px;align-items:flex-start}
.kcol2{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:18px;padding:10px}
.kcol2 .kcol-h{display:flex;align-items:center;gap:8px;font-weight:650;font-size:13px;padding:2px 4px}.kcol2 .cnt{margin-left:auto;font-size:12px;color:var(--muted)}
.kcol2.slim{flex:0 0 46px;align-items:center;padding:12px 0;min-height:180px}
.kcol2.slim .kcol-h{flex-direction:column;gap:10px;padding:0}.kcol2.slim .slim-t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.kcol2.slim .cnt{margin:0}
.kcol2:not(.slim){max-width:480px}
/* live ticket timeline */
.pill.s-superseded{background:var(--neutral-soft);color:var(--muted)}
.hx-st.t-muted{background:var(--neutral-soft)!important;color:var(--muted)!important}.hx-st.t-warn{background:var(--warning-soft)!important;color:var(--warning-t)!important}
.hx-st.t-ok{background:var(--success-soft)!important;color:var(--success-t)!important}.hx-st.t-bad{background:var(--danger-soft)!important;color:var(--danger-t)!important}
.hx-typing{display:flex;align-items:center;gap:8px;margin:6px 0 2px auto;width:max-content;max-width:100%;padding:7px 12px;border-radius:16px 16px 4px 16px;background:var(--primary-soft);color:var(--primary-text);font-size:12.5px;font-weight:550}
.hx-dots{display:inline-flex;gap:3px}.hx-dots i{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.35;animation:hxd 1.2s infinite}
.hx-dots i:nth-child(2){animation-delay:.15s}.hx-dots i:nth-child(3){animation-delay:.3s}
@keyframes hxd{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* thread views: 'Jump to latest' pill */
.thread-wrap{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}
.jump-latest{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;
  box-shadow:0 4px 14px rgba(0,0,0,.18);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.jump-latest.hidden{display:none}

/* Paid & Scheduled */
.pay-row{padding:14px 16px}
.pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin-top:10px}
.pay-grid>div{display:flex;flex-direction:column;gap:2px;min-width:0}.pay-grid .muted{font-size:12px}.pay-grid b{font-weight:600;overflow-wrap:anywhere}
.kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
@media (max-width:1180px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis .kpi.wide{grid-column:1/-1}}
@media (max-width:860px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-grid{grid-template-columns:1fr 1fr}}

/* nav badges: Inbox is blue when everything is with Ella, red when a manager is needed */
.badge.calm{background:#3b82f6;color:#fff;box-shadow:none}
@media (max-width:900px){.tabbar em.calm{background:#3b82f6;color:#fff}}
.tabbar em.calm{background:#3b82f6;color:#fff}
/* Not reviewed (Ella resolved on her own) */
.pill.not-reviewed{background:rgba(245,158,11,.14);color:#b45309;border-color:rgba(245,158,11,.35)}
[data-theme=dark] .pill.not-reviewed{color:#fbbf24}
.review-strip{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:-4px 0 10px;border-radius:10px;background:rgba(245,158,11,.1);color:var(--text);font-size:13px}
.review-strip:hover{text-decoration:none;background:rgba(245,158,11,.16)}.review-strip .i{width:16px;height:16px}
.review-card{border-left:3px solid #f59e0b}
.pill.reviewed{background:rgba(34,197,94,.12);color:#15803d;border-color:rgba(34,197,94,.3);cursor:pointer;text-transform:none}
[data-theme=dark] .pill.reviewed{color:#4ade80}
.pill.not-reviewed{text-transform:none}
.rev-line{margin:6px 0 0 40px}.rev-line .pill{white-space:normal}
.rev-line .pill.reviewed{border-radius:10px}

/* ---- Team Chat v2: reactions, replies, shift status ---- */
.sdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9ca3af;flex-shrink:0;vertical-align:middle;box-shadow:0 0 0 2px var(--surface)}
.sdot.on{background:#22c55e}.sdot.break{background:#f59e0b}.sdot.off{background:#9ca3af}
.av-wrap{position:relative;display:inline-flex;flex-shrink:0}.av-wrap .sdot{position:absolute;right:-1px;bottom:-1px}
#meAvatar{position:relative;display:inline-flex}#meAvatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#9ca3af;box-shadow:0 0 0 2px var(--sb-bg)}
#meAvatar[data-shift=on]:after{background:#22c55e}#meAvatar[data-shift=break]:after{background:#f59e0b}
.ch-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:0 0 10px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.ch-members{display:flex;flex-wrap:wrap;gap:6px 12px;flex:1;min-width:0}
.ch-members .mem{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2)}
.ch-shift,.sb-shift{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.shift-me{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2);margin-right:2px}
.sb-shift{padding:2px 6px}.sb-shift .shift-me{color:var(--sb-text);width:100%}.sb-shift .sdot{box-shadow:0 0 0 2px var(--sb-bg)}
.sb-shift button{background:var(--sb-hover);color:#fff;border:1px solid var(--sb-border);box-shadow:none}
.sb-collapsed .sb-shift{display:none}
.cm-sys{align-self:center;text-align:center;margin:2px 0}
.cm-sys span{display:inline-block;background:var(--surface-2);color:var(--muted);font-size:11.5px;padding:3px 10px;border-radius:8px;border:1px solid var(--border)}
.cm-col{min-width:0;max-width:100%;display:flex;flex-direction:column}
.cm-row.mine .cm-col{align-items:flex-end}
.cm-bw{position:relative;display:flex;align-items:center;gap:4px;max-width:100%}.cm-row.mine .cm-bw{flex-direction:row-reverse}
.cm-acts{display:flex;gap:2px;opacity:0;transition:opacity .12s}.cm-acts .icon-btn{width:28px;height:28px;color:var(--muted)}.cm-acts .i{width:16px;height:16px}
.cm-row:hover .cm-acts,.cm-row:focus-within .cm-acts{opacity:1}
@media (pointer:coarse){.cm-acts{display:none}}
.cm-quote{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;margin:0 0 6px;padding:5px 9px;border-radius:8px;border:none;border-left:3px solid var(--primary);background:rgba(99,102,241,.08);color:inherit;font:inherit;font-size:12px;line-height:1.35;cursor:pointer;box-shadow:none}
.cm-quote b{font-size:11.5px;color:var(--primary-text)}.cm-quote span{opacity:.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cm-row.mine .cm-quote{background:rgba(255,255,255,.16);border-left-color:rgba(255,255,255,.85)}.cm-row.mine .cm-quote b{color:#fff}
.cm-rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.rx{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;box-shadow:none;cursor:pointer}
.rx span{font-size:11.5px}.rx.mine{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary-text)}
.rx.add{padding:0 6px;color:var(--muted)}.rx.add .i{width:14px;height:14px}
.cm-row.flash .cm{animation:cmFlash 1.6s ease}
@keyframes cmFlash{0%,40%{box-shadow:0 0 0 3px #f59e0b}100%{box-shadow:0 0 0 0 transparent}}
.ch-reply{display:flex;align-items:center;gap:8px;margin-top:10px;padding:6px 8px 6px 10px;border-left:3px solid var(--primary);background:var(--surface-2);border-radius:8px}
.ch-reply .rq{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12.5px}.ch-reply .rq span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-reply+.composer{margin-top:8px;padding-top:8px}
.emo-btn{flex-shrink:0;align-self:center}
.emo-pop{position:fixed;z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:6px}
.emo-pop button{border:none;background:none;box-shadow:none;font-size:22px;line-height:1;width:38px;height:38px;padding:0;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.emo-pop button:hover{background:var(--surface-2);transform:scale(1.12)}
.emo-quick{display:flex;justify-content:space-between}.emo-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));border-top:1px solid var(--border);margin-top:4px;padding-top:4px}
@media (max-width:900px){.ch-bar{gap:8px}.ch-shift{width:100%}.cm-row{max-width:94%}}
@media (max-width:900px){.chat{grid-template-columns:minmax(0,1fr)}.chat>.card{min-width:0}.composer input{min-width:0}.composer>button:last-child{flex-shrink:0}}
.sidebar .sb-shift button{background:#6366f1;color:#fff;border:1px solid transparent;opacity:1;padding:5px 10px;font-size:12px}
.sidebar .sb-shift button.sec{background:rgba(255,255,255,.08);color:#e7e7f0;border-color:rgba(255,255,255,.16)}
.sidebar .sb-shift button:hover{filter:brightness(1.1)}
.cm-quote{white-space:normal;min-width:0;justify-content:flex-start}.cm-bw,.cm{min-width:0}.cm{overflow-wrap:anywhere}
.sidebar .sb-shift button.sec{background:var(--sb-hover);color:var(--sb-text-h);border-color:var(--sb-border)}
.cm .cm-quote:hover{background:rgba(99,102,241,.15);color:inherit}.cm-row.mine .cm .cm-quote:hover{background:rgba(255,255,255,.24)}

/* Quo call button + options menu */
.callgrp{display:inline-flex;align-items:stretch}.callgrp>a.btn{border-top-right-radius:0;border-bottom-right-radius:0}
.callgrp>.callmore{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;padding-left:7px;padding-right:7px}
.callpop{position:absolute;z-index:1000;min-width:240px;max-width:300px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--sh-lg,0 10px 30px rgba(0,0,0,.18));padding:6px;display:flex;flex-direction:column;gap:2px}
.callpop a,.callpop button{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13.5px;text-align:left;width:100%}
.callpop a:hover,.callpop button:hover{background:var(--surface-2);text-decoration:none}
.callpop a span{display:flex;flex-direction:column}.callpop small{color:var(--muted);font-weight:400;font-size:12px}
.callpop-note{color:var(--muted);font-size:12px;padding:6px 10px 4px;border-top:1px solid var(--border);margin-top:4px;line-height:1.4}

/* tutor no-show bundle card (2026-10-04) */
.pol-note{background:var(--neutral-soft);color:var(--text-2)}
.ns-bundle{margin-top:8px}.ns-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ns-step{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border-radius:999px;padding:3px 10px;font-size:12.5px}
.ns-step b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-size:11px}
.ns-amt{margin-top:8px;max-width:260px}

/* ---------- Needs Attention v2 (Tamra 2026-10-04): compact case rows + focused task view ---------- */
.ux-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding-bottom:2px}.ux-filters::-webkit-scrollbar{display:none}
.ux-filters button{flex-shrink:0;background:var(--surface);color:var(--text-2);border:1px solid var(--border);box-shadow:none;padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px}
.ux-filters button em{font-style:normal;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:11.5px}
.ux-filters button.on{background:var(--text);color:var(--surface);border-color:var(--text)}.ux-filters button.on em{background:rgba(255,255,255,.2);color:inherit}
.ux-row{display:flex;gap:12px;align-items:center;padding:12px 12px 12px 14px;margin-bottom:8px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--faint);border-radius:12px;color:var(--text);text-decoration:none!important;transition:box-shadow .15s,border-color .15s}
.ux-row:hover{box-shadow:var(--sh-sm);border-color:var(--border-strong)}
.ux-row.sv-critical,.ux-task.sv-critical{border-left-color:var(--danger)}.ux-row.sv-high,.ux-task.sv-high{border-left-color:var(--orange)}.ux-row.sv-medium,.ux-task.sv-medium{border-left-color:var(--warning)}.ux-row.sv-low,.ux-task.sv-low{border-left-color:var(--faint)}
.ux-ic{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--neutral-soft);color:var(--text-2)}
.ux-ic.sv-critical{background:var(--danger-soft);color:var(--danger-t)}.ux-ic.sv-high{background:var(--orange-soft);color:var(--orange-t)}.ux-ic.sv-medium{background:var(--warning-soft);color:var(--warning-t)}
.ux-ic .i{width:18px;height:18px}
.ux-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ux-l1{display:flex;align-items:center;gap:8px;min-width:0}.ux-l1 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:700}
.ux-l2{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ux-l3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px;font-size:12.5px;color:var(--text-2)}
.ux-prio{flex-shrink:0;display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:var(--neutral-soft);color:var(--muted)}
.ux-prio.sv-critical{background:var(--danger);color:#fff}.ux-prio.sv-high{background:var(--orange-soft);color:var(--orange-t)}.ux-prio.sv-medium{background:var(--warning-soft);color:var(--warning-t)}
.ux-side{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--muted)}
.ux-age{font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--danger-t);white-space:nowrap}
.ux-task{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--faint);border-radius:16px;padding:16px;box-shadow:var(--sh-sm);max-width:820px}
.ux-head{display:flex;gap:12px;align-items:flex-start}.ux-ht{flex:1;min-width:0}
.ux-head h2{margin:6px 0 2px;font-size:20px;line-height:1.25}.ux-sl{font-size:13.5px;color:var(--text-2)}.ux-sl.muted{color:var(--muted);font-size:12.5px}
.ux-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px;margin:14px 0 8px}
.ux-person{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.ux-pn{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.ux-pn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux-pn small{color:var(--muted);font-size:12px}
.ux-pa{display:flex;gap:4px;flex-shrink:0}.ux-pa .btn.ic{padding:6px 8px}.ux-pa .callgrp .btn{padding:6px 8px}
.ux-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px}
.ux-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin:8px 0 14px;overflow-x:auto;scrollbar-width:none}.ux-tabs::-webkit-scrollbar{display:none}
.ux-tabs button{flex-shrink:0;background:transparent;box-shadow:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-weight:600;padding:8px 12px;margin-bottom:-1px}
.ux-tabs button.on{color:var(--primary-text);border-bottom-color:var(--primary)}.ux-tabs button em{font-style:normal;font-size:11px;padding:0 6px;border-radius:999px;background:var(--surface-3);margin-left:4px}
.ux-h{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ux-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.ux-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.ux-step.ux-lead{border-color:var(--warning);background:var(--warning-soft)}
.ux-n{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:var(--primary);color:#fff}
.ux-step.ux-lead .ux-n{background:var(--warning)}
.ux-st{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.ux-st b{font-size:14.5px}.ux-st small{color:var(--muted);font-size:12.5px}
.ux-sb{flex-shrink:0}.ux-multi{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.ux-box{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px;background:var(--surface-2)}
.ux-bh{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ux-bh .i{color:var(--primary-text)}
.ux-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ux-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;line-height:1.3}.ux-tile b{font-size:13.5px}.ux-tile small{color:var(--muted);font-size:12px}
.ux-mnote{margin-top:8px;font-size:12.5px;color:var(--text-2)}.ux-mwarn{margin-top:6px;font-size:12.5px;color:var(--warning-t);display:flex;gap:6px;align-items:center}
.ux-auto{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;font-size:13.5px;background:var(--info-soft);color:var(--text-2)}
.ux-auto b{margin-right:6px;color:var(--text)}.ux-auto .i{margin-top:2px;flex-shrink:0}
.ux-auto.t-ok{background:var(--success-soft)}.ux-auto.t-ok .i{color:var(--success-t)}.ux-auto.t-warn{background:var(--warning-soft)}.ux-auto.t-warn .i{color:var(--warning-t)}
.ux-auto.t-bad{background:var(--danger-soft)}.ux-auto.t-bad .i{color:var(--danger-t)}.ux-auto.t-info .i{color:var(--info-t)}
.ux-guide p{margin:0 0 10px;font-size:13.5px;color:var(--text-2)}
.ux-hist{display:flex;flex-direction:column;gap:10px}.ux-hi{display:flex;gap:10px;align-items:flex-start}.ux-hi span:last-child{display:flex;flex-direction:column;line-height:1.3}.ux-hi small{color:var(--muted);font-size:12px}
.ux-hi .dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0;background:var(--faint)}.ux-hi .dot.sv-critical{background:var(--danger)}.ux-hi .dot.sv-high{background:var(--orange)}.ux-hi .dot.sv-medium{background:var(--warning)}
.ux-rel{display:flex;flex-direction:column;gap:6px}.ux-ri{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none!important}.ux-ri span:nth-child(2){flex:1;min-width:0}
a.ux-ri:hover{border-color:var(--border-strong);background:var(--surface-2)}
.ux-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.ux-foot>button{padding:10px 16px;font-weight:650}.ux-more{display:flex;gap:6px;align-items:center;margin-left:auto;flex-wrap:wrap}
@media (max-width:600px){
  .ux-row{padding:10px 10px 10px 12px;gap:10px}.ux-ic{width:32px;height:32px}.ux-l1 b{font-size:14.5px}
  .ux-task{padding:12px;border-radius:14px}.ux-head h2{font-size:18px}.ux-people{grid-template-columns:1fr}
  .ux-step{flex-wrap:wrap;gap:8px 10px}.ux-sb{margin-left:36px}.ux-step .ux-st{flex-basis:calc(100% - 40px)}
  .ux-tiles{grid-template-columns:1fr 1fr}.ux-foot>button{flex:1}.ux-more{margin-left:0;width:100%}
}
.ux-head h2{font-size:24px;font-weight:750;margin:8px 0 2px}.ux-pl{font-size:15px;font-weight:650;color:var(--primary-text)}
.ux-dt{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0 4px;font-size:13.5px;color:var(--text-2)}.ux-dt span{display:inline-flex;align-items:center;gap:6px}.ux-dt .i{color:var(--muted)}
.ux-task .ux-head{background:linear-gradient(180deg,var(--orange-soft),transparent);margin:-16px -16px 0;padding:16px;border-radius:12px 12px 0 0}
.ux-task.sv-critical .ux-head{background:linear-gradient(180deg,var(--danger-soft),transparent)}.ux-task.sv-medium .ux-head{background:linear-gradient(180deg,var(--warning-soft),transparent)}.ux-task.sv-low .ux-head{background:none}
.ux-take{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:12px 16px;font-size:15px;font-weight:700;border-radius:12px}
.ux-take em{font-style:normal;font-size:12px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.22)}
.ux-sheet-bg{position:fixed;inset:0;z-index:300;background:rgba(10,10,20,0);display:flex;align-items:flex-end;justify-content:center;transition:background .2s}
.ux-sheet-bg.on{background:rgba(10,10,20,.45)}
.ux-sheet{width:100%;max-width:560px;max-height:88vh;overflow:auto;background:var(--surface);border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--sh-lg);transform:translateY(100%);transition:transform .25s var(--ease)}
.ux-sheet-bg.on .ux-sheet{transform:none}
.ux-grab{display:block;width:44px;height:5px;border-radius:9px;background:var(--border-strong);margin:4px auto 10px}
.ux-sh-h{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.ux-sh-h b{font-size:20px;font-weight:750}
.ux-sh-h button{background:transparent;box-shadow:none;border:none;color:var(--text);padding:6px}
.ux-act{white-space:normal;overflow-wrap:anywhere;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 14px;margin-bottom:10px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-xs);font-weight:400}
.ux-act:hover{background:var(--surface-2);border-color:var(--border-strong)}.ux-act>.i{color:var(--muted);flex-shrink:0}
.ux-act.danger{background:var(--danger-soft);border-color:transparent}.ux-act.danger b{color:var(--danger-t)}
.ux-act.info{cursor:default}.ux-act.info:hover{background:var(--surface)}
.ux-ai{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ux-ai .i{width:22px;height:22px}
.ux-act.danger .ux-ai{background:transparent}
.ux-at{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.ux-at b{font-size:15px;font-weight:650}.ux-at small{color:var(--muted);font-size:13px}
@media (min-width:861px){.ux-sheet-bg{align-items:center}.ux-sheet{border-radius:20px}.ux-grab{display:none}}
@media (max-width:600px){.ux-task .ux-head{margin:-12px -12px 0;padding:12px}.ux-head h2{font-size:22px}.ux-people{grid-template-columns:1fr}
  .ux-take{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:5;box-shadow:var(--sh-md)}}
@media (max-width:600px){.ux-row .ux-l1{flex-wrap:wrap;gap:4px 8px}.ux-row .ux-l1 b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-basis:100%}
  .ux-row .ux-l2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ux-side{flex-direction:column;align-items:flex-end;gap:2px}.ux-age{font-size:11.5px}}

/* ---------- Control Center 2.0 (Tamra 2026-10-04): metrics bar, case states, five-question cards, timeline, Approval Center ---------- */
.cc-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 16px}
.cc-m{display:flex;gap:10px;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none!important;min-width:0;transition:box-shadow .15s,border-color .15s}
.cc-m:hover{border-color:var(--border-strong);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.cc-mi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.cc-mi svg{width:18px;height:18px}
.cc-mt{display:flex;flex-direction:column;min-width:0}.cc-mt b{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.cc-mt span{font-size:12.5px;font-weight:600;color:var(--text-2)}
.cc-mt small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-m.tone-b-red b{color:var(--danger-t)}.cc-m.tone-b-amber b{color:var(--warning-t)}
.tone-violet{background:var(--violet-soft);color:var(--violet-t)}.tone-blue{background:var(--info-soft);color:var(--info-t)}
.cc-st{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:650;white-space:nowrap}.cc-st svg{width:13px;height:13px}
.cc-st.st-human{background:var(--danger-soft);color:var(--danger-t)}.cc-st.st-approval{background:var(--warning-soft);color:var(--warning-t)}
.cc-st.st-ai{background:var(--violet-soft);color:var(--violet-t)}.cc-st.st-waiting{background:var(--info-soft);color:var(--info-t)}.cc-st.st-resolved{background:var(--success-soft);color:var(--success-t)}
.ux-l1 .cc-st{margin-left:6px}
.cc-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--faint);border-radius:12px;margin-bottom:10px;overflow:hidden}
.cc-card.sv-critical{border-left-color:var(--danger)}.cc-card.sv-high{border-left-color:var(--orange)}.cc-card.sv-medium{border-left-color:var(--warning)}
.cc-top{display:flex;flex-direction:column;gap:3px;padding:12px 14px 8px;color:var(--text);text-decoration:none!important}
.cc-h{display:flex;align-items:center;gap:6px}.cc-h>svg{width:16px;height:16px;color:var(--muted)}
.cc-title{font-size:15px}.cc-sub{font-size:12.5px;color:var(--muted)}
.cc-q{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;padding:4px 14px 12px;font-size:13.5px}
.cc-q>div{display:contents}.cc-q span{color:var(--muted);font-size:12.5px;font-weight:600;padding-top:1px}.cc-q b{font-weight:500}
.cc-q em{font-style:normal;font-weight:650;color:var(--info-t);margin-left:4px}
.cc-q-big{padding:4px 0 14px;font-size:14px;border-bottom:1px solid var(--border);margin-bottom:12px}
.cc-done{display:flex;flex-direction:column;gap:2px}.cc-done i{font-style:normal}
.cc-yes{color:var(--danger-t)!important;font-weight:600!important}.cc-no{color:var(--success-t)!important}
.cc-acts{display:flex;gap:8px;justify-content:flex-end;padding:8px 14px;border-top:1px solid var(--border);background:var(--surface-2)}
.cc-until{font-size:12.5px;font-weight:650;color:var(--info-t);white-space:nowrap;font-variant-numeric:tabular-nums}
.cc-also{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;margin-bottom:12px;border-radius:10px;background:var(--surface-2);font-size:13px;color:var(--text-2)}.cc-also svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}
.cc-why{color:var(--text-2)}
.cc-tl{position:relative;margin:4px 0 8px}
.cc-day{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 4px 78px}
.cc-ev{display:grid;grid-template-columns:66px 14px 1fr;gap:0 8px;align-items:start;position:relative;padding:3px 0}
.cc-ev::before{content:"";position:absolute;left:80px;top:0;bottom:0;width:2px;background:var(--border)}
.cc-t{font-size:12px;font-weight:600;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;padding-top:2px;white-space:nowrap}
.cc-dot{width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--faint);margin:4px 0 0 2px;position:relative;z-index:1}
.cc-x{font-size:13.5px;line-height:1.45;min-width:0;overflow-wrap:anywhere}.cc-x small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.cc-ev.k-done .cc-dot,.cc-ev.k-ella .cc-dot{border-color:var(--success)}.cc-ev.k-problem .cc-dot,.cc-ev.k-escalation .cc-dot{border-color:var(--danger)}
.cc-ev.k-approval .cc-dot,.cc-ev.k-pending .cc-dot{border-color:var(--warning)}.cc-ev.k-note .cc-x,.cc-ev.k-system .cc-x{color:var(--text-2)}
.cc-ev.k-now .cc-t{color:var(--danger-t);font-weight:800}.cc-ev.k-now .cc-dot{background:var(--danger);border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}
.cc-ev.k-now .cc-x b{color:var(--text)}.cc-ev.k-now::before{bottom:50%}
.ap-what{margin:12px 0 4px}.ap-k{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.ap-facts{display:grid;grid-template-columns:130px 1fr;gap:8px 12px;margin:12px 0 4px;padding:12px;border-radius:10px;background:var(--surface-2);font-size:13.5px}
.ap-f{display:contents}.ap-f .ap-k{padding-top:2px}.ap-v{min-width:0;overflow-wrap:anywhere}
.ap-v.policy{display:flex;flex-direction:column;gap:4px}.ap-v.policy>div{display:flex;gap:6px;align-items:flex-start}.ap-v.policy svg{width:15px;height:15px;margin-top:2px}
.ap-risk{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700}
.ap-risk.r-low{background:var(--success-soft);color:var(--success-t)}.ap-risk.r-medium{background:var(--warning-soft);color:var(--warning-t)}.ap-risk.r-high{background:var(--danger-soft);color:var(--danger-t)}
@media (max-width:1100px){.cc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
  .cc-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc-m{padding:10px;gap:8px}.cc-mi{width:30px;height:30px}.cc-mt b{font-size:19px}
  .cc-q,.ap-facts{grid-template-columns:1fr;gap:2px}.cc-q span,.ap-f .ap-k{margin-top:6px}
  .cc-ev{grid-template-columns:54px 14px 1fr;gap:0 6px}.cc-ev::before{left:66px}.cc-day{margin-left:64px}
  .cc-acts{flex-wrap:wrap}
}
.cc-ev.k-in .cc-dot{border-color:var(--info)}.cc-ev.k-out .cc-dot{border-color:var(--violet)}.cc-ev.k-decision .cc-dot,.cc-ev.k-action .cc-dot{border-color:var(--warning)}
.cc-ev.k-check .cc-dot{border-color:var(--orange)}.cc-ev.k-session .cc-dot{border-color:var(--text-2)}
.cc-top{text-align:left;align-items:stretch}.cc-h .spacer{flex:1}
#bAI,#bWait{background:var(--surface-3);color:var(--text-2)}

/* ---------- Home v2 (Tamra 2026-10-04): dynamic status cards, ops line, compact Ask bar, header status dot, Human Required cards ---------- */
.cc-mt i{font-style:normal;font-size:.6em;color:var(--muted);font-weight:600}
.cc-mt small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
.cc-m.quiet{background:var(--surface-2);border-color:var(--border);box-shadow:none}
.cc-m.quiet .cc-mi{background:var(--surface-3);color:var(--muted)}.cc-m.quiet b{color:var(--muted)!important}.cc-m.quiet .cc-mt span{color:var(--muted)}
.cc-m.hot{border-width:2px;padding:11px}
.cc-m.hot b{font-size:28px}
.cc-m.hot.tone-b-red{border-color:var(--danger);background:var(--danger-soft)}.cc-m.hot.tone-b-red .cc-mt span{color:var(--danger-t)}
.cc-m.hot.tone-b-amber{border-color:var(--warning);background:var(--warning-soft)}.cc-m.hot.tone-b-amber .cc-mt span{color:var(--warning-t)}
.cc-m.hot.tone-b-blue{border-color:var(--info);background:var(--info-soft)}.cc-m.hot.tone-b-blue b,.cc-m.hot.tone-b-blue .cc-mt span{color:var(--info-t)}
.cc-ops{margin:-6px 0 16px;font-size:13.5px;color:var(--text-2);line-height:1.45}
.ask{padding:10px 12px}.ask-chips{margin-top:8px;gap:6px}.ask-chips .chip{padding:5px 10px}
.ask-bar{padding:3px 3px 3px 10px;border-radius:12px}.ask-bar input{padding:6px 2px;font-size:14.5px}.ask-bar button{width:34px;height:34px}
.sys-dot{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;box-shadow:none;padding:6px 8px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;white-space:nowrap}
.sys-dot i{width:9px;height:9px;border-radius:50%;background:var(--faint);flex-shrink:0}
.sys-dot[data-state=green] i{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}
.sys-dot[data-state=amber] i{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.sys-dot[data-state=amber]{color:var(--warning-t)}
.sys-dot[data-state=red] i{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.sys-dot[data-state=red]{color:var(--danger-t)}
.sys-dot:hover{background:var(--surface-2)}
/* Waiting breakdown */
.wb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0 0 14px}
.wb{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);text-decoration:none!important}
.wb b{font-size:22px;line-height:1.1}.wb span{font-size:12.5px;font-weight:600}
.wb.on{background:var(--info-soft);border-color:transparent;color:var(--info-t)}.wb.sel{outline:2px solid var(--info);outline-offset:-2px}
/* Human Required cards */
.hr-card{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--danger);border-radius:14px;margin-bottom:12px;overflow:hidden}
.hr-card.sv-medium,.hr-card.sv-low{border-left-color:var(--warning)}
.hr-top{display:flex;align-items:center;gap:8px;padding:10px 14px 0}
.hr-why{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:var(--danger);color:#fff}
.hr-why svg{width:14px;height:14px}
.r-decision .hr-why{background:var(--warning-soft);color:var(--warning-t)}.r-stuck .hr-why{background:var(--orange-soft);color:var(--orange-t)}.r-owned .hr-why{background:var(--info-soft);color:var(--info-t)}
.hr-age{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap}.hr-age svg{width:14px;height:14px}
.hr-age small{font-weight:600;color:var(--muted)}.hr-age.over,.hr-age.over small{color:var(--danger-t)}
.hr-main{display:flex;flex-direction:column;gap:2px;padding:8px 14px 10px;color:var(--text);text-decoration:none!important}
.hr-title{font-size:16px;line-height:1.3}.hr-sub{font-size:12.5px;color:var(--muted)}
.hr-who{display:flex;align-items:center;gap:10px;margin:0 14px;padding:9px 10px;border-radius:10px;background:var(--surface-2)}
.hr-who .el-t{flex:1;min-width:0}.hr-cbtns{display:flex;gap:6px;flex-shrink:0}
.hr-did{margin:10px 14px 0;font-size:12.5px;color:var(--text-2);display:flex;flex-direction:column;gap:3px}
.hr-did .hr-k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.hr-did div{display:grid;grid-template-columns:62px 1fr;gap:6px}.hr-did em{font-style:normal;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.hr-did span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hr-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;margin-top:10px;border-top:1px solid var(--border)}
.hr-acts .hr-prim,.hr-acts .callgrp .hr-prim{font-size:15px;font-weight:700;padding:10px 18px}
.hr-own{display:inline-flex;align-items:center;gap:4px;font-size:12.5px}.hr-own svg{width:14px;height:14px}
.hr-empty .hr-also{text-align:center;font-size:13px;color:var(--text-2);margin-top:-6px;padding-bottom:6px}
@media (max-width:860px){
  .card.clock{display:none}.h-top{grid-template-columns:1fr}
  .sys-dot span{display:none}.sys-dot{padding:8px}
}
@media (max-width:600px){
  .cc-m.hot{grid-column:1 / -1}.cc-m.hot b{font-size:26px}
  .cc-ops{margin-top:-2px;font-size:13px}
  .ask{padding:8px}.ask-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ask-chips .chip{flex-shrink:0}
  .hr-acts{gap:6px}.hr-acts .callgrp{flex:1;display:flex}.hr-acts .callgrp .hr-prim,.hr-acts > .hr-prim{flex:1;justify-content:center}
  .hr-acts .spacer{display:none}.hr-own{width:100%}
  .wb-grid{grid-template-columns:repeat(2,1fr)}
}
.hr-why{white-space:nowrap}
.hr-prim{background:var(--success)!important;color:#fff!important;border-color:transparent!important}
.callgrp .hr-prim + .callmore{background:var(--success);color:#fff;border-color:transparent}
.cc-h{flex-wrap:wrap;row-gap:4px}
.wb-grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px}.wb{padding:7px 10px}.wb b{font-size:18px}.wb span{font-size:12px}
@media (max-width:600px){
  .cc-m.hot{grid-column:auto}.cc-m.hot b{font-size:24px}
  .wb-grid{grid-template-columns:repeat(3,1fr)}
}
.h-top>*{min-width:0}.ask{overflow:hidden}

/* ---------- universal case block (case engine, Tamra 2026-10-04) ---------- */
.cx{display:grid;grid-template-columns:118px 1fr;gap:6px 12px;padding:4px 14px 12px;font-size:13.5px}
.cx.detail{padding:2px 0 14px;border-bottom:1px solid var(--border);margin-bottom:12px;font-size:14px}
.cx-r{display:contents}.cx-k{color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding-top:2px}
.cx-v{min-width:0;overflow-wrap:anywhere}
.cx-own{display:inline-flex;align-items:center;gap:5px;padding:1px 9px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--surface-2);border:1px solid var(--border)}.cx-own svg{width:13px;height:13px}
.cx-own.o-ella{background:var(--violet-soft);color:var(--violet-t);border-color:transparent}.cx-own.o-manager{background:var(--danger-soft);color:var(--danger-t);border-color:transparent}
.cx-own.o-approver{background:var(--warning-soft);color:var(--warning-t);border-color:transparent}.cx-own.o-contact,.cx-own.o-system{background:var(--info-soft);color:var(--info-t);border-color:transparent}
.cx-done{display:flex;flex-direction:column;gap:2px}.cx-done i{font-style:normal}
.cx-tl{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;margin-top:2px}.cx-tl svg{width:13px;height:13px}
.cx-when{font-style:normal;font-weight:650;color:var(--info-t);margin-left:4px;white-space:nowrap}
.cx-yes{display:inline-flex;gap:5px;align-items:flex-start;color:var(--danger-t);font-weight:600}.cx-no{display:inline-flex;gap:5px;align-items:center;color:var(--success-t);font-weight:600}
.cx-yes svg,.cx-no svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}
.cx-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cx-ta .cx-k{padding-top:9px}
.cx-age{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:650;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.cx-age svg{width:14px;height:14px}
.cx-age.over{color:var(--danger-t)}
.cx.lean{display:block;padding:0 14px 12px}.cx.lean .cx-r{display:flex;gap:8px;margin-top:4px}.cx.lean .cx-k{width:52px;flex-shrink:0}
.cx-lh{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--info-t)}.cx-lh svg{width:15px;height:15px}.cx-lh b{color:var(--text)}
.cx-more{margin-top:8px}.cx-more summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--primary-text,var(--primary));list-style:none}
.cx-more summary::-webkit-details-marker{display:none}.cx-more summary::after{content:" ›"}.cx-more[open] summary::after{content:" ˅"}
.cx-more[open]{padding-top:4px}.cx-more .cx-r{display:flex}.cx-more .cx-k{width:96px}.cx-more .cx-acts{margin-top:8px}
.cx.human{padding:10px 14px 0;grid-template-columns:118px 1fr}
.hr-whyh{margin:0 14px 10px;font-size:13px;color:var(--text-2)}.hr-whyh span{font-weight:700;color:var(--danger-t);margin-right:2px}
.cx-prim-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px}.cx-prim-row .cx-k{width:100%}
.cx-open,.cx-open-l{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--primary-text,var(--primary))}.cx-open-l{margin:8px 0 4px;gap:8px}
.cx-open svg,.cx-open-l svg{width:14px;height:14px}
.cx-host{margin-bottom:12px}.card .cx{padding-left:0;padding-right:0}
@media (max-width:600px){
  .cx{grid-template-columns:1fr;gap:1px}.cx .cx-k{margin-top:8px}.cx.detail .cx-k:first-child{margin-top:0}
  .cx.human{grid-template-columns:1fr}
  .cx-acts .callgrp{flex:1;display:flex}.cx-acts .callgrp .hr-prim,.cx-acts > .hr-prim{flex:1;justify-content:center}
}
.cx-drafts{margin:0 0 12px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface-2)}
.cx-drafts summary{cursor:pointer;font-weight:650;font-size:13.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;list-style:none}.cx-drafts summary::-webkit-details-marker{display:none}
.cx-drafts summary svg{width:15px;height:15px}.cx-drafts summary em{font-style:normal;background:var(--surface-3);border-radius:999px;padding:0 7px;font-size:12px}
.cx-drafts[open] summary{margin-bottom:10px}

/* ---------- Case Command Center (progressive disclosure, Tamra 2026-10-04) ---------- */
.ux-task.cmd{padding-top:0}
.cmd-head{padding:14px 16px 8px}
.cmd-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cmd-pills .ux-prio{text-transform:uppercase;letter-spacing:.03em}.cmd-dot{color:var(--faint);font-weight:700}
.cmd-pills .cc-st{text-transform:uppercase;letter-spacing:.03em}
.cmd-title{font-size:20px;line-height:1.25;margin:8px 0 4px}
.cmd-status{font-size:13.5px;color:var(--text-2)}.cmd-status .cmd-k{color:var(--muted)}
.cmd-k{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.cmd-task{margin:6px 16px 10px;padding:12px 14px;border-radius:12px;background:var(--danger-soft);border:1px solid transparent}
.cmd-tt{font-size:16px;display:flex;gap:6px;align-items:center}.cmd-tr{font-size:13px;color:var(--text-2);margin-top:3px}
.cmd-ta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.cmd-ta .callgrp{flex:1;display:flex}.cmd-ta .hr-prim{flex:1;justify-content:center;font-size:15px;font-weight:700;padding:10px 16px}
.cmd-done{margin:0 16px 8px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}.cmd-done .cmd-k{color:var(--success-t)}
.cmd-ok{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin:0 16px 8px;width:calc(100% - 32px);text-align:left;padding:10px 12px;border-radius:12px;background:var(--violet-soft);border:1px solid transparent;color:var(--text);box-shadow:none;font-weight:500}
.cmd-ok .cmd-k{color:var(--violet-t);display:inline-flex;gap:5px;align-items:center}.cmd-ok .cmd-k svg{width:14px;height:14px}.cmd-ok .cmd-v{grid-column:1;font-size:13.5px}.cmd-ok>svg{grid-row:1 / 3;grid-column:2;width:16px;height:16px;color:var(--violet-t)}
.cmd-after{display:flex;gap:6px;align-items:flex-start;margin:0 16px 10px;font-size:13px;color:var(--text-2)}.cmd-after svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--violet-t)}
.cmd-tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.cmd-tabs button{flex-shrink:0}
.cmd-fold{margin:10px 0;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.cmd-fold>summary{cursor:pointer;list-style:none;padding:10px 12px;font-weight:650;font-size:13.5px;display:flex;gap:6px;align-items:center}.cmd-fold>summary::-webkit-details-marker{display:none}
.cmd-fold>summary svg{width:15px;height:15px;color:var(--muted)}.cmd-fold>summary::after{content:"›";margin-left:auto;color:var(--muted);font-size:16px;transition:transform .15s}.cmd-fold[open]>summary::after{transform:rotate(90deg)}
.cmd-fb{padding:0 12px 12px}
.tk-fold{background:var(--surface);margin:0 0 10px}.tk-n{font-style:normal;font-size:11.5px;background:var(--violet-soft);color:var(--violet-t);padding:1px 7px;border-radius:999px}
.cmd-hint{margin:-4px 0 8px;font-size:12.5px}
.cmd-conv{margin-bottom:14px}.cmd-ch{display:flex;align-items:center;gap:8px;margin-bottom:8px}
/* collapsed approval card */
.ap-c{padding:14px}.ap-t{display:flex;gap:10px;align-items:flex-start}.ap-t b{font-size:15px}.ap-t small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}
.ap-pills{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 6px}.ap-wait{background:var(--violet-soft);color:var(--violet-t)}
.ap-l{font-size:13.5px;margin-top:3px;color:var(--text-2)}.ap-l b{color:var(--text);font-weight:650}.ap-sep{color:var(--faint);margin:0 2px}
.ap-prev{margin-top:8px}.ap-prev>summary,.ap-det>summary{cursor:pointer;list-style:none;font-weight:600;font-size:13.5px;color:var(--primary-text,var(--primary))}
.ap-prev>summary::-webkit-details-marker,.ap-det>summary::-webkit-details-marker{display:none}.ap-prev>summary::after,.ap-det>summary::after{content:" ›"}.ap-prev[open]>summary::after,.ap-det[open]>summary::after{content:" ˅"}
.ap-prev[open]>summary{margin-bottom:8px}.ap-det{margin-top:8px}.ap-note{width:100%;margin-top:10px}
.ap-btns{margin-top:12px}
.ap-inhuman{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--border-strong);margin-top:6px;font-size:13.5px}
.ap-inhuman>svg{width:18px;height:18px;color:var(--danger-t);flex-shrink:0}.ap-inhuman small{display:block;color:var(--muted);margin:2px 0 8px}.ap-inhuman .btn{margin:0 6px 6px 0}
@media (max-width:600px){.cmd-title{font-size:18px}.ap-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ap-btns .ok{grid-column:1 / -1}}
.cmd-ok{white-space:normal;min-width:0;box-sizing:border-box}.cmd-ok .cmd-v,.cmd-ok .cmd-k{min-width:0;overflow-wrap:anywhere}
.ap-inhuman>div{min-width:0;flex:1}.ap-inhuman .btn{white-space:normal;max-width:100%;text-align:left;height:auto}
@media (max-width:600px){.cmd-tabs{gap:0}.cmd-tabs button{padding-left:7px;padding-right:7px;font-size:13px}}
@media (max-width:420px){.cmd-tabs button{padding-left:5px;padding-right:5px;font-size:12.5px}.cmd-tabs button em{margin-left:2px;padding:0 5px}}
/* Home phone: Paid today sits in the half slot next to Open tickets (Tamra 2026-10-04) */
@media (max-width:860px){.kpis .kpi.wide{grid-column:auto}}
.h-grid>*{min-width:0}.eline .spill{max-width:46%;white-space:normal;text-align:center}

/* ---------- Mockup match (Tamra 2026-10-04 ~15:30): layout only, same tokens ---------- */
/* case top checklist */
.cmd-ck{margin:2px 16px 10px}.cmd-ck ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.cmd-ck li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.35}.cmd-ck li em{font-style:normal;color:var(--muted);font-size:12.5px}
.cmd-ck .ck-i{width:18px;flex-shrink:0;text-align:center;font-size:13px}.cmd-ck li.w span:last-child{color:var(--warning-t,var(--text))}
.cmd-ck li.now b{font-weight:650}.cmd-ck .link-btn{margin-top:4px;font-size:12.5px}
.cmd-ta2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.cmd-ta2 button{justify-content:center}
.cmd-ta2:empty{display:none}
/* Actions tab: one icon button per step */
.ux-steps.icn .ux-sb .btn,.ux-steps.icn .ux-sb>button{font-size:0;gap:0;width:40px;height:40px;padding:0;justify-content:center;border-radius:10px}
.ux-steps.icn .ux-sb .btn .i,.ux-steps.icn .ux-sb>button .i{width:18px;height:18px;margin:0}
.ux-steps.icn .ux-sb .callgrp>:not(:first-child){display:none}.ux-steps.icn .ux-sb .callgrp>:first-child{border-radius:10px}
.ux-steps.icn .ux-sb .ux-multi button{font-size:12.5px;width:auto;height:auto;padding:5px 9px}
.ux-stm{margin:8px 0 4px;display:inline-flex;gap:4px;align-items:center}
.ap-rows{display:flex;flex-direction:column;gap:8px}
.ap-row{border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.ap-row>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px}.ap-row>summary::-webkit-details-marker{display:none}
.ap-row>summary>.i{margin-left:auto;color:var(--muted);transition:transform .15s}.ap-row[open]>summary>.i{transform:rotate(90deg)}
.ap-ri{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--violet-soft);color:var(--violet-t);flex-shrink:0}.ap-ri .i{width:16px;height:16px}
.ap-rt{display:flex;flex-direction:column;min-width:0}.ap-rt b{font-size:14px}.ap-rt small{color:var(--muted);font-size:12.5px}
.ap-row>.ap-c{margin:0 8px 8px;box-shadow:none}
/* approval card: Policy | Risk | Confidence */
.ap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 4px}
.ap-stats>span{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}
.ap-stats small{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.ap-stats b{font-size:13.5px}
.ap-stats .apol-ok,.ap-stats .apol-note{color:var(--success-t)}.ap-stats .apol-warn{color:var(--warning-t,#b45309)}.ap-stats .apol-violation{color:var(--danger-t)}
.ap-stats .ap-risk{background:none;padding:0}
/* Timeline chips */
.tl-f{margin-top:2px}
/* Human Required card: owner line */
.hr-own{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin:2px 0 10px}.hr-own .i{width:14px;height:14px}
.hr-done-l{display:inline-flex;gap:4px;align-items:center;margin:4px auto 6px;font-weight:600}.hr-empty{text-align:center}
/* Waiting tabs */
.tabs button em{font-style:normal;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:11.5px}
/* Home: compact Live now / Starting soon + Ella today */
@media (max-width:860px){
  .kpis .kpi.sm{flex-direction:row;align-items:center;gap:10px;padding:10px 12px}.kpis .kpi.sm .cbadge{width:30px;height:30px}.kpis .kpi.sm .cbadge .i{width:15px;height:15px}
  .kpis .kpi.sm .kpi-v{font-size:20px;line-height:1.1}.kpis .kpi.sm .kpi-s{font-size:11.5px}.kpis .kpi.sm .kpi-c{display:none}
}
.et-row{padding:0;margin-bottom:16px}.et-row>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px}.et-row>summary::-webkit-details-marker{display:none}
.et-row .cbadge{width:36px;height:36px}.et-t{display:flex;flex-direction:column;min-width:0;flex:1}.et-t b{font-size:14.5px}.et-t small{color:var(--muted);font-size:12.5px;line-height:1.45}
.et-bad{color:var(--danger-t);font-weight:600}.et-c{color:var(--muted);transition:transform .15s}.et-row[open] .et-c{transform:rotate(180deg)}
.et-b{padding:0 14px 12px;border-top:1px solid var(--border)}.et-i{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);color:var(--text)}.et-i:last-of-type{border-bottom:none}
.et-i .cbadge{width:32px;height:32px}.et-i .cbadge .i{width:15px;height:15px}.et-i>.i{margin-left:auto;color:var(--muted)}.et-n{font-size:12px;margin:6px 0 0}
.ux-steps.icn .ux-step:not(:has(.ux-multi)){flex-wrap:nowrap}.ux-steps.icn .ux-step:not(:has(.ux-multi)) .ux-st{flex:1;flex-basis:auto;min-width:0}
.ux-steps.icn .ux-step:not(:has(.ux-multi)) .ux-sb{margin-left:auto}
.ux-steps.icn .ux-sb .btn:not(.hr-prim),.ux-steps.icn .ux-sb>button{background:var(--primary-soft);color:var(--primary-text);border:1px solid transparent;box-shadow:none}
.i.flip{transform:rotate(180deg)}
.hr-own{padding:0 14px;margin:8px 0 0}
.cmd-ok:hover,.cmd-ok:focus-visible{background:var(--violet-soft);color:var(--text);border-color:var(--violet-t)}
.ap-row>summary .ap-rt b{color:var(--text)}

/* ---------- Home status cards: own colour identity, always visible (Tamra reference, 2026-10-04) ---------- */
/* per-card palette; zero = soft tint + light border, non-zero (Human/Approval/Waiting) = stronger border + fill. Never grey. */
.cc-m.k-human{--cc:var(--danger);--cc-t:var(--danger-t);--cc-s:var(--danger-soft)}
.cc-m.k-approval{--cc:var(--warning);--cc-t:var(--warning-t);--cc-s:var(--warning-soft)}
.cc-m.k-waiting{--cc:var(--info);--cc-t:var(--info-t);--cc-s:var(--info-soft)}
.cc-m.k-ai{--cc:var(--violet);--cc-t:var(--violet-t);--cc-s:var(--violet-soft)}
.cc-m.k-healthy{--cc:var(--success);--cc-t:var(--success-t);--cc-s:var(--success-soft)}
.cc-m.k-sessions{--cc:var(--primary);--cc-t:var(--primary-text);--cc-s:var(--primary-soft)}
.cc-m[class*=" k-"],.cc-m.quiet[class*=" k-"]{border-color:color-mix(in srgb,var(--cc) 22%,var(--border));box-shadow:none}
.cc-m[class*=" k-"] .cc-mi,.cc-m.quiet[class*=" k-"] .cc-mi{background:var(--cc-s);color:var(--cc-t)}
.cc-m.quiet[class*=" k-"] b{color:var(--text)!important}.cc-m.quiet[class*=" k-"] .cc-mt span{color:var(--text-2)}
/* tinted cards (always): Human, Approval, Waiting, Healthy; Ella + Sessions stay white with a tinted icon */
.cc-m.k-human,.cc-m.k-approval,.cc-m.k-waiting,.cc-m.k-healthy,
.cc-m.quiet.k-human,.cc-m.quiet.k-approval,.cc-m.quiet.k-waiting{background:color-mix(in srgb,var(--cc-s) 45%,var(--surface))}
.cc-m.k-ai,.cc-m.k-sessions{background:var(--surface)}
/* labels in the card's colour for the attention cards */
.cc-m.k-human .cc-mt span,.cc-m.k-waiting .cc-mt span,.cc-m.k-approval .cc-mt span{color:var(--cc-t)!important}
.cc-m.quiet.k-human .cc-mt span,.cc-m.quiet.k-waiting .cc-mt span,.cc-m.quiet.k-approval .cc-mt span{color:color-mix(in srgb,var(--cc-t) 75%,var(--text-2))!important}
/* non-zero attention cards: stronger border + fill (as in the reference) */
.cc-m.nz{background:var(--cc-s);border-color:color-mix(in srgb,var(--cc) 70%,transparent);border-width:1.5px}
.cc-m.nz .cc-mi{background:color-mix(in srgb,var(--cc) 16%,var(--surface))}
.cc-m.nz b{color:var(--cc-t)!important}.cc-m.k-approval.nz .cc-mt span{color:var(--cc-t)!important}
.cc-m.hot.nz{border-width:2px;border-color:var(--cc)}
.cc-m[class*=" k-"]:hover{border-color:color-mix(in srgb,var(--cc) 55%,var(--border))}
/* dark mode: soft tokens are already translucent; keep fills subtle */
[data-theme=dark] .cc-m.k-human,[data-theme=dark] .cc-m.k-approval,[data-theme=dark] .cc-m.k-waiting,[data-theme=dark] .cc-m.k-healthy{background:color-mix(in srgb,var(--cc) 7%,var(--surface))}
[data-theme=dark] .cc-m.nz{background:color-mix(in srgb,var(--cc) 14%,var(--surface))}

/* ---- desktop alerts + Waiting on reply info (Tamra 2026-10-04 ~16:00 MYT) ---- */
.notif-btn{position:relative}
.notif-btn .nb-on{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px var(--bg,#fff)}
.notif-btn.on{color:var(--accent,#6366f1)}
.nt-sw{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border:1px solid var(--line,#e5e7eb);border-radius:12px}
.nt-sw input{position:absolute;opacity:0;width:1px;height:1px}
.nt-sw .nt-tr{flex:none;width:42px;height:24px;border-radius:999px;background:#d1d5db;position:relative;transition:background .15s}
.nt-sw .nt-tr i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.nt-sw input:checked + .nt-tr{background:#22c55e}
.nt-sw input:checked + .nt-tr i{left:21px}
.nt-sw input:focus-visible + .nt-tr{outline:2px solid var(--accent,#6366f1);outline-offset:2px}
.nt-sw small{display:block;color:var(--muted,#6b7280);font-size:12.5px;margin-top:2px}
.nt-st{font-size:13px;margin:10px 2px;color:var(--muted,#6b7280)}
.nt-st.ok{color:#15803d}.nt-st.warn{color:#b45309}
.nt-what{font-size:13px;margin:6px 2px}
.nt-what ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:5px}
.nt-what li{display:flex;align-items:center;gap:8px}
.nt-what li svg{width:15px;height:15px;opacity:.75}
.nt-note{font-size:12.5px;margin:10px 2px}
.nt-toast{max-width:380px;align-items:flex-start}
.nt-toast .tm b{display:block}
.nt-toast .tm small{display:block;opacity:.85;margin-top:2px;font-size:12.5px}
.nt-toast button{flex:none;margin-left:8px}
.cc-info{border:0;background:none;padding:0 2px;margin:0;font:inherit;font-size:12px;color:inherit;opacity:.6;cursor:help;line-height:1;min-height:0;box-shadow:none}
.cc-info:hover{opacity:1}
[data-theme=dark] .nt-sw .nt-tr{background:#3f3f46}
[data-theme=dark] .nt-st.ok{color:#4ade80}[data-theme=dark] .nt-st.warn{color:#fbbf24}
/* Home desktop (Tamra 2026-10-04 ~16:10 MYT): no System status card (the header dot keeps it); Ella today sits in the right column */
.et-side{display:none}
@media (min-width:861px){.h-sys{display:none}}
@media (min-width:1181px){.et-top{display:none}.et-side{display:block}}
.cc-mt .cc-info{display:inline;width:auto;height:auto;min-width:0;vertical-align:baseline;border-radius:0;font-weight:500}

/* ===== Team Operations Phase 1 (Tamra 2026-10-04 ~16:30 MYT) ===== */
.av.xxl{--s:96px}.av.img{background:var(--surface-3);overflow:hidden;padding:0}.av.img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.av[data-user],.tav,.tnm{cursor:pointer}
.tnm{background:none;border:0;padding:0;margin:0;font:inherit;font-weight:650;color:var(--text);display:inline;min-height:0;box-shadow:none;border-radius:0}.tnm:hover{text-decoration:underline;background:none}
.pdot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px var(--surface);background:#9ca3af}
.av.lg+.pdot,.av.xl+.pdot{width:13px;height:13px;right:1px;bottom:1px}.av.xxl+.pdot{width:18px;height:18px;right:6px;bottom:6px;box-shadow:0 0 0 3px var(--surface)}
.pdot.t-green{background:#22c55e}.pdot.t-blue{background:#3b82f6}.pdot.t-amber{background:#f59e0b}.pdot.t-violet{background:#8b5cf6}.pdot.t-red{background:#ef4444}.pdot.t-gray{background:#c4c8d2}
.pchip .pdot,.ppill .pdot{position:static;box-shadow:none;width:8px;height:8px;display:inline-block}
.ppill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--text-2);width:max-content}
.ppill.t-green{background:#e8f8ee;color:#15803d}.ppill.t-blue{background:#e8f0fe;color:#1d4ed8}.ppill.t-amber{background:#fff6e0;color:#b45309}.ppill.t-violet{background:#f1ecff;color:#6d28d9}.ppill.t-red{background:#fdecec;color:#b91c1c}
small.t-green{color:#15803d!important}small.t-blue{color:#1d4ed8!important}small.t-amber{color:#b45309!important}small.t-violet{color:#6d28d9!important}small.t-red{color:#b91c1c!important}
/* hub */
.th{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:14px;height:calc(100vh - var(--tb-h) - 48px);min-height:520px}
.th>*{min-width:0}
.th-nav{overflow:auto;padding:14px 10px}.thn-h{padding:2px 8px 10px}.thn-h b{display:flex;align-items:center;gap:8px;font-size:16px}.thn-h small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.th-nav .navh{padding:12px 10px 6px;color:var(--faint)}
.th-nav a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;color:var(--text-2);font-size:13.5px;text-decoration:none}
.th-nav a:hover{background:var(--surface-2)}.th-nav a.on{background:var(--primary-soft);color:var(--primary-text);font-weight:600}
.th-nav a .i{width:16px;height:16px;opacity:.75}.th-nav a .lbl{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.th-nav a .lbl small{font-size:11.5px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-main{display:flex;flex-direction:column;padding:0;overflow:hidden}
.th-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.th-ht{min-width:0}.th-ht b{display:block;font-size:15.5px}.th-ht small{color:var(--muted);font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-hash{width:32px;height:32px;border-radius:10px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.th-menu,.th-roster-b{display:none}
.th-body{position:relative;flex:1;min-height:0;display:flex}.th-body .thread-wrap{flex:1;min-height:0;display:flex}.tmsgs{padding:14px 16px;gap:14px}
.th-main .composer{margin:0;padding:10px 12px;border-top:1px solid var(--border)}
.tm-row{display:flex;gap:10px;align-items:flex-start}.tm-col{min-width:0;flex:1}.tm-meta{font-size:12.5px;margin-bottom:3px}
.tm-bw{display:flex;align-items:flex-start;gap:6px}.tm-bw .cm{max-width:min(560px,100%)}.tm-row .cm-acts{opacity:0;transition:opacity .15s}.tm-row:hover .cm-acts{opacity:1}
.tm-th{background:none;border:0;padding:4px 0 0;color:var(--primary-text);font-size:12.5px;font-weight:600;display:inline-flex;gap:5px;align-items:center;min-height:0;box-shadow:none}.tm-th .i{width:14px;height:14px}
.at-ella{color:#7c3aed;font-weight:650;background:#f3eaff;border-radius:6px;padding:0 4px}
.cm-sys.claim span{color:#15803d;display:inline-flex;gap:6px;align-items:center}.cm-sys.claim .i{width:14px;height:14px}
/* case card */
.tcase{border:1px solid var(--border);border-left:4px solid #94a3b8;border-radius:14px;padding:12px 14px;background:var(--surface);max-width:520px;width:100%;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.tcase.sv-critical,.tcase.sv-high{border-left-color:#ef4444}.tcase.sv-medium{border-left-color:#f59e0b}.tcase.sv-low{border-left-color:#3b82f6}
.tcase-h{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#b91c1c}.tcase-h .i{width:15px;height:15px}
.tcase-t{font-weight:700;font-size:14.5px;margin:6px 0 2px}.tcase-p{font-size:12.5px;color:var(--muted)}.tcase-w{font-size:13px;color:var(--text-2);margin-top:6px}
.tcase-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.jchip.sev-high,.jchip.sev-critical{background:#fdecec;color:#b91c1c}.jchip.sev-medium{background:#fff6e0;color:#b45309}
.tcase-b{display:flex;align-items:center;gap:8px;margin-top:10px}.tcase-b .btn,.tcase-b button{flex:1}.tcase-cl{flex:1;display:inline-flex;align-items:center;gap:6px;color:#15803d;font-weight:600;font-size:13px;justify-content:center}
.tcase-by{font-size:11.5px;margin-top:8px}.tcase.done{border-left-color:#22c55e;opacity:.8}.tcase.done .tcase-h{color:#15803d}
/* Ella answer */
.cm.ella-a{background:linear-gradient(180deg,#faf7ff,#fff);border:1px solid #e9ddff;max-width:560px}.cm.ella-a>b{display:block;margin-bottom:6px}
.ea-l{display:flex;gap:8px;align-items:flex-start;margin:6px 0;font-size:13px}.ea-l>.i{width:15px;height:15px;flex:none;margin-top:2px}
.ea-l.t-red>.i{color:#dc2626}.ea-l.t-blue>.i{color:#2563eb}.ea-l.t-amber>.i{color:#d97706}.ea-l.t-green>.i{color:#16a34a}.ea-l.t-violet>.i{color:#7c3aed}.ea-l.t-gray>.i,.ea-l.t-indigo>.i{color:#6366f1}
.ea-l ul{margin:3px 0 0 0;padding-left:16px;color:var(--text-2);font-size:12.5px}.ea-link{margin-top:8px;width:100%;justify-content:center}
/* thread panel */
.th-thread{position:absolute;inset:0 0 0 auto;width:min(380px,100%);background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(16,24,40,.06);z-index:2}
.tt-h{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border)}.tt-b{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px}
.tt-sep{font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:4px}.th-thread .composer{margin:0;padding:10px 12px}
/* roster */
.th-side{overflow:auto;display:flex;flex-direction:column;gap:12px}.tr-card{padding:14px}.tr-card .card-h{margin-bottom:6px}
.tr-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.tr-row:last-child{border-bottom:0}.tr-t{flex:1;min-width:0;display:flex;flex-direction:column}
.tr-t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-n{font-size:12px;color:var(--muted)}
.tr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tr-stats>div{border-radius:12px;padding:10px;text-align:center;background:var(--surface-2)}
.tr-stats b{display:block;font-size:20px}.tr-stats span{font-size:12px;color:var(--muted)}.tr-stats .k-on{background:#e8f8ee}.tr-stats .k-on b{color:#15803d}.tr-stats .k-br{background:#fff6e0}.tr-stats .k-br b{color:#b45309}
.tw-row{display:grid;grid-template-columns:72px 1fr 20px;gap:8px;align-items:center;font-size:12.5px;margin:7px 0}.tw-bar{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.tw-bar i{display:block;height:100%;border-radius:99px;min-width:2px}.tw-bar i.lo{background:#22c55e}.tw-bar i.mid{background:#3b82f6}.tw-bar i.hi{background:#ef4444}.tw-row b{text-align:right}.tw-row.un span:first-child{color:#b91c1c}
.tr-sub{font-size:12px;margin:2px 0 4px}
/* mini-card */
.tcard{position:fixed;z-index:60;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 48px rgba(16,24,40,.18);padding:16px}
.tcard.sheet{left:0!important;right:0;bottom:0;top:auto!important;width:auto;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}
.tcard-bg{position:fixed;inset:0;background:rgba(15,18,30,.35);z-index:59}
.tc-x{position:absolute;right:8px;top:8px}.tc-top{display:flex;gap:12px;align-items:center}.tc-top>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.tc-n{font-size:16px}.tc-r{font-size:12.5px;color:var(--muted)}.tc-case{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:12.5px;color:#1d4ed8;background:#eef4ff;border-radius:10px;padding:7px 9px}.tc-case .i{width:14px;height:14px}
.tc-facts{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;color:var(--text-2)}.tc-facts>div{display:flex;gap:8px;align-items:center}.tc-facts .i{width:15px;height:15px;color:var(--muted)}
.tc-mn{color:#b91c1c}.tc-cases{display:flex;flex-direction:column;gap:4px;margin-top:10px}.tc-cases a{font-size:12.5px;display:flex;gap:6px;align-items:center;color:var(--text)}
.tc-pres{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pchip{font-size:12px;padding:5px 9px;border-radius:999px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);display:inline-flex;gap:6px;align-items:center;min-height:0;box-shadow:none}
.pchip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text)}.pchip:disabled{opacity:.5}.pchip .i{width:13px;height:13px}
.tc-btns{display:flex;gap:6px;margin-top:14px}.tc-btns>*{flex:1;font-size:12.5px;padding:8px 8px}
/* people + profile */
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.pp-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px}
.pp-t{display:flex;flex-direction:column;align-items:center;gap:4px}.pp-t small{color:var(--muted)}.pp-n b{font-size:20px;display:block}.pp-n small{color:var(--muted);font-size:12px}.pp-b{display:flex;gap:6px}
.pf{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;margin-top:12px}.pf-l,.pf-r2{display:flex;flex-direction:column;gap:14px;min-width:0}
.pf-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.pf-head h2{margin:6px 0 0}.pf-head .tc-facts{align-items:flex-start;text-align:left;width:100%}.pf-head .tc-btns{width:100%}
.pf-ph{position:relative}.pf-up{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 3px var(--surface)}
.pf-up input{position:absolute;inset:0;opacity:0;cursor:pointer}.pf-up .i{width:16px;height:16px}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.pf-r{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13.5px}.pf-r span{color:var(--muted)}
.pf-chips{display:flex;flex-wrap:wrap;gap:6px}.chip-x{background:none;border:0;padding:0 0 0 4px;color:inherit;min-height:0;box-shadow:none;cursor:pointer;font-size:14px}
.pf-att{width:100%;font-size:13px;border-collapse:collapse}.pf-att th,.pf-att td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--border)}.pf-att th{color:var(--muted);font-weight:600;font-size:12px}
.pf-act{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}
.pf-r2 textarea{width:100%;min-height:90px}
@media (max-width:1180px){.th{grid-template-columns:220px minmax(0,1fr)}.th-side{display:none}.th-roster-b{display:inline-flex}}
@media (max-width:860px){
  .th{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--tb-h) - 96px);gap:0}
  .th-nav{display:none;position:fixed;left:0;right:0;top:var(--tb-h);bottom:0;z-index:40;border-radius:0}.th.nav-open .th-nav{display:block}
  .th-menu{display:inline-flex}.th-main{border-radius:14px}.th-head{padding:10px 12px}.tmsgs{padding:12px}.tm-bw .cm,.tcase{max-width:100%}
  .tm-row .cm-acts{opacity:1}.pf{grid-template-columns:minmax(0,1fr)}.pf-grid{grid-template-columns:1fr}.th-thread{width:100%}
}
.tr-sheet{max-height:80vh;overflow:auto}.tr-sheet .tr-card{box-shadow:none;border:0;padding:6px 0}
[data-theme=dark] .ppill.t-green,[data-theme=dark] .tr-stats .k-on{background:rgba(34,197,94,.14)}[data-theme=dark] .ppill.t-blue{background:rgba(59,130,246,.16)}
[data-theme=dark] .ppill.t-amber,[data-theme=dark] .tr-stats .k-br{background:rgba(245,158,11,.14)}[data-theme=dark] .cm.ella-a{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.3)}
[data-theme=dark] .at-ella{background:rgba(139,92,246,.2);color:#c4b5fd}[data-theme=dark] .tc-case{background:rgba(59,130,246,.14);color:#93c5fd}
/* sidebar: Ella's Operations Summary (replaces the 'Need a person?' banner) */
.sb-ops{display:flex;flex-direction:column;gap:6px;padding:11px 12px;border-radius:14px;background:var(--violet-soft,#f3efff);border:1px solid var(--sb-border);color:var(--sb-text-h);font-size:11.5px;line-height:1.35}
.sb-ops:empty{display:none}.so-h{display:flex;align-items:center;gap:6px;font-size:12.5px}.so-h .i{width:14px;height:14px;color:#7c3aed}
.so-n{color:var(--sb-text)}.so-n a{color:inherit}.so-n a b{color:var(--sb-text-h)}.so-n a.bad,.so-n a.bad b{color:#b91c1c}
.so-risk,.so-next{display:flex;gap:6px;align-items:flex-start;color:var(--sb-text)}.so-risk .i,.so-next .i{width:13px;height:13px;flex:none;margin-top:1px}
.so-risk{color:#b45309;font-weight:600}.so-risk.ok{color:#15803d;font-weight:500}.so-next b{color:var(--sb-text-h)}
.so-link{font-weight:600;color:var(--primary-text);font-size:12px}
.sb-collapsed .sb-ops{display:none}
/* ===== desktop Home v3 (Tamra mockup 2026-10-04): semantic pale sections, nested cards for actionable items ===== */
.hd{--sec-red:#fff5f5;--sec-red-b:#fbd5d5;--sec-blue:#f3f7ff;--sec-blue-b:#d6e3fb;--sec-violet:#f7f4ff;--sec-violet-b:#e4dafb;--sec-green:#f2fbf5;--sec-green-b:#cdeed8}
.hd-greet{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.hd-greet h1{margin:0;font-size:26px}.hd-greet p{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.hd-clock{text-align:right;flex:none}.hd-clock span{display:block;color:var(--muted);font-size:13px}.hd-clock b{font-size:24px;letter-spacing:-.02em}
.hd-sh{display:flex;align-items:center;gap:10px;margin-bottom:12px}.hd-sh>b{font-size:15px}.hd-n{color:var(--muted);font-weight:600}.hd-d{font-weight:500;font-size:12.5px}.hd-sh .cbadge{width:30px;height:30px}
.hd-sh .btn.sm,.hd-sh button.sm{font-size:12.5px}
.hd-glance{padding:14px 16px;margin-bottom:16px}.hd-glance .hd-sh{margin-bottom:8px}
.hd-gr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.hd-g{display:flex;gap:12px;align-items:center;padding:6px 14px;border-left:1px solid var(--border);color:var(--text);text-decoration:none}
.hd-g:first-child{border-left:0;padding-left:4px}.hd-g:hover{text-decoration:none;background:var(--surface-2);border-radius:10px}
.hd-gi{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}.hd-gi .i{width:19px;height:19px}
.hd-gi.tone-blue{background:var(--info-soft);color:var(--info)}.hd-gi.tone-violet{background:var(--violet-soft);color:var(--violet)}.hd-gi.tone-indigo{background:var(--primary-soft);color:var(--primary)}
.hd-g small{display:block;font-size:12.5px;color:var(--muted)}.hd-g b{display:block;font-size:22px;line-height:1.15}.hd-gs{font-size:12px;color:var(--muted)}.hd-gs.bad{color:var(--danger-t);font-weight:600}
.hd-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:16px;align-items:start}.hd-main,.hd-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.hd-sec{border-radius:var(--r-lg,18px);padding:14px 16px;border:1px solid var(--border)}
.hd-sec.sec-red{background:var(--sec-red);border-color:var(--sec-red-b)}.hd-sec.sec-blue{background:var(--sec-blue);border-color:var(--sec-blue-b)}
.hd-sec.sec-violet{background:var(--sec-violet);border-color:var(--sec-violet-b)}.hd-sec.sec-green{background:var(--sec-green);border-color:var(--sec-green-b)}
.hd-sec.sec-cream{background:#fffaf0;border-color:#f6e3b4}
.hd-empty{font-size:13px;padding:6px 2px}
/* Manager Needed nested cards */
.hd-mns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.hd-mn{background:var(--surface);border:1px solid var(--sec-red-b);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:9px;min-width:0;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.hd-mt{display:flex;align-items:center;gap:6px;min-width:0}
.hd-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:7px;background:var(--danger-soft);color:var(--danger-t);white-space:nowrap}
.hd-pill .i{width:13px;height:13px}.hd-pill.p-tutor-risk{background:var(--warning-soft);color:var(--warning-t)}.hd-pill.p-aware,.hd-pill.p-decision{background:var(--violet-soft);color:var(--violet-t)}
.hd-when{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.hd-when.bad{color:var(--danger-t);font-weight:700}.hd-when .i{width:14px;height:14px}
.hd-mw{display:flex;gap:10px;align-items:flex-start;color:var(--text);text-decoration:none;min-width:0}.hd-mw:hover{text-decoration:none}.hd-mw:hover b{text-decoration:underline}
.hd-mw .el-t b{font-size:14.5px}.hd-mw .el-t small{display:block;font-size:12.5px;color:var(--text-2);line-height:1.35}
.hd-chips{display:flex;flex-wrap:wrap;gap:5px}.hd-chips .jchip{font-size:11.5px}
.hd-btns{display:flex;gap:6px;align-items:stretch;margin-top:auto}.hd-btns>.btn,.hd-btns>.callgrp{flex:1;justify-content:center;font-size:13px;min-width:0}
.hd-btns .callgrp{display:flex}.hd-btns .callgrp>a{flex:1;justify-content:center}.hd-p{font-weight:650}
.hd-more{position:relative;flex:none}.hd-more>summary{list-style:none;padding:0 10px;height:100%;display:flex;align-items:center}.hd-more>summary::-webkit-details-marker{display:none}
.hd-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.16);padding:6px;min-width:200px;display:flex;flex-direction:column}
.hd-menu>a,.hd-menu>button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text);background:none;border:0;text-align:left;min-height:0;box-shadow:none;font-weight:500;text-decoration:none}
.hd-menu>a:hover,.hd-menu>button:hover{background:var(--surface-2)}.hd-menu .i{width:15px;height:15px;color:var(--muted)}
/* Waiting mini-cards */
.hd-ws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hd-w{background:var(--surface);border:1px solid var(--sec-blue-b);border-radius:14px;padding:11px;display:flex;flex-wrap:wrap;gap:9px;align-items:flex-start;min-width:0}
.hd-w .el-t{min-width:0;flex:1}.hd-w .el-t b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.hd-w .el-t small{display:block;font-size:12px;color:var(--muted)}.hd-w small.bad{color:var(--danger-t);font-weight:650}
.hd-wb{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}.hd-wb .btn{padding-inline:16px}
/* sessions */
.hd-sess{padding:14px 16px}#hSess{display:flex;flex-direction:column;gap:8px}
.hd-s{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none}.hd-s:hover{text-decoration:none;border-color:var(--border-strong);background:var(--surface-2)}
.hd-si{width:30px;height:30px;border-radius:9px;background:var(--info-soft);color:var(--info);display:inline-flex;align-items:center;justify-content:center;flex:none}.hd-si .i{width:15px;height:15px}
.hd-st{width:74px;flex:none;color:var(--info-t);font-size:13.5px}.hd-s .el-t{flex:1;min-width:0}.hd-s .el-t b{font-size:13.5px}.hd-s .el-t small{font-size:12px;color:var(--muted)}.hd-sp{margin-left:6px}.hd-s>.i:last-child{color:var(--faint)}
/* Ella Today */
.hd-on{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#15803d;background:#e8f8ee;border-radius:99px;padding:3px 9px}.hd-on i{width:7px;height:7px;border-radius:50%;background:#22c55e}
.hd-on.warn{color:#b45309;background:#fff6e0}.hd-on.warn i{background:#f59e0b}
.hd-ec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--sec-violet-b);border-radius:12px;margin-bottom:12px}
.hd-ec a{padding:10px 12px;border-left:1px solid var(--sec-violet-b);color:var(--text);text-decoration:none}.hd-ec a:first-child{border-left:0}.hd-ec a:hover{background:var(--surface-2);text-decoration:none}
.hd-ec b{display:block;font-size:20px}.hd-ec small{font-size:11.5px;color:var(--muted);line-height:1.25;display:block}.hd-ec a.bad b{color:var(--danger-t)}
.hd-eh{font-weight:650;font-size:13.5px;margin-bottom:6px}.hd-ek{font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:8px 0 6px}
.hd-ea{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--sec-violet-b);border-radius:12px;padding:8px 10px;margin-bottom:6px;color:var(--text);text-decoration:none}.hd-ea:hover{text-decoration:none;border-color:#cbb8f6}
.hd-ea .cbadge{width:28px;height:28px}.hd-ea .el-t{flex:1;min-width:0}.hd-ea .el-t b{font-size:13px;font-weight:600}.hd-ea .el-t small{font-size:11.5px;color:var(--muted)}.hd-ea .spill,.hd-er .spill{white-space:nowrap;font-size:11px}
.hd-er{display:flex;align-items:center;gap:10px;padding:6px 2px;border-bottom:1px solid var(--sec-violet-b);font-size:12.5px;color:var(--text);text-decoration:none}.hd-er:last-child{border-bottom:0}.hd-er:hover{text-decoration:none;background:rgba(255,255,255,.6)}
.hd-et{width:58px;flex:none;color:var(--muted);font-size:12px}.hd-ex{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* calls + system */
.hd-calls{padding:14px 16px}.hd-c{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.hd-c:first-of-type{border-top:0}
.hd-c .el-t{flex:1;min-width:0;color:var(--text);text-decoration:none}.hd-c .el-t b{font-size:13px;display:block}.hd-c .el-t small{font-size:12px;color:var(--muted)}.hd-c .callgrp{flex:none}
.hd-sy{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--sec-green-b);border-radius:12px;padding:10px 12px}
.hd-ok{width:34px;height:34px;border-radius:50%;background:#22c55e;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.hd-ok.warn{background:#f59e0b}.hd-ok .i{width:18px;height:18px}
.hd-sy b{color:#15803d;font-size:14px}.hd-sy small{display:block;font-size:12px;color:var(--muted)}
@media (max-width:1180px){.hd-ws{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
[data-theme=dark] .hd{--sec-red:rgba(239,68,68,.07);--sec-red-b:rgba(239,68,68,.25);--sec-blue:rgba(59,130,246,.07);--sec-blue-b:rgba(59,130,246,.25);--sec-violet:rgba(139,92,246,.08);--sec-violet-b:rgba(139,92,246,.28);--sec-green:rgba(34,197,94,.07);--sec-green-b:rgba(34,197,94,.25)}
[data-theme=dark] .hd-on{background:rgba(34,197,94,.14)}
/* phone Home: same nested-card treatment for Manager Needed */
@media (max-width:860px){.home .h-mn{background:#fff5f5;border-color:#fbd5d5}.home .h-mn .aline{background:var(--surface);border:1px solid #fbd5d5;border-radius:12px;padding:10px;margin-top:8px}
  .home .h-mn .aline+.aline{border-top:1px solid #fbd5d5}[data-theme=dark] .home .h-mn{background:rgba(239,68,68,.07)}}
.hd-btns{flex-wrap:nowrap;min-width:0}.hd-btns .callgrp{min-width:0}.hd-btns .callgrp>a{min-width:0;white-space:nowrap;overflow:hidden}
.hd .btn.hd-p,.hd .hd-pg>a.btn{background:var(--primary);border-color:var(--primary);color:#fff}.hd .btn.hd-p:hover{background:var(--primary-h)}
.hd .hd-pg>a.btn{background:#16a34a;border-color:#16a34a}.hd .hd-pg>a.btn:hover{background:#15803d}.hd .hd-pg>.callmore{background:#16a34a;border-color:#16a34a;color:#fff}
.hd-ella .hd-sh>b{white-space:nowrap}.hd-on{white-space:nowrap;font-size:11.5px;padding:2px 8px}
.hd .hd-pg>.callmore{display:none}.hd .hd-pg>a.btn{border-radius:10px}
.hd-ella .hd-sh{flex-wrap:nowrap}.hd-ella .hd-sh .btn.sm{padding:5px 9px;white-space:nowrap}
/* flagged tutor case box */
.ft{padding:14px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px;border-color:#f6e3b4}
.ft-h,.ft-rec,.ft-sh{display:flex;align-items:center;gap:10px}.ft-h .el-t,.ft-rec .el-t,.ft-sh .el-t{flex:1;min-width:0}.ft-h .el-t b{font-size:15px}.ft .el-t small{display:block;color:var(--muted);font-size:12.5px}
.ft-inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ft-inc li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.ft-inc li small{flex-basis:100%;color:var(--muted);font-size:12px}
.ft-rec{background:var(--violet-soft);border:1px solid #e4dafb;border-radius:12px;padding:10px 12px}.ft-rec b{font-size:13.5px}
.ft .ux-h{margin:4px 0 0}
.ft-s{border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}.ft-s.kept{opacity:.75}
.ft-r{display:flex;gap:10px;font-size:13px;align-items:baseline}.ft-r>span:first-child{width:120px;flex:none;color:var(--muted)}.ft-rep{display:flex;flex-direction:column;gap:3px}.ft-rep small{color:var(--muted);font-size:12px}
.ft-rep .spill{width:max-content}.ft-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ft-ok{flex-direction:row;align-items:center;gap:10px;color:#15803d}.ft-ok small{display:block;color:var(--muted)}
@media (max-width:860px){.ft-r{flex-direction:column;gap:2px}.ft-acts>*{flex:1 1 45%}}
/* ticket header v2 (Tamra 2026-10-04) */
.tk-head{display:flex;flex-direction:column;gap:10px}.tk-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tkp{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:8px;background:var(--neutral-soft);color:var(--muted)}
.tkp.t-red{background:var(--danger-soft);color:var(--danger-t)}.tkp.t-amber{background:var(--warning-soft);color:var(--warning-t)}.tkp.t-blue{background:var(--info-soft);color:var(--info-t)}.tkp.t-violet{background:var(--violet-soft);color:var(--violet-t)}
.tk-ref{font-size:12.5px;margin-bottom:-6px}.tk-who{font-size:14px;color:var(--text-2)}
.tk-why{display:flex;flex-direction:column;gap:2px;background:var(--danger-soft);border-radius:12px;padding:9px 12px}.tk-why span{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--danger-t)}.tk-why b{font-size:14px;font-weight:600}
.tk-over{display:inline-flex;gap:6px;align-items:center;color:var(--danger-t);font-weight:700;font-size:13.5px}.tk-over .i{width:15px;height:15px}
.tk-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tk-btns .tk-prim,.tk-btns .callgrp .tk-prim{font-size:15px;padding:11px 20px;font-weight:700}
.tk-btns .callgrp>a.tk-prim{background:#16a34a;border-color:#16a34a;color:#fff}.tk-btns a.btn.tk-prim:not(.sec):not(.ok){background:var(--primary);border-color:var(--primary);color:#fff}
.tk-more .hd-menu{bottom:auto;top:calc(100% + 6px);left:0;right:auto}
.tk-life{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}.tk-life .stage{margin:0}
.tk-own{font-size:13px;color:var(--muted)}.tk-own b{color:var(--text)}.tk-own.t-red b{color:var(--danger-t)}.tk-own.t-violet b{color:var(--violet-t)}.tk-own.t-blue b{color:var(--info-t)}.tk-own.t-amber b{color:var(--warning-t)}
.tcard{width:340px}.tc-btns{flex-wrap:wrap}.tc-btns>*{flex:1 1 0;min-width:0;white-space:nowrap;padding:8px 6px;justify-content:center}
.tr-t{align-items:flex-start;text-align:left}.tr-t .tnm{text-align:left}
/* Escalation cards, plain fast-food format (escsum.py; Tamra 2026-10-04 ~18:10) */
.esc2{padding:16px 18px;border-left:4px solid var(--border)}.esc2.esc2-high,.esc2.esc2-critical{border-left-color:#e5484d}.esc2.esc2-medium{border-left-color:#f5a524}
.esc2-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.esc2-st{color:var(--muted);font-weight:500}
.esc2-own{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-weight:500}.esc2-own.un{color:#b54708;background:#fff4e5;border-radius:999px;padding:2px 9px}
.esc2-t{font-size:17px;line-height:1.3;margin:10px 0 4px;font-weight:650}.esc2-c .esc2-t{font-size:15px}
.esc2-why{margin:0 0 6px;color:var(--text);font-size:14px}.esc2-why b{font-weight:600}
.esc2-b{margin:4px 0 8px;padding-left:20px;font-size:13.5px;color:var(--text)}.esc2-b li{margin:2px 0}
.esc2-next{display:flex;gap:8px;align-items:flex-start;background:#eef4ff;color:#1d3f8f;border-radius:10px;padding:9px 12px;font-size:14px;margin:8px 0}.esc2-next .i{width:16px;height:16px;flex:none;margin-top:2px}
.esc2-meta{color:var(--muted);font-size:12px;margin-top:6px}.esc2-meta a{color:inherit;text-decoration:underline}
.esc2-note{display:flex;gap:6px;align-items:flex-start;font-size:13px;margin-top:6px}
.esc-raw{display:none;margin-top:8px;font-size:12.5px}body.hx-tech-on .esc-raw{display:block}.esc-raw>summary{cursor:pointer;color:var(--muted)}
.esc-rawb{white-space:pre-wrap;background:var(--surface-2);border-radius:8px;padding:10px;margin-top:6px;color:var(--muted)}
.esc2-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.esc2-more .hd-menu{right:0;left:auto;min-width:220px}.esc2-pri{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-size:13px}
.esc2-bar{margin-bottom:12px;align-items:center}.esc2-bar .tabs{margin:0}
.card .esc2{box-shadow:none;border:1px solid var(--border);border-left-width:4px;margin:8px 0}
@media (max-width:600px){.esc2{padding:14px}.esc2-t{font-size:16px}.esc2-foot>.spacer{display:none}.esc2-foot .ok{width:100%;justify-content:center}}
/* Dynamic makeup times (Tamra 2026-10-04) */
.mk-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.mk-chip{font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 9px;white-space:nowrap}
.mk-chip.taken{text-decoration:line-through;color:var(--muted)}
.mk-live{display:block;margin-top:6px;font-size:12px;color:var(--muted);line-height:1.4}
.mk-chk{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mk-chk svg{width:13px;height:13px}.mk-chk b{color:var(--text-2);font-weight:600}
.mk-upd{display:flex;gap:5px;align-items:flex-start;margin-top:4px;color:var(--text-2);background:var(--surface);border-radius:8px;padding:5px 8px}.mk-upd svg{width:13px;height:13px;flex:none;margin-top:2px}
.mk-block{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;color:var(--warning-t);font-size:12.5px}.mk-block svg{width:14px;height:14px;flex:none}
.ux-tile.taken{opacity:.6}.ux-tile.taken b{text-decoration:line-through}
.mk-modal{margin:0 0 10px}.mk-modal .ux-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.mk-picks{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto}
.mk-pick{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer}
.mk-pick span{display:flex;flex-direction:column}.mk-pick small{color:var(--muted);font-size:12px}.mk-pick input{margin-top:3px}
.ux-bh{flex-wrap:wrap}.ux-bh b{white-space:nowrap}
/* ---- Ella activity grouped by case (Tamra 2026-10-04 ~23:00): one row per case, expand for its items ---- */
.ea-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.ea-bar .tabs{margin-bottom:0}
.ea-tabs button em{font-style:normal;font-weight:700;margin-left:4px;background:var(--neutral-soft);border-radius:999px;padding:0 7px;font-size:11.5px}
.ea-tabs button.on em{background:var(--violet-soft);color:var(--violet-t)}
.ea-search{display:flex;align-items:center;gap:6px;flex:1;min-width:200px;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 10px}
.ea-search .i{width:15px;height:15px;color:var(--muted)}.ea-search input{border:0;outline:0;background:transparent;flex:1;padding:8px 0;min-width:0;box-shadow:none}
.ea-sum{font-size:12.5px;margin:2px 2px 10px}
.ea-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;overflow:hidden}
.ea-row.st-human{border-left:3px solid var(--violet-t)}.ea-row.st-approval{border-left:3px solid var(--warning-t)}.ea-row.st-ai{border-left:3px solid #a78bfa}.ea-row.st-waiting{border-left:3px solid var(--info-t)}
.ea-row>summary{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.ea-row>summary::-webkit-details-marker{display:none}
.ea-row>summary:hover{background:var(--surface-2)}
.ea-row .cbadge{width:30px;height:30px;flex-shrink:0}.ea-row .el-t{flex:1;min-width:0}.ea-row .el-t b{font-size:13.5px;font-weight:650;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ea-row .el-t small{font-size:12px;color:var(--muted);display:block}
.ea-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.ea-side small{font-size:11px;color:var(--muted)}.ea-side .spill{font-size:11px}
.ea-chev{width:16px;height:16px;color:var(--muted);transition:transform .15s;flex-shrink:0}details[open]>summary .ea-chev{transform:rotate(180deg)}
.ea-items{border-top:1px solid var(--border);padding:6px 12px 10px 52px;background:var(--surface-2)}
.ea-i{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--border);color:var(--text);text-decoration:none;font-size:12.5px}.ea-i:hover{text-decoration:none;color:var(--violet-t)}
.ea-i .ea-x{flex:1;min-width:0}.ea-i small{color:var(--muted);font-size:11px;white-space:nowrap}.ea-i .spill{font-size:10.5px;padding:2px 8px}
.ea-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.ea-dot.t-violet{background:var(--violet-t)}.ea-dot.t-amber{background:var(--warning-t)}.ea-dot.t-red{background:var(--danger-t)}.ea-dot.t-blue{background:var(--info-t)}.ea-dot.t-green{background:var(--success-t)}
.ea-acts{display:flex;align-items:center;gap:8px;padding-top:8px;font-size:12px}.ea-acts .muted{overflow:hidden;text-overflow:ellipsis}
.ea-none{font-size:12.5px;padding:6px 0}
.ea-more{display:block;margin:6px auto 14px}.ea-end{text-align:center;font-size:12px}
.ea-c{margin-bottom:6px;border-color:var(--sec-violet-b,var(--border))}.ea-c>summary{padding:8px 10px}.ea-c .cbadge{width:28px;height:28px}.ea-c .el-t b{font-size:13px}
.ea-c .ea-items{padding-left:12px}
.ap-count{font-size:12.5px;margin:0 2px 10px}
.ap-grp{border:1px solid var(--border);border-radius:14px;margin-bottom:14px;background:var(--surface-2);padding:0 10px 4px}
.ap-gh{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;list-style:none}.ap-gh::-webkit-details-marker{display:none}.ap-gh .el-t{flex:1;min-width:0}.ap-gh .el-t small{display:block;color:var(--muted);font-size:12px}
@media (max-width:860px){.ea-search{max-width:none;min-width:100%}.ea-items{padding-left:12px}.ea-i{flex-wrap:wrap}.ea-i .ea-x{flex-basis:calc(100% - 20px)}.ea-row .el-t small{white-space:normal}}