:root{--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-half: 4px;--tap-min: 48px;--tap-primary: 64px;--topbar-h: 64px;--bottombar-h: 72px;--radius: 12px;--radius-pill: 999px;--fs-caption: .778rem;--fs-body: 1rem;--fs-subhead: 1.222rem;--fs-title: 1.556rem;--fs-hero: 2rem;--lh: 1.4;--lh-vi: 1.6;--bg: #f1f3f6;--card: #ffffff;--line: #cbd2dc;--text: #14181d;--muted: #4b5563;--accent: #1d4ed8;--accent-ink: #ffffff;--scrim: rgba(15, 23, 42, .5);--panel: #eceff3;--divider-bg: #e0e7ff;--divider-ink: #1e3a8a;--st-ringing: #1d4ed8;--st-ringing-bg: #dbeafe;--st-answered: #15803d;--st-answered-bg: #dcfce7;--st-missed: #b45309;--st-missed-bg: #fef3c7;--st-abandoned: #b91c1c;--st-abandoned-bg: #fee2e2;--st-unknown: #475569;--st-unknown-bg: #e2e8f0;--ok: #15803d;--err: #b91c1c;--dur: .18s;--ease: cubic-bezier(.2, 0, .2, 1)}:root[data-theme=dark]{--bg: #0f141a;--card: #1a212b;--line: #333c48;--text: #eef2f7;--muted: #a8b2c0;--accent: #6f9dff;--accent-ink: #0b1017;--scrim: rgba(0, 0, 0, .6);--panel: #222b36;--divider-bg: #26324e;--divider-ink: #c7d2fe;--st-ringing: #93b4ff;--st-ringing-bg: #1e304f;--st-answered: #6fd694;--st-answered-bg: #14351f;--st-missed: #f0b95a;--st-missed-bg: #3a2c0f;--st-abandoned: #f2837e;--st-abandoned-bg: #3d1616;--st-unknown: #aab6c4;--st-unknown-bg: #2a333f;--ok: #6fd694;--err: #f2837e}@media (prefers-reduced-motion: reduce){:root{--dur: 0ms}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html{font-size:18px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--fs-body);line-height:var(--lh);color:var(--text);background:var(--bg);overflow:hidden}:lang(vi) body{line-height:var(--lh-vi)}.boot{padding:var(--space-3);color:var(--muted);font-size:var(--fs-subhead)}.boot-err{color:var(--err)}.app{display:grid;grid-template-rows:var(--topbar-h) 1fr var(--bottombar-h);height:100vh;height:100dvh;max-width:960px;margin:0 auto;background:var(--bg)}.content{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-2);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.topbar{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);padding-top:env(safe-area-inset-top,0px);background:var(--card);border-bottom:1px solid var(--line)}.topbar-center{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.topbar-title{margin:0;font-size:var(--fs-subhead);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-home .icon-btn-label{font-size:var(--fs-caption)}.conn-dot{width:12px;height:12px;border-radius:var(--radius-pill);display:inline-block;flex:none}.conn-on{background:var(--st-answered)}.conn-off{background:var(--st-missed)}.attendant-chip{display:inline-flex;align-items:center;gap:var(--space-half);min-height:var(--tap-min);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card);color:var(--text);font-size:var(--fs-body);cursor:pointer}.attendant-chip-name{max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottombar{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.muted{color:var(--muted)}.big-muted{font-size:var(--fs-subhead);padding:var(--space-3) 0;text-align:center}.hub-section{margin-bottom:var(--space-3)}.section-head{margin:0 0 var(--space-1);font-size:var(--fs-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.focus-view{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:820px;margin:0 auto}@media (min-width: 820px){.app{max-width:1200px}.content{padding:var(--space-3)}}@media (orientation: landscape) and (min-width: 720px),(min-width: 1100px){.hub{display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;gap:var(--space-3);align-items:start}.activity-panel{margin-bottom:0}}@media (orientation: landscape) and (min-width: 900px){.app{max-width:none}}@media (min-width: 1200px){html{font-size:20px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--tap-primary);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);padding:0 var(--space-2);font-size:var(--fs-body);font-weight:600;cursor:pointer;text-decoration:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--accent)}.btn-block,.btn-wide{width:100%}.icon-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-half);border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:var(--radius);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.icon-btn:active{transform:scale(.96)}.icon-btn.is-active{color:var(--accent)}.icon-btn-label{font-size:var(--fs-caption);line-height:1.1}.navbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap-primary);border:none;background:transparent;color:var(--muted);font-size:var(--fs-caption);cursor:pointer;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}.navbtn:active{transform:scale(.97)}.navbtn.is-active{color:var(--accent);font-weight:700}.navbtn-primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.navbtn-primary:disabled{opacity:.5}.navbtn-empty{background:transparent}.badge{display:inline-flex;align-items:center;gap:var(--space-half);border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--fs-caption);font-weight:700}.status{display:inline-flex;align-items:center;gap:var(--space-half);font-size:var(--fs-body);font-weight:700}.badge-ringing,.status-ringing{color:var(--st-ringing)}.badge-ringing{background:var(--st-ringing-bg)}.badge-answered,.status-answered{color:var(--st-answered)}.badge-answered{background:var(--st-answered-bg)}.badge-missed,.status-missed{color:var(--st-missed)}.badge-missed{background:var(--st-missed-bg)}.badge-abandoned,.status-abandoned{color:var(--st-abandoned)}.badge-abandoned{background:var(--st-abandoned-bg)}.badge-unknown,.status-unknown{color:var(--st-unknown)}.badge-unknown{background:var(--st-unknown-bg)}.card-list{display:flex;flex-direction:column;gap:var(--space-1)}.card{display:flex;flex-direction:column;gap:var(--space-half);width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2);min-height:var(--tap-min);cursor:pointer;color:var(--text);transition:transform var(--dur) var(--ease)}.card:active{transform:scale(.995)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.card-when{color:var(--muted);font-size:var(--fs-caption)}.card-name{font-size:var(--fs-subhead);font-weight:700}.card-number{color:var(--muted);font-size:var(--fs-body)}.card-meta{color:var(--muted);font-size:var(--fs-caption)}.card-cols{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.card-left{display:flex;flex-direction:column;gap:var(--space-half);min-width:0}.card-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;flex-shrink:0}.card-context,.card-where{color:var(--muted);font-size:var(--fs-caption)}.card-onfile{margin:0;color:var(--muted);font-size:var(--fs-caption)}.callback-flag{align-self:flex-start;display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:4px 12px;margin-bottom:var(--space-half);font-size:var(--fs-caption);font-weight:800;color:var(--st-missed);background:var(--st-missed-bg);border:1px solid var(--st-missed)}.callback-flag-manager{color:var(--st-abandoned);background:var(--st-abandoned-bg);border-color:var(--st-abandoned)}.returning-flag{align-self:flex-start;display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:4px 12px;margin-bottom:var(--space-half);font-size:var(--fs-caption);font-weight:800;color:#7a5200;background:#ffe6a1;border:1px solid #d9a400}.card-returning{color:#b07a00;font-weight:600}.card-sameday{color:var(--accent);font-weight:700;font-size:var(--fs-caption)}.guide-sheet{max-width:520px}.guide-body{padding:var(--space-3) var(--space-2);min-height:120px;display:flex;align-items:center}.guide-text{margin:0;font-size:var(--fs-subhead);line-height:1.4}.guide-actions{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}.guide-actions .btn-wide{flex:1}.minors-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.minors-count{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700}.minors-dec{min-width:var(--tap-min);min-height:var(--tap-min)}.speed-dials{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-2)}.speed-dial-btn{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-min)}.flag-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-pill);padding:3px 10px;margin-bottom:var(--space-half);margin-right:var(--space-half);font-size:var(--fs-caption);font-weight:700;color:var(--text);background:var(--card);border:1px solid var(--line)}.flag-pill.flag-strong,.flag-pill.flag-blocked{color:var(--st-abandoned);background:var(--st-abandoned-bg);border-color:var(--st-abandoned)}.card-blocked{opacity:.55}.detail-flags{display:flex;flex-wrap:wrap;gap:var(--space-half)}.handling-banner{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border-radius:var(--radius);background:#78aaff24;border:1px solid var(--line);border-left:4px solid var(--accent)}.handling-banner-label{font-size:var(--fs-body);color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.handling-banner-text{margin:0;font-size:var(--fs-subhead);white-space:pre-wrap;word-break:break-word}.handling-banner-owner{margin:0;font-size:var(--fs-body)}.profile-editor{display:flex;flex-direction:column;gap:var(--space-2)}.owner-picker{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fs-body);color:var(--muted)}.owner-picker select{min-height:var(--tap-min);font-size:var(--fs-body);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--text)}.screen-id{font-size:var(--fs-caption);font-weight:700;color:#1a8f3c;letter-spacing:.06em;margin-left:6px;vertical-align:middle}.card-iid{font-variant-numeric:tabular-nums;opacity:.85}.card-ringing{border-color:var(--st-ringing);box-shadow:0 2px 10px #1d4ed840;animation:ringing-pulse 1.6s var(--ease) infinite}.card-name-hero{font-size:var(--fs-hero);font-weight:800}@keyframes ringing-pulse{0%,to{opacity:1}50%{opacity:.72}}.customer-card .customer-icon{color:var(--accent)}.detail-name{margin:0;font-size:var(--fs-title);font-weight:800}.detail-name-row{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.detail-name-row .detail-name{flex:1 1 auto;min-width:0}.detail-name-action{color:var(--muted);flex:0 0 auto}.detail-name-action.has-note{color:var(--accent)}.customer-note{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--note-bg, rgba(255, 214, 102, .16));border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius)}.customer-note-label{font-size:var(--fs-body);color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.customer-note-text{margin:0;font-size:var(--fs-subhead);white-space:pre-wrap;word-break:break-word}.customer-note-edit{display:flex;flex-direction:column;gap:var(--space-2)}.note-textarea{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-subhead);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--text);resize:vertical}.note-edit-actions{display:flex;gap:var(--space-2)}.card-hasnote{color:var(--accent)}.issue-form{display:flex;flex-direction:column;gap:var(--space-2)}.issue-ack{padding:var(--space-2);border-radius:var(--radius);font-weight:700;color:var(--st-missed);background:var(--st-missed-bg);border:1px solid var(--st-missed);text-align:center}.engaged-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius);font-size:var(--fs-subhead);font-weight:800;color:var(--accent-ink);background:var(--accent)}.hub-engaged{outline:4px solid var(--accent);outline-offset:-4px;border-radius:var(--radius)}.detail-number{margin:0;color:var(--muted);font-size:var(--fs-subhead)}.detail-number-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.btn-callback{display:inline-flex;align-items:center;gap:var(--space-2);min-height:64px;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius);text-align:left}.btn-callback-label{display:flex;flex-direction:column;line-height:1.15}.btn-callback-main{font-size:var(--fs-subhead);font-weight:700}.btn-callback-sub{font-size:var(--fs-caption);opacity:.9}.detail-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.detail-when,.detail-meta{color:var(--muted);font-size:var(--fs-body)}.detail-rule{border:none;border-top:1px solid var(--line);margin:var(--space-1) 0}.search-bar{display:flex;align-items:center;gap:var(--space-1)}.search-input{flex:1;min-height:var(--tap-primary);padding:0 var(--space-2);border:2px solid var(--accent);border-radius:var(--radius);font-size:var(--fs-subhead);background:var(--card);color:var(--text)}.scope-chips{display:flex;gap:var(--space-1);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--space-half);min-height:var(--tap-min);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card);color:var(--text);font-size:var(--fs-body);cursor:pointer}.chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip-toggle{align-self:flex-start}.history-search{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.context-chips{display:flex;gap:var(--space-1);flex-wrap:wrap}.chip-context{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip-toggle.is-open svg{transform:rotate(180deg);transition:transform var(--dur) var(--ease)}.filter-note{margin:0;color:var(--muted);font-size:var(--fs-body)}.adv-panel{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.adv-group{display:flex;flex-direction:column;gap:var(--space-half)}.adv-label{color:var(--muted);font-size:var(--fs-body);font-weight:700}.chip-clear-all{align-self:flex-start}.search-guide-text{margin-top:var(--space-2);line-height:1.4}.filters{display:flex;gap:var(--space-2);align-items:flex-end;flex-wrap:wrap}.filters label{display:inline-flex;flex-direction:column;gap:var(--space-half);font-size:var(--fs-caption);color:var(--muted)}.filters input,.filters select,.inline-form input,.modal input,.modal select{min-height:var(--tap-min);padding:0 var(--space-1);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--fs-body);background:var(--card);color:var(--text)}.inline-form{display:flex;gap:var(--space-1);align-items:center;flex-wrap:wrap}.drawer-scrim{position:fixed;inset:0;background:var(--scrim);z-index:40;animation:fade-in var(--dur) var(--ease)}.drawer{position:absolute;top:0;right:0;height:100%;width:min(360px,88vw);background:var(--card);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px));animation:slide-in-right var(--dur) var(--ease)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:var(--fs-subhead);font-weight:700}.drawer-station{display:flex;flex-direction:column;padding:var(--space-1) 0;border-bottom:1px solid var(--line)}.drawer-station-label{font-size:var(--fs-subhead);font-weight:700}.drawer-station-salon{color:var(--muted);font-size:var(--fs-caption)}.drawer-item{display:flex;align-items:center;gap:var(--space-1);min-height:var(--tap-primary);padding:0 var(--space-1);border:none;background:transparent;color:var(--text);font-size:var(--fs-body);text-decoration:none;cursor:pointer;border-radius:var(--radius);text-align:left}.drawer-item:active{background:var(--bg)}.drawer-section{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0;border-bottom:1px solid var(--line)}.drawer-section-title{font-size:var(--fs-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.drawer-field-label{font-size:var(--fs-caption);color:var(--muted)}.seg{display:flex;gap:var(--space-half)}.seg-btn{flex:1;min-height:var(--tap-min);padding:0 var(--space-1);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--text);font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.seg-btn:active{transform:scale(.97)}.seg-btn.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.drawer-status{display:flex;align-items:center;gap:var(--space-half);margin-top:auto;color:var(--muted);font-size:var(--fs-caption)}.drawer-about{color:var(--muted);font-size:var(--fs-caption)}.sheet-scrim{position:fixed;inset:0;background:var(--scrim);z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--dur) var(--ease)}.sheet{width:min(520px,100%);background:var(--card);border-radius:var(--radius) var(--radius) 0 0;padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));animation:slide-in-up var(--dur) var(--ease)}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.sheet-title{font-size:var(--fs-subhead);font-weight:700}.sheet-list{display:flex;flex-direction:column;gap:var(--space-half);max-height:60vh;overflow-y:auto}.sheet-item{min-height:var(--tap-primary);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--text);font-size:var(--fs-subhead);text-align:left;padding:0 var(--space-2);cursor:pointer}.sheet-item.is-active{border-color:var(--accent);color:var(--accent);font-weight:700}.sheet-item-lang{display:flex;align-items:center;gap:var(--space-2)}.sheet-item-lang .flag-emoji{font-size:1.9em;line-height:1}.sheet-item-lang .lang-native{font-weight:600}.sheet-item-lang .lang-en{margin-left:auto;color:var(--muted);font-size:var(--fs-body)}.flag-emoji{font-size:26px;line-height:1;font-family:Twemoji Mozilla,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}.navbtn-lang .flag-emoji{font-size:24px}.diag-page{height:100vh;height:100dvh;max-width:960px;margin:0 auto;overflow-y:auto;padding:var(--space-2);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--bg)}.diag-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.diag-page-title{margin:0;font-size:var(--fs-subhead);font-weight:700}.diag-close{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-min)}.diag-note{margin-top:var(--space-2)}.diag-email{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.diag-sent-block{display:flex;flex-direction:column;gap:var(--space-1);align-items:center;text-align:center}.diag-sent-ack{font-weight:800;font-size:var(--fs-subhead);color:var(--ok)}.diag-home{margin-top:var(--space-2);min-height:var(--tap-primary);font-size:var(--fs-subhead);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.diag-appline{font-weight:800;font-size:var(--fs-subhead)}.diag-list{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.diag-row{display:flex;flex-direction:column;gap:var(--space-half)}.diag-label{color:var(--muted);font-size:var(--fs-caption)}.diag-value{font-size:var(--fs-body);font-weight:600;word-break:break-word}.modal-backdrop{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--card);border-radius:var(--radius);padding:var(--space-3);width:min(420px,92vw);display:flex;flex-direction:column;gap:var(--space-2)}.modal h3{margin:0;font-size:var(--fs-subhead)}.modal label{display:flex;flex-direction:column;gap:var(--space-half);font-size:var(--fs-caption);color:var(--muted)}.modal-actions{display:flex;gap:var(--space-1);justify-content:flex-end}.admin{max-width:960px;margin:0 auto}.admin-login{display:flex;justify-content:center;padding-top:var(--space-4)}.admin-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-half)}.admin-list li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-1)}.iid{font-family:ui-monospace,monospace;font-size:var(--fs-caption);background:var(--bg);padding:2px 6px;border-radius:6px}.tabs{display:flex;gap:var(--space-half);padding:var(--space-1) var(--space-2) 0;background:var(--card);border-bottom:1px solid var(--line)}.tab{border:none;background:transparent;min-height:var(--tap-min);padding:0 var(--space-2);font-size:var(--fs-body);border-bottom:3px solid transparent;cursor:pointer;color:var(--muted)}.tab-active{color:var(--text);border-bottom-color:var(--accent);font-weight:700}.tab-body{padding:var(--space-2)}.station-label{font-weight:700;font-size:var(--fs-subhead)}.spacer{flex:1}.toast-stack{position:fixed;bottom:calc(var(--bottombar-h) + var(--space-2));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-1);z-index:60}.toast{padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:#fff;font-size:var(--fs-body);box-shadow:0 2px 8px #0003}.toast-ok{background:var(--ok)}.toast-err{background:var(--err)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.db-mark{display:inline-flex;align-items:center;vertical-align:middle;margin-right:6px;color:var(--muted)}.db-mark svg{display:block}.activity-panel{background:var(--panel, #eceff3);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2);min-height:190px;display:flex;flex-direction:column;justify-content:center;position:sticky;top:0;z-index:5;margin-bottom:var(--space-2)}.standby{text-align:center;padding:var(--space-1) 0}.standby-diag{display:flex;align-items:center;justify-content:center;gap:var(--space-half);margin-bottom:var(--space-1)}.standby-version{color:var(--muted);font-size:var(--fs-caption)}.standby-clock{font-size:46px;font-weight:800;line-height:1.05}.standby-date{color:var(--muted);font-size:var(--fs-subhead);margin-top:4px}.standby-status{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-weight:800;font-size:var(--fs-title)}.standby-status.ok{color:var(--st-answered)}.standby-status.bad{color:var(--muted)}.standby-status svg{display:block}.standby-status-word{line-height:1}.standby-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-half) var(--space-1);margin-top:var(--space-2);font-size:var(--fs-subhead);font-weight:600;color:var(--text)}.standby-stats-label{text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-caption);color:var(--muted)}.standby-stats-sep{color:var(--muted)}.standby-stats-empty{color:var(--muted);font-weight:400}.stat-answered{color:var(--st-answered)}.stat-missed{color:var(--st-missed)}.returning-banner{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);color:#7a5200;background:#ffe6a1;border:2px solid #d9a400}.returning-banner-title{font-size:var(--fs-subhead);font-weight:800}.returning-banner-sub{font-size:var(--fs-body);font-weight:600}.callback-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);color:var(--st-missed);background:var(--st-missed-bg);border:2px solid var(--st-missed)}.callback-banner-manager{color:var(--st-abandoned);background:var(--st-abandoned-bg);border-color:var(--st-abandoned)}.callback-banner-text{font-size:var(--fs-subhead);font-weight:800}.btn-callback-done{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-primary);padding:0 var(--space-2);border:none;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-body);font-weight:700;cursor:pointer}.btn-callback-done:active{transform:scale(.98)}.outcome-section{display:flex;flex-direction:column;gap:var(--space-1)}.outcome-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.outcome-chip{font-weight:600}.outcome-bank{margin-top:var(--space-2)}.section-head-sub{margin-top:var(--space-1);font-size:var(--fs-caption);color:var(--muted)}.outcome-reason{margin-top:var(--space-1)}.callback-banner-actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.callbacks-view{display:flex;flex-direction:column;gap:var(--space-2)}.callback-list{display:flex;flex-direction:column;gap:var(--space-1)}.callback-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-half)}.empty-state{color:var(--muted);text-align:center;padding:var(--space-3) 0}.hub-see-all{margin-top:var(--space-1)}.standby-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--fs-body);color:var(--muted)}.standby-stat b{font-size:var(--fs-subhead);color:var(--text)}.standby-stat-btn{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:var(--space-1) var(--space-1);min-height:var(--tap-min);border-radius:var(--radius);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.standby-stat-btn:active{transform:scale(.96)}.standby-stat-btn b{text-decoration:underline;text-decoration-color:var(--accent)}.standby-more{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:var(--radius)}.standby-more:active{transform:scale(.94)}.stats-since{padding:0 var(--space-2) var(--space-1);color:var(--muted);font-size:var(--fs-body);font-weight:600}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);padding:var(--space-2)}.stat-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);background:var(--panel, #eceff3);border-radius:var(--radius)}.stat-cell b{font-size:var(--fs-title)}.stat-cell span{color:var(--muted);font-size:var(--fs-caption)}button.stat-cell{border:1px solid transparent;color:inherit;font:inherit;min-height:var(--tap-min);cursor:pointer;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}button.stat-cell:active{transform:scale(.97)}button.stat-cell:hover{border-color:var(--line)}@media (min-width: 820px){.activity-panel{min-height:240px}}@media (orientation: landscape) and (min-width: 720px){.standby-clock{font-size:clamp(52px,9vh,120px)}.standby-date{font-size:var(--fs-title)}}@media (orientation: portrait) and (min-width: 1000px){.standby-clock{font-size:72px}}.card-top-left{display:inline-flex;align-items:center;gap:var(--space-half)}.card-seq{font-weight:800;font-size:var(--fs-body);color:var(--muted);font-variant-numeric:tabular-nums}.day-divider{grid-column:1 / -1;margin:var(--space-2) 0 var(--space-half);padding:var(--space-1) var(--space-2);font-size:var(--fs-subhead);font-weight:800;line-height:1.2;color:var(--divider-ink);background:var(--divider-bg);border-left:5px solid var(--accent);border-radius:var(--radius)}.card-firsttime{font-size:var(--fs-caption);font-weight:800;color:var(--accent)}