:root{--ink:#17241f;--muted:#64716b;--paper:#f5f2e9;--panel:#fffefa;--line:#deded2;--green:#174f3d;--mint:#dcecdf;--coral:#e56f4b;--amber:#f2c76e;--red:#a84435;--shadow:0 18px 55px rgba(35,52,45,.10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(229,111,75,.35);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}a{color:inherit}.muted{color:var(--muted);line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800;color:var(--coral);margin-bottom:.65rem}.eyebrow.light{color:#a9d9c8}.wordmark{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.wordmark-light{color:white}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50% 50% 50% 12%;background:var(--coral);color:white}.brand-mark svg{width:1.15rem;height:1.15rem;display:block}.pulse-dot{width:.55rem;height:.55rem;border-radius:50%;background:#63c293;box-shadow:0 0 0 .25rem rgba(99,194,147,.14);display:inline-block;flex:none}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(380px,.9fr)}.login-story{background:var(--green);color:white;padding:clamp(2rem,6vw,5.5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:32rem;height:32rem;border:1px solid rgba(255,255,255,.12);border-radius:48% 52% 63% 37%;right:-13rem;bottom:-13rem;box-shadow:0 0 0 4rem rgba(255,255,255,.025),0 0 0 9rem rgba(255,255,255,.018)}.login-story h1{font:500 clamp(3rem,6vw,6rem)/.95 Georgia,serif;max-width:11ch;margin-bottom:2rem}.login-story p:not(.eyebrow){font-size:1.12rem;line-height:1.65;color:#d9e9e2;max-width:38rem}.trust-note{display:flex;align-items:center;gap:.8rem;color:#c7dbd2;font-size:.85rem}.login-panel{display:grid;place-items:center;background:#fbfaf5;padding:2rem}.login-form{width:min(100%,26rem)}.login-form h2{font:500 2.4rem/1.1 Georgia,serif;margin-bottom:.75rem}.login-form label,.dialog label{display:grid;gap:.5rem;font-size:.8rem;font-weight:750;margin:1.25rem 0;color:#405048}.login-form input,.dialog select,.dialog textarea{width:100%;border:1px solid var(--line);border-radius:.75rem;padding:.9rem 1rem;background:white;color:var(--ink)}.button{border:0;border-radius:.75rem;padding:.8rem 1.05rem;font-weight:800;display:inline-flex;gap:.7rem;align-items:center;justify-content:center;transition:.18s transform,.18s background}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--coral);color:white}.button.primary:hover{background:#d95f3b}.button.secondary{background:#edf0eb;color:var(--ink)}.button.ghost{background:transparent;border:1px solid var(--line)}.button.danger{background:#f6dfdb;color:var(--red)}.button.wide{width:100%;justify-content:space-between;padding:1rem 1.15rem}.demo-note{font-size:.75rem;color:var(--muted);text-align:center;margin-top:1rem}.form-error{min-height:1.1rem;color:var(--red);font-size:.8rem}
.app-shell{min-height:100vh;display:grid;grid-template-columns:15.5rem 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#f0eee5;border-right:1px solid var(--line);padding:1.6rem 1rem;display:flex;flex-direction:column;z-index:10}.sidebar>.wordmark{padding:0 .65rem;margin-bottom:2.3rem}.sidebar nav{display:grid;gap:.35rem}.nav-item{width:100%;border:0;background:transparent;border-radius:.65rem;padding:.7rem .75rem;display:flex;align-items:center;gap:.75rem;color:#56615c;text-align:left;font-size:.88rem;font-weight:700}.nav-item span{width:1.2rem;text-align:center;font-size:1rem}.nav-item:hover,.nav-item.active{background:#fffefa;color:var(--ink);box-shadow:0 2px 9px rgba(29,50,40,.05)}.badge{background:var(--coral);color:white;border-radius:99px;padding:.1rem .45rem;font-size:.65rem;margin-left:auto}.sidebar-foot{margin-top:auto;display:grid;gap:.85rem}.agent-state{border:1px solid var(--line);border-radius:.75rem;padding:.8rem;display:flex;gap:.7rem;align-items:center;background:rgba(255,255,255,.42)}.agent-state strong,.agent-state small{display:block}.agent-state strong{font-size:.78rem}.agent-state small{font-size:.68rem;color:var(--muted);margin-top:.15rem}.workspace{min-width:0}.topbar{height:6.6rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,3.5rem);background:rgba(245,242,233,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.topbar h1{font:500 1.75rem Georgia,serif;margin:0}.topbar .eyebrow{margin:0 0 .2rem}.topbar-actions{display:flex;align-items:center;gap:1rem}.health-pill{font-size:.72rem;font-weight:750;color:var(--green);padding:.45rem .7rem;background:var(--mint);border-radius:99px}.avatar{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:.72rem;font-weight:850}.content{padding:clamp(1.25rem,4vw,3.5rem);max-width:1440px}.menu-button{display:none}
.hero{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.hero h2{font:500 clamp(2rem,4vw,3.5rem)/1.05 Georgia,serif;max-width:16ch;margin-bottom:.65rem}.hero h2 em{color:var(--coral);font-weight:500}.hero p{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0 2.5rem}.stat{background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1.2rem;min-height:8.6rem;display:flex;flex-direction:column;justify-content:space-between}.stat .label{font-size:.72rem;font-weight:750;color:var(--muted)}.stat strong{font:500 2.25rem Georgia,serif}.stat-of{font-size:1.15rem;color:var(--muted)}.queue-item.from-neighbour{background:#fff6ee}.neighbour-tag{color:var(--coral);font-weight:800}.stat small{font-size:.7rem;color:var(--muted)}.stat.attention{background:#fff3e6;border-color:#ebc99b}.grid-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(17rem,.75fr);gap:1.2rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:1rem;overflow:hidden}.panel-head{padding:1.1rem 1.2rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:1rem}.text-button{border:0;background:none;color:var(--coral);font-weight:800;font-size:.75rem}.queue-item,.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #e9e7de}.queue-item:last-child,.activity-item:last-child{border:0}.rank{font:500 1.1rem Georgia,serif;color:#9a9f9a;width:1.5rem}.queue-item strong,.activity-item strong{display:block;font-size:.84rem;margin-bottom:.25rem}.queue-item small,.activity-item small{color:var(--muted);font-size:.72rem}.priority{display:grid;justify-items:end;gap:.4rem}.priority-score{font-size:.7rem;font-weight:800;color:var(--coral)}.mini-button{border:1px solid var(--line);background:white;border-radius:.55rem;padding:.45rem .65rem;font-weight:800;font-size:.68rem}.freshness-ring{width:9rem;height:9rem;margin:1.75rem auto 1rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--fresh)*1%),#e4e5de 0);position:relative}.freshness-ring:after{content:"";position:absolute;inset:.7rem;border-radius:50%;background:var(--panel)}.freshness-ring strong{z-index:1;font:500 2rem Georgia,serif}.ring-caption{text-align:center;color:var(--muted);font-size:.76rem;margin-bottom:1.5rem}.legend{padding:0 1.2rem 1.2rem;display:grid;gap:.65rem}.legend div{display:flex;justify-content:space-between;font-size:.72rem}.legend span:first-child{color:var(--muted)}
.decision-list{display:grid;gap:1.2rem}.decision-card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;overflow:hidden}.decision-top{padding:1.2rem 1.35rem;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.decision-top h3{margin:.2rem 0 .35rem;font-size:1.15rem}.tier{font-size:.68rem;font-weight:850;border-radius:99px;padding:.35rem .55rem;height:max-content;white-space:nowrap}.tier-2{background:#f8dfab;color:#754e0d}.tier-3{background:#f4d6d0;color:var(--red)}.diff{display:grid;grid-template-columns:1fr 2rem 1fr;gap:1rem;align-items:center;padding:1.35rem}.diff-block{border:1px solid var(--line);border-radius:.75rem;padding:1rem;min-height:6rem}.diff-block small{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem}.diff-arrow{text-align:center;color:var(--coral);font-size:1.4rem}.quote{margin:0 1.35rem 1.2rem;padding:1rem 1.1rem;border-left:3px solid var(--amber);background:#fbf6e9;font:italic .88rem/1.55 Georgia,serif}.decision-actions{padding:1rem 1.35rem;background:#f8f6ef;display:flex;justify-content:flex-end;gap:.65rem}.empty{padding:4rem 2rem;text-align:center}.empty-icon{font:500 3rem Georgia,serif;color:var(--green)}
.toolbar{display:flex;gap:.75rem;margin-bottom:1.2rem}.search{flex:1;border:1px solid var(--line);border-radius:.75rem;padding:.8rem 1rem;background:white}.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.78rem}.data-table th{padding:.85rem 1rem;text-align:left;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}.data-table td{padding:1rem;border-bottom:1px solid #ebe9e1;vertical-align:top}.data-table tr:last-child td{border:0}.data-table strong{display:block;margin-bottom:.25rem}.status-dot{display:inline-block;width:.42rem;height:.42rem;border-radius:50%;background:#55aa7d;margin-right:.35rem}.age{font-weight:800}.age.stale{color:var(--red)}
.intake-shell{display:grid;grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr);gap:1.2rem}.intake-form{padding:1.4rem}.intake-form label{display:grid;gap:.45rem;font-size:.75rem;font-weight:750;margin-bottom:1rem}.intake-form input,.intake-form select,.intake-form textarea{border:1px solid var(--line);border-radius:.65rem;padding:.75rem;background:white}.result-list{display:grid;gap:.8rem;padding:1.1rem}.result-card{border:1px solid var(--line);border-radius:.8rem;padding:1rem}.result-card h3{font-size:1rem;margin-bottom:.35rem}.result-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.chip{border-radius:99px;background:#edf0eb;color:#526059;padding:.25rem .5rem;font-size:.65rem;font-weight:750}.chip.fresh{background:var(--mint);color:var(--green)}.result-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem}.result-actions small{color:var(--muted)}
.timeline{position:relative}.activity-item{grid-template-columns:auto 1fr auto}.event-icon{width:2rem;height:2rem;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:900}.hash{font-family:ui-monospace,monospace;font-size:.62rem;color:#8d9691}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:100;display:grid;gap:.5rem}.toast{background:var(--ink);color:white;border-radius:.7rem;padding:.8rem 1rem;box-shadow:var(--shadow);font-size:.78rem;animation:toast-in .2s ease}.toast.error{background:var(--red)}@keyframes toast-in{from{transform:translateY(10px);opacity:0}}
.dialog{border:0;padding:0;border-radius:1rem;width:min(92vw,34rem);box-shadow:var(--shadow);background:var(--panel)}.dialog::backdrop{background:rgba(19,33,27,.55);backdrop-filter:blur(3px)}.dialog-card{padding:1.5rem}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:500 1.8rem Georgia,serif}.icon-button{border:0;background:transparent;font-size:1.3rem}.policy-preview{display:flex;justify-content:space-between;gap:1rem;padding:.85rem;border-radius:.7rem;background:#f2f0e8;font-size:.75rem}.policy-preview span{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.4rem}.dialog input{width:100%;border:1px solid var(--line);border-radius:.75rem;padding:.9rem 1rem;background:white;color:var(--ink)}.dialog textarea{min-height:7rem;resize:vertical}.table-actions{display:flex;gap:.4rem;white-space:nowrap}.call-stage{margin-top:.4rem}.call-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:.75rem;background:#20332b;color:#eef3ef}.call-bar strong{display:block;font-size:.85rem}.call-bar small{display:block;font-size:.68rem;color:#9db3a8;margin-top:.1rem}.call-bar>div{flex:1;min-width:0}.call-dot{width:.6rem;height:.6rem;border-radius:50%;background:#63c293;flex:none;animation:call-pulse 1.6s ease-in-out infinite}@keyframes call-pulse{50%{opacity:.25}}.call-clock{font-family:ui-monospace,monospace;font-size:.78rem;color:#c6d6ce}.call-transcript{margin-top:.85rem;display:grid;gap:.55rem;max-height:21rem;overflow-y:auto;padding:.4rem .25rem 0 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 1.4rem);mask-image:linear-gradient(to bottom,transparent 0,#000 1.4rem)}.call-line{display:grid;gap:.2rem;animation:call-in .22s ease}@keyframes call-in{from{opacity:0;transform:translateY(5px)}}.call-line span{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.call-line p{margin:0;padding:.6rem .75rem;border-radius:.7rem;font-size:.82rem;line-height:1.5}.call-line.assistant p{background:#eaf1ec;border-left:3px solid var(--green)}.call-line.provider p{background:#fbf1e8;border-left:3px solid var(--coral)}.call-line.readback p{background:#fbf6e9;border-left:3px solid var(--amber);font-style:italic}.call-verdict{margin-top:.85rem;padding:.85rem .95rem;border-radius:.75rem;background:var(--mint);border:1px solid #b9dccb}.call-verdict strong{display:block;font-size:.88rem;margin-bottom:.2rem}.call-verdict small{color:#3f5a4c;font-size:.74rem;line-height:1.5}.call-verdict.review{background:#fff3e6;border-color:#ebc99b}
.public-help-link{display:block;margin-top:1.15rem;text-align:center;color:var(--green);font-size:.82rem;font-weight:800}.app-shell.public-mode{display:block}.app-shell.public-mode .sidebar,.app-shell.public-mode .topbar{display:none}.app-shell.public-mode .content{max-width:1180px;margin:0 auto;padding-top:2rem}.public-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(3rem,8vw,6rem)}.curator-link{font-size:.78rem;font-weight:800;color:var(--green)}
@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.intake-shell{grid-template-columns:1fr}.health-pill{display:none}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-story{min-height:42vh}.login-story h1{font-size:3rem}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-17rem;transition:left .2s;width:15.5rem;box-shadow:var(--shadow)}.sidebar.open{left:0}.menu-button{display:block}.topbar{height:5.6rem}.topbar-actions .avatar{display:none}.content{padding:1rem}.hero{align-items:start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.diff{grid-template-columns:1fr}.diff-arrow{transform:rotate(90deg)}.decision-actions{flex-wrap:wrap}.data-table{min-width:700px}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.login-story{padding:2rem}.topbar{padding:0 1rem}.topbar h1{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Guided demonstration (?demo=1): caption bar, spotlight, and title cards. */
.demo-caption,.demo-spotlight,.demo-card{border:0;padding:0;margin:0;background:transparent;overflow:visible}
.demo-caption::backdrop,.demo-spotlight::backdrop,.demo-card::backdrop{background:transparent}
.demo-caption:popover-open{position:fixed;inset:auto 0 0 0;display:flex;gap:1rem;align-items:center;padding:1.15rem clamp(1rem,4vw,3rem);background:linear-gradient(to top,rgba(23,36,31,.97),rgba(23,36,31,.86));color:#f8f5eb;box-shadow:0 -18px 45px rgba(23,36,31,.25)}
.demo-caption p{margin:0;flex:1;font:400 clamp(1rem,1.35vw,1.35rem)/1.45 Georgia,serif;text-wrap:balance}
.demo-caption .demo-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;flex:0 0 auto;border-radius:.7rem;background:var(--coral);color:#fff}
.demo-caption .demo-mark svg{width:1.2rem;height:1.2rem;display:block}
.demo-caption .demo-hint{flex:0 0 auto;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,245,235,.6)}
.demo-caption .demo-hint b{color:rgba(248,245,235,.9)}
.demo-spotlight:popover-open{position:fixed;border-radius:.85rem;box-shadow:0 0 0 2.5px var(--coral),0 0 0 8px rgba(229,111,75,.16),0 0 22px 4px rgba(229,111,75,.2);transition:top .3s,left .3s,width .3s,height .3s,opacity .2s;pointer-events:none}
.demo-cursor{position:fixed;width:1.15rem;height:1.15rem;margin:-.575rem 0 0 -.575rem;border-radius:50%;background:rgba(229,111,75,.9);box-shadow:0 0 0 .5rem rgba(229,111,75,.25);opacity:0;transition:top .35s,left .35s,opacity .2s;z-index:60;pointer-events:none}
.demo-cursor.visible{opacity:1}
.demo-card:popover-open{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;display:grid;place-items:center;background:var(--paper)}
.demo-card-inner{width:min(100%,60rem);padding:2rem clamp(1.5rem,6vw,4rem) 8rem;text-align:center}
.demo-card-inner:before{content:"";display:block;width:3.5rem;height:3px;background:var(--coral);border-radius:2px;margin:0 auto 1.6rem}
.demo-card-inner h1{font:500 clamp(2.4rem,4.6vw,4rem)/1.05 Georgia,serif;margin:.5rem auto 1.15rem;max-width:19ch}
.demo-card-inner p:not(.eyebrow){color:var(--muted);font-size:1.15rem;line-height:1.65;margin:0 auto;max-width:54ch}
.demo-card-inner img{display:block;width:min(70vw,900px);margin:1.75rem auto 0}
.demo-card.with-image .demo-card-inner h1{font-size:clamp(1.9rem,3vw,2.6rem);max-width:26ch}
.demo-card.with-image .demo-card-inner{padding-top:1rem}
.demo-running .toast-region{bottom:7.5rem}
/* showModal() focuses the close button; during a recording that outline reads as a demo mark. */
.demo-running .dialog .icon-button:focus-visible{outline:none}
