:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18231f;background:#edf4f1;font-synthesis:none;--ink: #18231f;--muted: #68756f;--green: #006d5b;--green-strong: #005747;--green-soft: #e4f1ed;--mint: #78d49b;--paper: #fbfcfb;--surface: #ffffff;--line: #d9e2de;--line-strong: #c4d0cb;--danger: #d83a3a;--amber: #b76c00;--shadow: 0 18px 48px rgba(23, 50, 42, .08);--radius: 16px;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{color:#ecf5f1;background:#0d1714;--ink: #ecf5f1;--muted: #a8b6b0;--green: #32b89a;--green-strong: #6bd5bb;--green-soft: #173b32;--mint: #78d49b;--paper: #101c18;--surface: #17241f;--line: #30413a;--line-strong: #42564e;--danger: #ff6b65;--amber: #ffc15b;--shadow: 0 20px 55px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% 5%,rgba(39,159,131,.09),transparent 29rem),var(--paper)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--green);text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.035em}h1{margin-bottom:8px;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.05;font-weight:650}h2{margin-bottom:6px;font-size:1.25rem;font-weight:650}p{color:var(--muted);line-height:1.6}svg{width:1.15em;height:1.15em;stroke-width:1.9}.primary,.secondary,.danger-button,.button,.text-button,.text-link,.icon-button,.recording-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}.primary,.secondary,.danger-button,.button{min-height:44px;padding:0 17px;border-radius:11px;font-weight:650}.primary{color:#fff;background:var(--green);box-shadow:0 8px 20px #006d5b29}.primary:hover{background:var(--green-strong);transform:translateY(-1px)}.secondary{color:var(--ink);background:var(--surface);border:1px solid var(--line-strong)}.secondary:hover{border-color:var(--green);color:var(--green)}.danger-button{color:var(--danger);background:transparent;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.danger-button:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.text-button,.text-link{padding:7px 3px;background:none;color:var(--green);font-weight:650}.text-link:hover,.text-button:hover{color:var(--green-strong)}.wide{width:100%}button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}.icon-button{width:40px;height:40px;padding:0;border-radius:10px;color:var(--muted);background:transparent}.icon-button:hover{color:var(--ink);background:var(--green-soft)}.icon-button.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}label{display:grid;gap:7px;color:var(--ink);font-size:.86rem;font-weight:650}input,select,textarea{width:100%;min-height:46px;padding:0 13px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;outline:none}textarea{min-height:120px;padding-block:12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent)}input:disabled{opacity:.55}input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}.app-frame{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;height:100vh;padding:28px 18px 20px;display:flex;flex-direction:column;color:#eaf4f0;background:#0f2922;border-right:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;font-size:1.55rem;font-weight:650;color:inherit}.brand img{width:29px;height:36px;object-fit:contain}.workspace-card{display:flex;align-items:center;gap:11px;margin:28px 0 22px;padding:12px;min-width:0;border:1px solid rgba(255,255,255,.11);background:#ffffff0e;border-radius:13px}.workspace-mark{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#0e2a22;background:#7cdbac;font:700 1rem ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workspace-card div,.topbar-user div{min-width:0;display:grid}.workspace-card strong,.workspace-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-card strong{font-size:.9rem}.workspace-card small{margin-top:3px;color:#9eb8ae;font-size:.72rem}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;color:#a9beb6;border-radius:10px;font-weight:600}.sidebar nav a:hover{background:#ffffff0e;color:#fff}.sidebar nav a.active{color:#fff;background:#6dd6b224;box-shadow:inset 3px 0 #71d9b2}.sidebar-foot{display:grid;gap:4px;margin-top:auto}.sidebar-foot button{min-height:42px;padding:0 12px;color:#a9beb6;background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left}.sidebar-foot button:hover{color:#fff;background:#ffffff0e}.sidebar-foot button span{display:flex;align-items:center;gap:11px}.sidebar-foot small{padding:15px 12px 0;color:#708b81;font-size:.68rem}.sidebar-close{display:none}.main-stage{min-width:0}.topbar{position:sticky;top:0;z-index:10;height:74px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px)}.topbar>div:first-of-type{display:grid}.topbar .eyebrow{margin:0 0 1px;font-size:.63rem}.topbar>div>strong{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.96rem}.topbar-user{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-user>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-weight:700}.topbar-user strong{font-size:.82rem}.topbar-user small{color:var(--muted);font-size:.72rem}.menu-button{display:none;margin-right:10px}.page{width:min(1500px,100%);margin:0 auto;padding:42px clamp(24px,3.2vw,56px) 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading p{margin-bottom:0;max-width:650px;font-size:1.02rem}.page-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.page-guide-layer{position:fixed;inset:0;z-index:12000;display:flex;justify-content:flex-end}.page-guide-scrim{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#04120e61;backdrop-filter:blur(3px);cursor:default}.page-guide-panel{position:relative;width:min(460px,calc(100vw - 28px));height:100%;padding:28px;overflow-y:auto;color:var(--ink);background:var(--surface);border-left:1px solid var(--line-strong);box-shadow:-24px 0 70px #051e172e}.page-guide-panel>header{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:12px}.page-guide-panel>header h2{margin:2px 0 0;font-size:1.35rem}.page-guide-panel>header .eyebrow{margin:0}.page-guide-panel>header .icon-button{align-self:start}.page-guide-symbol{width:42px;height:42px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:11px}.page-guide-symbol svg{width:21px;height:21px}.page-guide-intro{margin:22px 0 18px;padding:15px 16px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:12px;font-size:.88rem;line-height:1.65}.page-guide-sections{display:grid;border-top:1px solid var(--line)}.page-guide-sections>section{padding:18px 0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line)}.page-guide-number{width:28px;height:28px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:9px;font-size:.72rem;font-weight:750}.page-guide-sections h3{margin:2px 0 6px;font-size:.94rem}.page-guide-sections p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.58}.page-guide-sections .page-guide-action{margin-top:9px;color:var(--ink)}.page-guide-effect{margin-top:9px!important;padding:9px 10px;display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;color:var(--green)!important;background:var(--green-soft);border-radius:9px}.page-guide-effect svg{width:15px;height:15px;margin-top:2px}.page-guide-panel>footer{margin-top:20px;padding:13px 14px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;color:var(--muted);background:color-mix(in srgb,var(--green-soft) 65%,var(--surface));border-radius:10px}.page-guide-panel>footer svg{width:17px;height:17px;color:var(--green)}.page-guide-panel>footer p{margin:0;font-size:.75rem;line-height:1.5}.eyebrow{display:block;margin-bottom:8px;color:var(--green);font-size:.7rem;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel,.metric-card,.balance-panel,.getting-started,.room-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{position:relative;overflow:hidden;min-height:184px;padding:23px;display:flex;flex-direction:column}.metric-card:after{content:"";position:absolute;right:-34px;bottom:-64px;width:140px;height:140px;border-radius:50%;background:var(--green-soft)}.metric-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:24px;border-radius:11px;color:var(--green);background:var(--green-soft)}.metric-card>span{color:var(--muted);font-size:.82rem;font-weight:600}.metric-card>strong{margin:5px 0 2px;font:650 2rem var(--font-sans)}.metric-card>small{color:var(--muted)}.metric-label{min-width:0;display:inline-flex!important;align-items:center;gap:5px}.metric-help{width:22px;height:22px;padding:0;flex:0 0 auto;display:inline-grid;place-items:center;color:var(--muted);background:transparent;border:0;border-radius:50%;cursor:help}.metric-help:hover,.metric-help:focus-visible{color:var(--green);background:var(--green-soft);outline:none}.metric-help svg{width:14px;height:14px}.metric-tooltip{position:fixed;z-index:10000;width:min(290px,calc(100vw - 28px));padding:11px 13px;display:grid;gap:4px;color:#f2faf7;background:#102a23;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 32px #0000003d;pointer-events:none;transform:translate(-50%)}.metric-tooltip.above{transform:translate(-50%,-100%)}.metric-tooltip strong{color:#fff;font-size:.75rem}.metric-tooltip>span{color:#c9ddd5;font-size:.72rem;font-weight:500;line-height:1.45}.health-panel{margin-top:16px}.health-heading{align-items:center}.health-heading .compact{flex:0 0 auto;padding:9px 13px}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.health-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,var(--paper))}.health-card>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem;font-weight:650}.health-card>strong{display:block;margin:10px 0 2px;font:650 1.55rem var(--font-sans)}.health-card>small{display:block;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.health-card.live>span,.health-card.good>span{color:var(--green)}.health-card.warn>span{color:#a36300}.health-status{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px 15px;border:1px solid var(--line);border-radius:11px}.health-status>div{display:grid;min-width:0}.health-status span{color:var(--muted);font-size:.78rem}.health-status .text-link{margin-left:auto;flex:0 0 auto}.health-status.healthy{color:var(--green);background:var(--green-soft)}.health-status.warning{color:#8a5500;background:color-mix(in srgb,#ffb020 10%,var(--surface))}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:16px;margin-top:16px}.balance-panel,.getting-started{padding:26px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-title p{margin-bottom:0}.section-title>svg{color:var(--green);font-size:1.4rem}.balance-split{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border:1px solid var(--line);border-radius:13px}.balance-split>div{padding:25px;display:grid;align-content:start}.balance-split>div+div{border-left:1px solid var(--line)}.balance-split span{color:var(--muted);font-size:.82rem}.balance-split strong{margin:6px 0 18px;font:650 clamp(1.5rem,2.2vw,2.25rem) var(--font-sans)}.balance-split strong small{font:500 .8rem var(--font-sans)}.balance-split button{width:max-content}.getting-started{background:linear-gradient(145deg,#0d5d4d,#103e34);color:#fff;border-color:transparent}.getting-started .eyebrow,.getting-started p{color:#acd5c6}.getting-started ol{margin:24px 0;padding:0;list-style:none;display:grid;gap:15px}.getting-started li{display:flex;align-items:center;gap:10px;font-weight:600}.getting-started li svg{color:#78d9b4}.getting-started .text-link{color:#fff}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.room-card{min-height:270px;padding:20px;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.room-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.room-card header,.room-card footer{display:flex;align-items:center;justify-content:space-between}.room-card>div{margin:auto 0 23px}.room-card h2{margin:14px 0 4px;font-size:1.4rem}.room-card p{margin:0}.room-card footer{padding-top:14px;color:var(--muted);border-top:1px solid var(--line);font-size:.82rem}.room-card footer span{display:flex;align-items:center;gap:7px}.room-letter{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--green);font:700 1rem var(--font-sans)}.room-letter.large{width:70px;height:70px;border-radius:16px;font-size:1.55rem}.status{width:max-content;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:700}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.online{color:#087f54;background:#ddf5e9}.status.offline{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.empty-state{min-height:380px;padding:45px 24px;display:grid;place-items:center;align-content:center;text-align:center}.empty-state.compact{min-height:340px}.empty-state p{max-width:440px}.large-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:15px;border-radius:18px;color:var(--green);background:var(--green-soft);font-size:1.6rem}.back-link{margin-bottom:20px;padding:0;display:flex;align-items:center;gap:8px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-weight:650}.room-detail-page{width:min(1160px,100%);margin-inline:auto}.room-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 28px;color:#fff;background:linear-gradient(135deg,#0f3d33,#006d5b);border-radius:18px}.room-identity{display:flex;align-items:center;gap:18px}.room-identity .status{color:#c6f3df;background:#ffffff1a}.room-identity h1{margin:8px 0 3px;font-size:2rem}.room-identity p{margin:0;color:#b6d3c9}.switch-row{display:flex;align-items:center;gap:12px;color:#fff}.switch-row input,.mini-switch input{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;opacity:0;pointer-events:none}.switch-row i,.mini-switch i{position:relative;width:48px;height:27px;display:block;border-radius:99px;background:#ffffff3d;cursor:pointer}.switch-row i:after,.mini-switch i:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}.switch-row input:checked+i,.mini-switch input:checked+i{background:#78d9b4}.switch-row input:checked+i:after,.mini-switch input:checked+i:after{transform:translate(21px)}.link-banner{margin:16px 0;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 16%,var(--line));border-radius:13px}.link-banner strong{display:block;max-width:65vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.caller-link-banner{align-items:stretch}.caller-link-copy{min-width:0;flex:1}.caller-link-copy>p{max-width:760px;margin:9px 0 12px;font-size:.78rem;line-height:1.45}.caller-link-builder{min-width:0;display:grid;grid-template-columns:auto minmax(130px,230px) minmax(0,1fr);align-items:center;overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px}.caller-link-builder>span,.caller-link-builder>small{padding:0 10px;color:var(--muted);font-size:.72rem;white-space:nowrap}.caller-link-builder input{min-width:0;min-height:40px;border-block:0;border-radius:0}.caller-link-preview{display:block;margin-top:7px;overflow:hidden;color:var(--green);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.caller-link-actions{flex:0 0 auto;display:grid;align-content:center;gap:8px}.staffing-page{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.staffing-page>*,.staffing-heading>div{min-width:0}.staffing-heading{margin-bottom:0}.staffing-toolbar{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto auto;align-items:end;gap:14px;padding:14px 16px}.staffing-toolbar>label>span{color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.staffing-method-note{min-height:42px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem;white-space:nowrap}.staffing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.staffing-summary article{min-width:0;min-height:128px;padding:16px;display:flex;flex-direction:column;overflow:hidden}.staffing-summary article>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem;font-weight:650}.staffing-summary article>span svg{color:var(--green)}.staffing-summary article>strong{margin:auto 0 1px;font:650 1.8rem var(--font-sans);font-variant-numeric:tabular-nums}.staffing-summary article>small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.live-staffing-panel{padding:18px}.live-staffing-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.live-staffing-panel>header>div{min-width:0}.live-staffing-panel h2{margin-top:3px}.live-staffing-panel header p{margin:4px 0 0;color:var(--muted);font-size:.74rem}.compact-button{min-height:38px;padding:8px 12px;font-size:.7rem}.live-staffing-controls{margin-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.live-staffing-controls>span{color:var(--muted);font-size:.68rem;font-weight:650}.attention-presets{display:flex;flex-wrap:wrap;gap:5px}.attention-presets button{min-width:36px;min-height:34px;padding:5px 9px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:.7rem;font-weight:700;cursor:pointer}.attention-presets button:hover,.attention-presets button:focus-visible,.attention-presets button.active{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 38%,var(--line));outline:none}.live-staffing-controls>label{width:auto;display:grid;grid-template-columns:auto 72px auto;align-items:center;gap:6px;color:var(--muted);font-size:.68rem}.live-staffing-controls input{width:72px;min-height:34px;padding:5px 8px;font-variant-numeric:tabular-nums}.live-staffing-controls label small{font-size:.68rem}.live-workforce-strip{margin:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.live-workforce-strip span{padding:9px 11px;display:flex;align-items:baseline;gap:6px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:9px;font-size:.66rem}.live-workforce-strip strong{color:var(--ink);font-size:.95rem;font-variant-numeric:tabular-nums}.live-workforce-strip .needs-attention{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface));border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}.live-workforce-strip .needs-attention strong{color:var(--danger)}.compact-notice{margin:8px 0 0;padding:9px 11px}.live-staffing-empty{min-height:72px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--green);background:color-mix(in srgb,var(--green-soft) 48%,transparent);border:1px dashed color-mix(in srgb,var(--green) 24%,var(--line));border-radius:10px}.live-staffing-empty>div{display:grid;gap:2px}.live-staffing-empty strong{font-size:.74rem}.live-staffing-empty small{color:var(--muted);font-size:.64rem}.live-attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.live-attention-list article{min-width:0;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px 9px;background:color-mix(in srgb,var(--surface) 90%,#fff1dd);border:1px solid color-mix(in srgb,#d78a17 30%,var(--line));border-radius:10px}.live-attention-icon{width:34px;height:34px;display:grid;place-items:center;color:#9a6000;background:#fff0d2;border-radius:9px}.live-attention-icon.offline{color:var(--danger);background:color-mix(in srgb,var(--danger) 11%,var(--surface))}.live-attention-icon svg{width:17px}.live-attention-person{min-width:0;display:grid;gap:1px}.live-attention-person strong,.live-attention-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-attention-person strong{font-size:.74rem}.live-attention-person small{color:var(--muted);font-size:.62rem}.live-attention-time{color:var(--danger);font-size:.8rem;font-variant-numeric:tabular-nums}.live-attention-evidence{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:4px}.live-attention-evidence span{padding:3px 6px;color:var(--muted);background:var(--surface);border-radius:6px;font-size:.58rem}.live-staffing-panel>footer{margin-top:9px;color:var(--muted);font-size:.62rem}.staffing-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:14px}.staffing-chart-panel,.staffing-assumptions,.staffing-recommendations,.staffing-table-panel,.staffing-forecast{padding:18px}.staffing-chart-panel>header,.staffing-recommendations>header,.staffing-table-panel>header,.staffing-forecast>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-copy{margin-bottom:12px;font-size:.76rem;line-height:1.45}.staffing-quality-note{margin-bottom:10px;padding:8px 10px;display:flex;align-items:flex-start;gap:7px;color:var(--muted);background:color-mix(in srgb,var(--green-soft) 62%,transparent);border-radius:9px;font-size:.67rem;line-height:1.45}.staffing-quality-note svg{flex:0 0 auto;margin-top:1px;color:var(--green)}.staffing-view-controls{margin:10px 0;display:flex;align-items:end;flex-wrap:wrap;gap:10px}.staffing-view-controls label{width:min(220px,100%)}.staffing-view-controls label>span{color:var(--muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.staffing-view-controls input,.staffing-view-controls select{min-height:38px}.staffing-chart-detail{margin-bottom:8px;padding:10px 12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:11px}.staffing-chart-detail>div{min-width:0;display:grid;gap:2px}.staffing-chart-detail span{overflow:hidden;color:var(--muted);font-size:.56rem;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.staffing-chart-detail strong{overflow:hidden;font-size:.69rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.staffing-chart-detail strong.negative{color:var(--danger)}.staffing-chart-detail strong.positive{color:var(--green)}.staffing-legend{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.68rem}.staffing-legend span{display:inline-flex;align-items:center;gap:5px}.staffing-legend span:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--green)}.staffing-legend .scheduled:before{background:#5b7480}.staffing-legend .required:before{background:#e49b27}.staffing-chart{height:218px;padding:10px 4px 24px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(14px,1fr);align-items:end;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line)}.staffing-chart-slot{position:relative;min-width:0;height:100%;padding:0;display:flex;align-items:flex-end;justify-content:center;gap:1px;color:inherit;background:transparent;border:0;border-radius:5px 5px 0 0;cursor:pointer}.staffing-chart-slot:hover,.staffing-chart-slot:focus-visible,.staffing-chart-slot.selected{background:var(--green-soft);outline:none}.staffing-chart-slot:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--green) 45%,transparent)}.staffing-chart-slot:disabled{cursor:default;opacity:.28}.staffing-chart-slot small{position:absolute;bottom:-20px;left:0;color:var(--muted);font-size:.55rem}.staffing-bar{width:min(6px,30%);min-height:1px;border-radius:3px 3px 0 0;background:var(--green)}.staffing-bar.scheduled{background:#5b7480}.staffing-bar.required{background:#e49b27;opacity:.82}.staffing-assumptions{display:grid;align-content:start;gap:14px}.staffing-assumptions:not([open]){align-self:start}.staffing-assumptions>summary{display:grid;gap:3px;list-style:none;cursor:pointer}.staffing-assumptions>summary::-webkit-details-marker{display:none}.staffing-assumptions>summary>span{display:grid;gap:3px}.staffing-assumptions>summary strong{font:650 .92rem var(--font-sans)}.staffing-assumptions>summary small{color:var(--muted);font-size:.68rem}.staffing-assumptions[open]>summary{margin-bottom:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.staffing-assumptions header{margin-bottom:2px}.staffing-assumptions label{grid-template-columns:1fr auto;align-items:center;gap:5px 10px}.staffing-assumptions label>span{color:var(--muted);font-size:.72rem}.staffing-assumptions label>strong{font-size:.72rem}.staffing-assumptions input[type=range]{min-height:24px;padding:0;accent-color:var(--green);box-shadow:none}.staffing-input-pair{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 76px auto;align-items:center;gap:7px}.staffing-input-pair input[type=number]{min-height:36px;padding:5px 7px;font-variant-numeric:tabular-nums}.staffing-input-pair>span{color:var(--muted);font-size:.7rem}.staffing-number-unit{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:7px}.staffing-number-unit input,.staffing-number-unit select{min-height:38px}.staffing-assumptions>p{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:.68rem;line-height:1.45}.staffing-assumptions>p svg{flex:0 0 auto;margin-top:2px}.staffing-recommendations>header>svg,.staffing-forecast>header>svg{color:var(--green)}.staffing-recommendations>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.staffing-recommendations article{min-width:0;padding:11px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--surface) 86%,var(--green-soft));border:1px solid var(--line);border-radius:11px}.recommendation-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:9px}.recommendation-icon.add{color:#a65e00;background:#fff2dc}:root[data-theme=dark] .recommendation-icon.add{background:#4b351c}.staffing-recommendations article>div{min-width:0;display:grid;gap:3px}.staffing-recommendations article strong{font-size:.76rem}.staffing-recommendations article small{overflow:hidden;color:var(--muted);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.staffing-lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:14px}.agent-attention-panel{padding:18px}.workforce-strip{margin:12px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.workforce-strip span{padding:10px 12px;display:grid;gap:2px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:.66rem}.workforce-strip strong{color:var(--ink);font-size:1rem;font-variant-numeric:tabular-nums}.agent-attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.agent-attention-list article{min-width:0;padding:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid var(--line);border-radius:10px}.agent-attention-list article>div:first-child{min-width:0;display:grid}.agent-attention-list article small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.attention-status{align-self:start;padding:4px 7px;color:#805100;background:#fff0cf;border-radius:999px;font-size:.61rem;font-weight:750}.attention-status.high{color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent)}.attention-facts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:5px}.attention-facts span{padding:4px 7px;color:var(--muted);background:var(--surface);border-radius:7px;font-size:.61rem}.staffing-table-wrap{margin-top:12px;overflow-x:auto}.staffing-table{width:100%;border-collapse:collapse;font-size:.72rem}.staffing-table th{padding:8px 9px;color:var(--muted);text-align:right;font-size:.6rem;letter-spacing:.07em;text-transform:uppercase}.staffing-table th:first-child,.staffing-table td:first-child{text-align:left}.staffing-table td{padding:10px 9px;text-align:right;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.staffing-table td:first-child{min-width:110px}.staffing-table td:first-child strong,.staffing-table td:first-child small{display:block}.staffing-table td:first-child small{margin-top:2px;color:var(--muted)}.staffing-table td small{display:block;max-width:150px;overflow:hidden;color:var(--muted);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.staffing-status{display:inline-flex;padding:4px 7px;border-radius:7px;color:var(--green);background:var(--green-soft);font-size:.62rem;font-weight:700;white-space:nowrap}.staffing-status.shortage{color:var(--danger);background:color-mix(in srgb,var(--danger) 11%,var(--surface))}.staffing-status.surplus{color:#9b6100;background:color-mix(in srgb,#e49b27 14%,var(--surface))}.staffing-forecast>div{display:grid;margin-top:8px}.staffing-forecast article{min-width:0;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}.staffing-forecast article>div{min-width:0;display:grid;gap:2px}.staffing-forecast article strong{font-size:.75rem}.staffing-forecast article small{color:var(--muted);font-size:.64rem}.staffing-forecast article>span{flex:0 0 auto;color:var(--green);font-size:.78rem;font-weight:700}.staffing-forecast footer{display:flex;align-items:flex-start;gap:6px;margin-top:9px;color:var(--muted);font-size:.65rem;line-height:1.45}.staffing-forecast footer svg{flex:0 0 auto}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.detail-main,.detail-side{display:grid;align-content:start;gap:16px}.panel{padding:24px}.agent-list{margin-top:20px;display:grid}.agent-row{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto auto 40px;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--green-soft);font-weight:700}.agent-row>div{min-width:0;display:grid}.agent-row small{overflow:hidden;color:var(--muted);text-overflow:ellipsis}.room-agent-panel{min-width:0}.room-agent-search{margin-top:16px;padding:0 12px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:var(--paper)}.room-agent-search svg{width:17px}.room-agent-search input{min-width:0;min-height:42px;padding:0;border:0;background:transparent;box-shadow:none}.reviewer-toggle{min-height:34px;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:.7rem;font-weight:650;white-space:nowrap;cursor:pointer}.reviewer-toggle svg{width:15px}.reviewer-toggle.active{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 38%,var(--line))}.reviewer-toggle:disabled{opacity:.55;cursor:wait}.channel-reset{min-height:34px;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--green);background:transparent;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:8px;font-size:.7rem;font-weight:650;white-space:nowrap;cursor:pointer}.channel-reset svg{width:15px}.channel-reset:disabled{opacity:.55;cursor:wait}.panel-empty{min-height:170px;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.panel-empty svg{font-size:1.6rem}.setting-list,.hours-list{margin-top:18px;display:grid}.setting-list>div,.hours-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line)}.setting-list span,.hours-list span{color:var(--muted)}.setting-list strong{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-list.compact>div{align-items:center;gap:12px}.setting-list.compact strong{color:var(--green);font-size:.78rem}.hours-list strong{font-size:.82rem}.room-meta{display:grid;gap:20px}.room-meta>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px}.room-meta>div svg{grid-row:1 / 3;color:var(--green)}.room-meta>div span{color:var(--muted);font-size:.74rem}.room-meta>div strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.room-meta button{grid-column:3;grid-row:1 / 3}.history-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.filter-panel{position:sticky;top:94px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.filter-panel>*,.filter-panel label,.filter-panel input,.filter-panel select{min-width:0}.filter-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel .section-title{margin-bottom:4px}.filter-actions{display:grid;gap:6px}.filter-check{grid-template-columns:auto 1fr;align-items:center;font-weight:500}.filter-check input,.check input{width:17px;min-height:17px;accent-color:var(--green)}.history-results{min-width:0}.results-header{min-height:48px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.results-header>div{display:flex;align-items:baseline;gap:5px}.results-header strong{color:var(--ink)}.results-header small{margin-left:7px;padding-left:11px;color:var(--muted);border-left:1px solid var(--line-strong)}.loading-label{display:flex;align-items:center;gap:8px;font-size:.8rem}.call-list{display:grid;gap:8px}.call-row{position:relative;min-width:0;padding:15px 16px;display:grid;grid-template-columns:42px minmax(210px,1.35fr) minmax(100px,.65fr) 78px 62px 42px;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.call-row.feedback-active{z-index:4;border-color:color-mix(in srgb,var(--green) 38%,var(--line))}.call-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--green);background:var(--green-soft)}.call-primary{min-width:0}.call-id-label{display:block;margin-bottom:3px;color:var(--muted);font-size:.65rem;line-height:1;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.call-primary>div{display:flex;align-items:center;gap:9px}.call-primary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-primary p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.call-result{padding:3px 7px;border-radius:99px;font-size:.65rem;font-weight:700}.call-result.answered{color:#087f54;background:#ddf5e9}.call-result.missed{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.call-result.active{color:var(--green);background:var(--green-soft)}.call-detail{display:grid}.call-detail span{color:var(--muted);font-size:.69rem}.call-detail strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.call-rating{display:flex;align-items:center;justify-content:center;gap:4px;color:#d69b16}.call-rating svg{font-size:.9rem}.rating-anchor{position:relative;display:grid;place-items:center}.call-rating.comment-available{min-height:34px;padding:5px 7px;background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer}.call-rating.comment-available:hover,.call-rating.comment-available:focus-visible{background:color-mix(in srgb,#d69b16 10%,transparent);border-color:color-mix(in srgb,#d69b16 30%,var(--line))}.feedback-popover{position:absolute;z-index:10;top:calc(100% + 9px);right:-46px;width:min(390px,calc(100vw - 48px));padding:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:13px;box-shadow:0 18px 54px #03140f38}.feedback-popover:before{content:"";position:absolute;top:-6px;right:59px;width:11px;height:11px;background:var(--surface);border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);transform:rotate(45deg)}.feedback-popover>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feedback-popover>header div{display:grid;gap:2px}.feedback-popover>header span{color:var(--muted);font-size:.72rem}.feedback-popover .icon-button{width:30px;height:30px}.feedback-rating{display:flex;align-items:center;gap:5px;color:#d69b16}.feedback-rating svg{width:22px;height:22px}.feedback-rating strong{margin-left:7px;color:var(--ink)}.feedback-popover .feedback-rating{margin-top:12px}.feedback-comment{max-height:180px;margin:12px 0;padding:13px;overflow:auto;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:9px;font-size:.87rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-copy{width:100%;min-height:40px}.recording-button{width:38px;height:38px;border-radius:50%;color:#fff;background:var(--green)}.recording-button:hover{transform:scale(1.05)}.recording-button.unavailable{color:var(--muted);background:var(--green-soft);opacity:.45;cursor:default}.recording-button.processing{opacity:.75}.recording-button.processing svg{animation:spin .9s linear infinite}.load-more{margin:18px auto 0;display:flex}.performance-heading{margin-bottom:20px}.performance-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.performance-heading-actions .secondary span{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:7px;color:var(--green);background:var(--green-soft);font-size:.7rem}.performance-toolbar{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px}.analysis-mode-control{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--paper);white-space:nowrap}.analysis-mode-control button{min-height:31px;padding:5px 10px;border:0;border-radius:7px;color:var(--muted);background:transparent;font:inherit;font-size:.7rem;font-weight:750;cursor:pointer}.analysis-mode-control button.active{color:var(--green);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.analysis-mode-control select{min-height:31px;width:78px;padding:4px 7px;border-radius:7px;font-size:.7rem;font-weight:750}.journey-mode-note{border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:color-mix(in srgb,var(--green-soft) 58%,var(--paper))}.performance-room-filter{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:0}.performance-room-filter>span{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.performance-room-filter select{min-width:0;padding:10px 34px 10px 12px}.performance-policy-note{margin-top:12px}.analytics-freshness-note{align-items:flex-start!important;margin-top:12px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));background:color-mix(in srgb,var(--green-soft) 45%,var(--paper))}.analytics-freshness-note>div{display:grid;gap:2px}.analytics-freshness-note strong{color:var(--ink)}.analytics-freshness-note span,.analytics-freshness-note small{color:var(--muted);line-height:1.45}.setting-explainer{margin:0 0 14px;color:var(--muted);line-height:1.55}.setting-explainer strong{color:var(--ink)}.input-with-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.input-with-suffix input{border:0;border-radius:0}.input-with-suffix span{padding:0 14px;color:var(--muted);font-weight:700}.period-tabs{display:flex;flex-wrap:wrap;gap:6px}.period-tabs button{min-height:36px;padding:0 12px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;font-size:.78rem;font-weight:650}.period-tabs button:hover{color:var(--ink);background:var(--green-soft)}.period-tabs button.active{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 18%,var(--line))}.performance-period{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--muted);font-size:.78rem;white-space:nowrap}.performance-period small{padding:3px 6px;color:var(--green);background:var(--green-soft);border-radius:6px}.custom-period{grid-column:1 / -1;display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,220px) auto;align-items:end;justify-content:end;gap:10px;padding-top:13px;border-top:1px solid var(--line)}.custom-period label{font-size:.74rem}.custom-period input,.primary.compact{min-height:40px}.notice.warning{color:#815000;background:color-mix(in srgb,var(--amber) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--amber) 25%,var(--line))}.performance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.performance-metric{min-height:122px;padding:15px 16px}.performance-metric:after{right:-30px;bottom:-48px;width:92px;height:92px}.performance-metric .metric-icon{width:34px;height:34px;margin-bottom:9px;border-radius:9px}.performance-metric .metric-icon svg{width:18px;height:18px}.performance-metric>strong{margin:3px 0 1px;font-size:1.55rem;line-height:1.1}.performance-metric>small{position:relative;z-index:1;overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.performance-metric .metric-label{font-size:.72rem}.performance-metric .metric-help{width:19px;height:19px}.performance-metric .metric-help svg{width:12px;height:12px}.performance-metric .metric-trend{position:relative;z-index:1;margin-top:auto;padding-top:7px;overflow:hidden;color:var(--muted);font-size:.6rem;line-height:1.2;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.performance-metric.reorderable{cursor:grab;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.performance-metric.reorderable:hover{border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.performance-metric.reorderable.dragging{opacity:.45;transform:scale(.985)}.metric-order-controls{position:absolute;z-index:3;top:9px;right:9px;display:flex;align-items:center;gap:2px;color:var(--muted);opacity:.42;transition:opacity .15s ease}.performance-metric:hover .metric-order-controls,.metric-order-controls:focus-within{opacity:1}.metric-order-controls>svg{width:15px;height:15px}.metric-order-controls button{width:24px;height:24px;padding:0;display:grid;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:7px;cursor:pointer}.metric-order-controls button:hover:not(:disabled),.metric-order-controls button:focus-visible{color:var(--green);border-color:var(--green)}.metric-order-controls button:disabled{opacity:.28;cursor:default}.metric-order-controls button svg{width:13px;height:13px}.performance-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.outcome-breakdown,.demand-chart{min-width:0}.outcome-list{display:grid;gap:11px;margin-top:18px}.outcome-list>div{display:grid;grid-template-columns:125px minmax(80px,1fr) 56px;align-items:center;gap:10px}.outcome-list span{color:var(--muted);font-size:.74rem}.outcome-list strong{text-align:right;font-size:.76rem;font-variant-numeric:tabular-nums}.outcome-list div>div{height:8px;overflow:hidden;border-radius:3px;background:var(--paper)}.outcome-list i{height:100%;display:block;border-radius:inherit;background:var(--green)}.outcome-list i.abandoned{background:#d5a13d}.outcome-list i.missed{background:#d46c56}.outcome-list i.failed{background:#a3757d}.outcome-list i.other{background:var(--muted)}.demand-readout{min-height:31px;margin-top:12px;padding:6px 9px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 11px;color:var(--muted);background:var(--paper);border:1px solid transparent;border-radius:8px;font-size:.63rem;font-variant-numeric:tabular-nums;transition:border-color .15s ease,background .15s ease}.demand-readout.active{color:var(--ink);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 20%,var(--line))}.demand-readout strong{color:var(--green);font-size:.67rem}.demand-readout span{display:inline-flex;align-items:center;gap:4px}.demand-readout i{width:7px;height:7px;display:inline-block;border-radius:2px;background:color-mix(in srgb,var(--green) 23%,var(--surface))}.demand-readout i.answered{background:var(--green)}.demand-readout b{margin-left:auto;font-size:.65rem}.demand-heading-actions{display:flex;align-items:center;gap:8px}.demand-view-toggle{padding:3px;display:inline-grid;grid-template-columns:repeat(2,auto);gap:2px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.demand-view-toggle button{min-height:27px;padding:4px 10px;color:var(--muted);border:0;border-radius:6px;background:transparent;font:inherit;font-size:.65rem;font-weight:700;cursor:pointer}.demand-view-toggle button:hover{color:var(--ink)}.demand-view-toggle button.active{color:var(--green);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.demand-bars{height:112px;margin-top:8px;display:grid;grid-template-columns:repeat(24,minmax(5px,1fr));align-items:end;gap:3px}.demand-bars.daily{grid-template-columns:repeat(auto-fit,minmax(8px,1fr))}.demand-bars>button{min-width:0;height:100%;padding:0;display:grid;grid-template-rows:minmax(0,1fr) 16px;align-items:end;gap:4px;color:inherit;background:transparent;border:0;border-radius:4px;cursor:pointer}.demand-bars>button:hover,.demand-bars>button.active{background:color-mix(in srgb,var(--green) 7%,transparent)}.demand-bars>button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.demand-bar{position:relative;height:100%;overflow:hidden;display:flex;align-items:flex-end;border-radius:3px 3px 1px 1px;background:var(--paper)}.demand-bar i{position:absolute;bottom:0;left:0;width:100%;display:block}.demand-bar i.received{background:color-mix(in srgb,var(--green) 23%,var(--surface))}.demand-bar i.answered{width:56%;background:var(--green)}.demand-bars>button:hover .demand-bar,.demand-bars>button.active .demand-bar{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 36%,transparent)}.demand-bars small{color:var(--muted);text-align:center;font-size:.56rem}.chart-legend{margin-top:9px;display:flex;justify-content:flex-end;gap:14px;color:var(--muted);font-size:.65rem}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:2px;background:color-mix(in srgb,var(--green) 23%,var(--surface))}.chart-legend i.answered{background:var(--green)}.metric-picker-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.metric-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-picker-grid label{min-width:0;padding:12px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;border:1px solid var(--line);border-radius:11px;background:var(--paper);cursor:pointer}.metric-picker-grid label:hover,.metric-picker-grid label.selected{border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:var(--green-soft)}.metric-picker-grid input{position:absolute;width:1px;height:1px;opacity:0}.metric-picker-check{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:6px;color:#fff;background:var(--surface)}.metric-picker-grid label.selected .metric-picker-check{border-color:var(--green);background:var(--green)}.metric-picker-grid label>span:last-child{min-width:0;display:grid;gap:3px}.metric-picker-grid strong{font-size:.76rem}.metric-picker-grid small{color:var(--muted);font-size:.66rem;line-height:1.35}.metric-picker-footer{position:sticky;bottom:-18px;margin:16px -18px -18px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);background:var(--surface)}.metric-picker-footer span{color:var(--muted);font-size:.72rem}.export-format{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.export-format>button{min-width:0;padding:13px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:11px;cursor:pointer}.export-format>button:hover,.export-format>button.selected{border-color:var(--green);background:var(--green-soft)}.export-format>button>svg{width:22px;color:var(--green)}.export-format>button span{display:grid;gap:2px}.export-format>button small{overflow:hidden;color:var(--muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.export-scope{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;background:var(--canvas);border:1px solid var(--line);border-radius:12px}.export-scope>button{min-width:0;padding:10px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;color:var(--muted);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:9px;cursor:pointer}.export-scope>button.selected{color:var(--ink);border-color:var(--green);background:var(--green-soft)}.export-scope>button i{width:20px;height:20px;display:grid;place-items:center;color:#fff;border:1px solid var(--line-strong);border-radius:6px}.export-scope>button.selected i{background:var(--green);border-color:var(--green)}.export-scope>button i svg{width:13px;height:13px}.export-scope>button span{min-width:0;display:grid;gap:3px}.export-scope>button small{color:var(--muted);font-size:.66rem;line-height:1.35}.export-selection{margin-top:17px}.export-selection>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.export-selection>header div{display:grid;gap:2px}.export-selection>header small{color:var(--muted);font-size:.69rem}.export-selection>header span{display:flex;gap:5px}.export-selection>header button{padding:3px 6px;color:var(--green);background:transparent;border:0;cursor:pointer;font-size:.68rem;font-weight:700}.export-selection>div{max-height:175px;padding:2px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:auto}.export-selection>div>button{min-width:0;min-height:36px;padding:6px 8px;display:flex;align-items:center;gap:7px;overflow:hidden;color:var(--muted);text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:.68rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.export-selection>div>button:hover,.export-selection>div>button.selected{color:var(--ink);border-color:color-mix(in srgb,var(--green) 40%,var(--line));background:var(--green-soft)}.export-selection>div>button i{flex:0 0 auto;width:17px;height:17px;display:grid;place-items:center;color:#fff;background:var(--surface);border:1px solid var(--line-strong);border-radius:5px}.export-selection>div>button.selected i{background:var(--green);border-color:var(--green)}.export-selection>div>button i svg{width:11px;height:11px}.export-summary{margin-top:18px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);background:var(--green-soft);border-radius:9px;font-size:.7rem}.export-summary span+span:before{content:"·";margin-right:7px}.export-agent-filter{width:fit-content;margin-top:15px}.export-agent-filter small{margin-left:3px;color:var(--muted);font-weight:500}.performance-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px}.performance-layout>*{min-width:0}.performance-table-panel{min-width:0}.performance-table-tools{display:flex;align-items:center;gap:14px}.activity-filter{display:inline-flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer;font-size:.72rem}.activity-filter input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.activity-filter>span{position:relative;width:34px;height:20px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);transition:background .18s ease,border-color .18s ease}.activity-filter>span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.activity-filter input:checked+span{border-color:var(--green);background:var(--green-soft)}.activity-filter input:checked+span:after{background:var(--green);transform:translate(14px)}.activity-filter input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}.activity-filter strong{color:inherit;white-space:nowrap}.performance-table-wrap{margin-top:16px;overflow-x:auto}.performance-table{width:100%;border-collapse:collapse;font-size:.8rem}.performance-table th{padding:10px 12px;color:var(--muted);text-align:right;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.performance-table th:first-child{text-align:left}.sortable-heading{width:100%;padding:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:transparent;border:0;cursor:pointer}.performance-table th:first-child .sortable-heading{justify-content:flex-start}.sortable-heading-wrap{display:flex;align-items:center;justify-content:flex-end;gap:2px}.performance-table th:first-child .sortable-heading-wrap{justify-content:flex-start}.sortable-heading-wrap .metric-help{width:20px;height:20px}.sortable-heading:hover{color:var(--green)}.sortable-heading svg{flex:0 0 auto}.performance-table td{padding:11px 12px;text-align:right;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.performance-table td:first-child{min-width:210px;text-align:left}.performance-table tr.selected{background:var(--green-soft)}.performance-table td:nth-child(5){color:#c88a0a}.performance-table td:nth-child(5) small{color:var(--muted)}.table-cell-detail{display:block;margin-top:2px;color:var(--muted);font-size:.66rem;font-weight:500;white-space:nowrap}.agent-performance-select{width:100%;padding:0;display:flex;align-items:center;gap:10px;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.agent-performance-select>span:last-child{min-width:0;display:grid}.agent-performance-select strong,.agent-performance-select small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-performance-select small{margin-top:2px;color:var(--muted);font-size:.68rem}.agent-performance-avatar{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface));font-weight:700}.agent-performance-avatar.large{width:48px;height:48px;font-size:1rem}.agent-performance-detail{min-width:0;position:sticky;top:90px;display:grid;gap:18px;overflow:hidden}.agent-performance-detail>header{min-width:0;display:flex;align-items:center;gap:11px;overflow:hidden}.agent-performance-detail>header>div{min-width:0}.agent-performance-detail h2{margin:2px 0 0}.agent-performance-detail p{max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}.agent-current-call{min-width:0;width:100%;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;color:var(--green);background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));border-radius:12px}.agent-current-call-status{min-width:0;display:flex;align-items:center;gap:8px}.agent-current-call-status strong{font-size:.78rem}.agent-current-call time{padding:6px 9px;color:var(--green);background:var(--surface);border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:8px;font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.agent-current-call-caller{grid-column:1 / -1;min-width:0;padding-top:10px;display:grid;gap:3px;border-top:1px solid color-mix(in srgb,var(--green) 16%,var(--line))}.agent-current-call-caller span{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}.agent-current-call-caller strong{overflow:hidden;color:var(--ink);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.agent-current-call-listen{grid-column:1 / -1;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--surface);background:var(--green);border-radius:8px;font-size:.73rem;font-weight:700}.agent-current-call-listen svg{width:16px}.table-pagination{min-width:430px;padding:14px 0 2px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--line)}.table-pagination span{color:var(--muted);font-size:.74rem;font-variant-numeric:tabular-nums}.agent-live-calls{display:grid;gap:8px;padding:13px;border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:11px;background:var(--green-soft)}.agent-live-calls>span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.agent-live-calls>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px}.agent-live-calls small{grid-column:2;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent)}.agent-idle{padding:12px 0;border-block:1px solid var(--line)}.agent-performance-facts{display:grid}.agent-performance-facts>div{min-width:0;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.agent-performance-facts span{min-width:0;color:var(--muted);font-size:.76rem}.agent-performance-facts strong{flex:0 0 auto;max-width:52%;overflow:hidden;font-size:.82rem;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap}.agent-timeline{display:grid;gap:18px}.timeline-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.timeline-metric{min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.timeline-metric span{display:block;overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.timeline-metric strong{display:block;margin-top:5px;font:650 .95rem var(--font-sans);font-variant-numeric:tabular-nums}.timeline-metric.on-call{border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.timeline-metric.break{border-color:color-mix(in srgb,var(--amber) 40%,var(--line))}.timeline-band{height:16px;display:flex;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.timeline-segment{min-width:3px;border-right:1px solid color-mix(in srgb,var(--surface) 70%,transparent)}.timeline-segment.on-call{background:var(--green)}.timeline-segment.available{background:var(--mint)}.timeline-segment.break{background:#e4a640}.timeline-segment.offline,.timeline-segment.unknown{background:#a9b3af}.timeline-events{max-height:360px;overflow:auto;display:grid;border-block:1px solid var(--line)}.timeline-event{padding:12px 4px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.timeline-event:last-child{border-bottom:0}.timeline-event-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--green);background:var(--green-soft)}.timeline-event.break .timeline-event-icon{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--surface))}.timeline-event.offline .timeline-event-icon{color:var(--muted);background:var(--paper)}.timeline-event>div{min-width:0;display:grid;gap:2px}.timeline-event strong{font-size:.8rem}.timeline-event small{color:var(--muted);font-size:.68rem}.timeline-event code{overflow:hidden;color:var(--muted);font:500 .66rem var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.timeline-event time{color:var(--muted);font-size:.75rem;font-weight:650;font-variant-numeric:tabular-nums}.timeline-source{color:var(--muted);text-align:right}.timeline-loading{min-height:240px;display:grid;place-items:center;align-content:center;color:var(--green)}.timeline-loading svg{animation:spin 1s linear infinite}.timeline-loading p{margin:10px 0 0}.timeline-empty{min-height:230px}.settings-layout{display:grid;grid-template-columns:210px minmax(0,920px);gap:28px;align-items:start}.settings-nav{position:sticky;top:94px;display:grid;gap:5px}.settings-nav a{min-height:45px;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--muted);border-radius:10px;font-weight:600}.settings-nav a:hover{color:var(--ink);background:var(--green-soft)}.settings-nav a.active{color:var(--green);background:var(--green-soft)}.settings-content{min-width:0;display:grid;gap:16px}.settings-card{padding:28px}.settings-form{margin-top:25px}.settings-form .form-grid{gap:18px}.save-button{margin-top:22px}.api-status{margin:22px 0;padding:16px;display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.api-status small{margin-left:auto;color:var(--muted)}.api-guardrails{display:grid;gap:16px;margin:0 0 20px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.api-guardrails textarea{min-height:82px;resize:vertical}.api-guardrails label>small{display:block;margin-top:3px;color:var(--muted);font-weight:400}.api-key-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.api-key-facts span{color:var(--muted);font-size:.75rem}.api-key-facts strong{display:block;margin-top:3px;color:var(--ink);font-size:.85rem}.check-field{align-self:end;min-height:46px;display:flex!important;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:9px}.check-field input{width:17px;height:17px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.security-panel{padding:20px;display:flex;align-items:flex-start;gap:13px;color:#d9f3e9;background:#10483b;border-radius:14px}.security-panel>svg{flex:0 0 auto;margin-top:2px;color:#7cdbac;font-size:1.4rem}.security-panel p{margin:4px 0 0;color:#afd0c4}.api-docs>code,.endpoint code,.generated-key code{display:block;padding:11px 12px;overflow-x:auto;color:var(--green);background:var(--green-soft);border:1px solid var(--line);border-radius:8px;font:500 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.api-docs>code{margin:14px 0 22px}.endpoint{margin:13px 0}.endpoint p{margin:5px 0 0;font-size:.84rem}.api-docs h3{margin:24px 0 8px;font-size:.9rem;letter-spacing:0}.muted{margin:20px 0 0;color:var(--muted)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);background:var(--paper)}.auth-story{min-height:100vh;padding:clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(93,209,169,.2),transparent 22rem),linear-gradient(145deg,#0b3e33,#071f1a)}.brand-large{padding:0;font-size:2rem}.brand-large img{width:38px;height:48px}.auth-story h1{max-width:670px;font-size:clamp(3rem,5vw,5.7rem)}.auth-story p{max-width:600px;color:#b9d2c9;font-size:1.1rem}.auth-story .eyebrow{color:#78d9b4}.auth-proof{display:grid;gap:5px;color:#bdd4cc;font-size:.8rem}.auth-proof strong{color:#fff}.auth-panel{display:grid;place-items:center;padding:35px}.auth-form{width:min(470px,100%);display:grid;gap:17px}.auth-form>div:first-child{margin-bottom:4px}.auth-form h2{margin:0;font-size:2rem}.auth-form p{margin-bottom:0}.input-action{position:relative}.input-action input{padding-right:50px}.input-action button{position:absolute;top:4px;right:4px;width:38px;height:38px;display:grid;place-items:center;color:var(--muted);background:transparent;border:0;border-radius:8px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-between{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.82rem}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:7px;font-weight:500}.auth-switch{text-align:center;font-size:.88rem}.success-state,.verify{text-align:center;justify-items:center}.verify .large-icon{margin-inline:auto}.modal-layer{position:fixed;inset:0;z-index:100;padding:20px;display:grid;place-items:center;background:#040e0b85;backdrop-filter:blur(6px)}.modal{width:min(590px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 100px #00000047}.modal>header{position:sticky;top:0;z-index:1;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;background:var(--surface);border-bottom:1px solid var(--line)}.modal>header h2{margin:0}.modal>header p{margin:5px 0 0;font-size:.87rem}.modal-body{padding:24px}.modal-body form{display:grid;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.shift-summary-panel{gap:16px}.shift-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shift-summary-grid>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.shift-summary-grid svg{width:18px;color:var(--green)}.shift-summary-grid span{color:var(--muted);font-size:.84rem}.shift-summary-grid strong{font-size:1.05rem}.notice.compact{padding:11px 13px;font-size:.82rem}.shift-planner-modal{width:min(1180px,100%)}.shift-planner-modal .modal-body{padding:0}.shift-manager-page{width:min(1460px,100%);margin-inline:auto}.shift-manager-page .page-heading{align-items:center}.shift-manager-page .large-icon.compact{width:54px;height:54px}.shift-planner-page{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:16px}.shift-planner-page>.notice{margin:18px 18px 0}.shift-workspace-tabs{padding:10px;display:flex;gap:7px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.shift-workspace-tabs button{padding:10px 14px;display:flex;align-items:center;gap:8px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;font-weight:750}.shift-workspace-tabs button.active{color:var(--green);background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.shift-workspace-tabs svg{width:18px}.shift-roster{display:grid;gap:22px;padding:24px}.shift-roster-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.shift-roster-header h2{margin:4px 0}.shift-roster-header p{max-width:680px;margin:0;font-size:.88rem}.shift-roster-actions{display:flex;align-items:flex-end;gap:8px}.shift-roster-actions label{gap:5px;font-size:.72rem}.shift-roster-actions input{min-height:42px;padding-block:8px}.shift-working-now{padding:14px 16px;display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);align-items:center;gap:12px 18px;background:color-mix(in srgb,var(--green) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));border-radius:14px}.shift-working-now>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.shift-working-now>header h3{margin:3px 0 0}.shift-working-now>header>svg{width:24px;color:var(--green)}.shift-working-now-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.shift-working-now-groups article{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:11px}.shift-working-now-groups article>header{padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.shift-working-now-groups article>header>div{min-width:0;display:grid}.shift-working-now-groups article>header span{overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.shift-working-now-groups article>header b{display:grid;place-items:center;min-width:28px;height:28px;color:var(--green);background:var(--green-soft);border-radius:50%}.shift-working-now-groups article.day>header{background:color-mix(in srgb,#d99418 7%,var(--surface))}.shift-working-now-groups article.night>header{background:color-mix(in srgb,#183b62 9%,var(--surface))}.shift-working-now-groups article>div{padding:9px 11px;display:flex;flex-wrap:wrap;gap:5px}.shift-working-now-groups article>div span{max-width:100%;padding:4px 7px;overflow:hidden;background:var(--surface-soft);border-radius:999px;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.shift-working-now-empty{padding:12px;color:var(--muted);background:var(--surface);border:1px dashed var(--line-strong);border-radius:10px;font-size:.82rem}.shift-working-now>p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.72rem}.shift-roster-calendar-layout{min-width:0;display:block}.shift-roster-calendar{min-width:0;padding:18px;display:grid;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.shift-roster-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.shift-roster-calendar>header h3{margin:3px 0 0}.shift-roster-calendar>header>div:last-child{display:flex;align-items:center;gap:6px}.shift-roster-calendar>header .compact{min-height:38px;padding:8px 12px}.shift-calendar-weekdays,.shift-roster-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.shift-calendar-weekdays span{padding:0 5px;color:var(--muted);font-size:.67rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.05em}.shift-roster-calendar-cell{position:relative;min-width:0}.shift-roster-calendar-cell:hover,.shift-roster-calendar-cell:focus-within{z-index:20}.shift-roster-calendar-cell>button{width:100%;min-width:0;min-height:92px;padding:8px;display:grid;align-content:space-between;gap:4px;color:var(--ink);text-align:left;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.shift-roster-calendar-cell>button:hover,.shift-roster-calendar-cell>button.previewed{border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 5%,var(--surface))}.shift-roster-calendar-cell>button:hover{transform:translateY(-1px)}.shift-roster-calendar-cell>button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.shift-roster-calendar-cell>button.outside{opacity:.45}.shift-calendar-date{display:flex;align-items:center;justify-content:space-between;gap:5px}.shift-calendar-date b{font-size:.78rem}.shift-calendar-date small{color:var(--green);font-size:.56rem;font-weight:800;text-transform:uppercase}.shift-roster-calendar-cell>button>strong{color:var(--green);font-size:1.1rem}.shift-calendar-labels{min-width:0;display:flex;flex-wrap:wrap;gap:3px}.shift-calendar-labels small{max-width:100%;padding:2px 4px;overflow:hidden;color:var(--muted);background:var(--surface);border-radius:4px;font-size:.56rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.shift-date-popover{position:absolute;top:0;left:calc(100% + 8px);width:min(340px,72vw);max-height:360px;overflow:auto;color:var(--ink);background:var(--surface);border:1px solid color-mix(in srgb,var(--green) 38%,var(--line));border-radius:12px;box-shadow:0 18px 45px color-mix(in srgb,var(--ink) 17%,transparent)}.shift-roster-calendar-cell.popover-left .shift-date-popover{right:calc(100% + 8px);left:auto}.shift-roster-calendar-cell.popover-up .shift-date-popover{top:auto;bottom:0}.shift-date-popover>header{position:sticky;top:0;z-index:1;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border-bottom:1px solid var(--line)}.shift-date-popover>header>div{display:grid;gap:2px}.shift-date-popover>header>b{padding:5px 8px;color:var(--green);background:var(--green-soft);border-radius:999px;font-size:.68rem;white-space:nowrap}.shift-date-popover-groups{display:grid}.shift-date-popover-groups section{padding:10px 12px;display:grid;gap:7px;border-bottom:1px solid var(--line)}.shift-date-popover-groups section>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.shift-date-popover-groups section>div strong{font-size:.75rem}.shift-date-popover-groups section>div span{color:var(--muted);font-size:.62rem;text-align:right}.shift-date-popover-groups section>p{margin:0;color:var(--ink);font-size:.7rem;line-height:1.5}.shift-date-popover-empty{margin:0;padding:18px 12px;color:var(--muted);font-size:.72rem}.shift-date-popover>footer{position:sticky;bottom:0;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);background:var(--surface-soft);border-top:1px solid var(--line);font-size:.58rem}.shift-date-popover>footer button{padding:3px 0;color:var(--green);background:transparent;border:0;cursor:pointer;font-size:.65rem;font-weight:800}.shift-roster-calendar>p{margin:0;color:var(--muted);font-size:.72rem}.shift-roster-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shift-roster-day{min-width:0;padding:18px;display:grid;align-content:start;gap:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px}.shift-roster-day>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.shift-roster-day>header h3{margin:3px 0 0}.shift-roster-day>header>strong{padding:6px 9px;color:var(--green);background:var(--green-soft);border-radius:999px;font-size:.78rem}.shift-roster-groups{display:grid;gap:10px}.shift-roster-group{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px}.shift-roster-group>header{padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.shift-roster-group>header>div{display:grid}.shift-roster-group>header span{color:var(--muted);font-size:.72rem}.shift-roster-group.night>header{background:color-mix(in srgb,#183b62 9%,var(--surface))}.shift-roster-group.day>header{background:color-mix(in srgb,#d99418 8%,var(--surface))}.shift-roster-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shift-roster-agents>div{min-width:0;padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;border-bottom:1px solid var(--line)}.shift-roster-agents>div:nth-child(odd){border-right:1px solid var(--line)}.shift-roster-agents>div>span:last-child{min-width:0;display:grid}.shift-roster-agents small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.shift-unscheduled{color:var(--muted);font-size:.78rem}.shift-unscheduled summary{cursor:pointer;font-weight:700}.shift-unscheduled>div{padding-top:9px;display:flex;flex-wrap:wrap;gap:5px}.shift-unscheduled>div span{padding:4px 7px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.shift-planner-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:620px}.shift-plan-list{padding:20px;background:var(--surface-soft);border-right:1px solid var(--line)}.shift-create-roster{width:100%;min-height:46px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--green);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;cursor:pointer}.shift-create-roster:hover,.shift-create-roster.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface))}.shift-create-roster>span{display:flex;align-items:center;gap:8px}.shift-create-roster svg{width:17px}.shift-create-roster .collapse-indicator{transform:rotate(90deg)}.shift-template-chooser{margin-top:9px;padding:11px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.shift-template-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px}.shift-template-grid button{padding:9px 10px;text-align:left;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;cursor:pointer}.shift-template-grid button:hover{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface))}.shift-existing-list{display:grid;gap:8px;margin-top:18px}.saved-shift-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.saved-shift-row:hover,.saved-shift-row.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface))}.saved-shift-select{min-width:0;padding:7px 6px;display:grid;gap:3px;color:var(--ink);text-align:left;background:transparent;border:0;cursor:pointer}.saved-shift-select strong{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.saved-shift-select small{overflow:hidden;font-size:.72rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.saved-shift-select span{color:var(--green);font-size:.68rem;font-weight:750}.saved-shift-row .icon-button{width:32px;height:32px}.shift-existing-list small{color:var(--muted);line-height:1.35}.shift-editor{display:grid;align-content:start;gap:20px;padding:20px;min-width:0}.shift-edit-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:color-mix(in srgb,var(--green) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:11px}.shift-edit-mode.editing{background:color-mix(in srgb,#d79a20 9%,var(--surface));border-color:color-mix(in srgb,#d79a20 30%,var(--line))}.shift-edit-mode>div{display:grid;gap:3px}.shift-edit-mode small,.shift-frequency-note{color:var(--muted);font-size:.72rem;line-height:1.4}.shift-edit-mode button{min-width:120px}.shift-editor :disabled:not(button){cursor:default;opacity:.78}.shift-frequency-picker button:disabled{cursor:default}.shift-view-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.shift-view-summary>div{min-width:0;display:grid;gap:4px;padding:11px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px}.shift-view-summary span{color:var(--muted);font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.shift-view-summary strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.shift-view-summary .shift-view-pattern{grid-column:1 / -1}.shift-step-heading>span svg{width:15px}.shift-step{display:grid;gap:15px}.shift-step+.shift-step{padding-top:19px;border-top:1px solid var(--line)}.shift-step-heading{display:flex;align-items:flex-start;gap:11px}.shift-step-heading>span{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;color:#fff;background:var(--green);border-radius:50%;font-weight:800}.shift-step-heading h3{margin:1px 0 3px}.shift-step-heading p{margin:0;color:var(--muted);font-size:.84rem}.shift-frequency-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shift-frequency-picker button{display:flex;align-items:flex-start;gap:11px;padding:15px;color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;cursor:pointer}.shift-frequency-picker button.active{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 14%,transparent);background:color-mix(in srgb,var(--green) 5%,var(--surface))}.shift-frequency-picker svg{flex:0 0 auto;width:20px;color:var(--green)}.shift-frequency-picker span{display:grid;gap:4px}.shift-frequency-picker small{color:var(--muted);line-height:1.4}.shift-help{display:flex;gap:10px;padding:12px 14px;color:var(--muted);background:var(--surface-soft);border-radius:10px}.shift-help svg{flex:0 0 auto;width:18px;color:var(--green)}.shift-help p{margin:0;font-size:.84rem}.shift-editor-fields{display:grid;grid-template-columns:1.4fr 1fr;align-items:start;gap:12px}.shift-editor-fields>label{align-self:start;align-content:start}.shift-editor-fields>label>input,.shift-editor-fields>label>.input-with-suffix{height:48px;min-height:48px}.shift-blocks{display:grid;gap:10px}.shift-blocks h3,.shift-assignment-section h3{margin:3px 0 0}.shift-add-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px}.shift-add-actions .text-link{white-space:nowrap}.shift-block-row{display:grid;grid-template-columns:30px 110px minmax(110px,1fr) 78px 110px 110px 36px;align-items:end;gap:8px;padding:8px;border:1px solid var(--line);border-radius:12px}.shift-block-row label{gap:5px;font-size:.72rem}.shift-block-row input,.shift-block-row select{min-width:0;padding:9px 10px}.shift-block-placeholder{min-width:0;height:46px}.shift-time-field{position:relative}.next-day-badge{position:absolute;top:-1px;right:1px;padding:1px 5px;color:var(--green);background:var(--green-soft);border-radius:999px;font-size:.58rem;line-height:1.5;font-weight:750}.shift-block-number{align-self:center;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--surface-soft);font-weight:800}.shift-save-actions{display:flex;justify-content:flex-end;gap:9px}.shift-save-actions svg{width:17px}.shift-copy-note{justify-self:end;max-width:650px;color:var(--muted);text-align:right;line-height:1.45}.weekly-shift-grid{display:grid;gap:7px}.weekly-shift-row{display:grid;grid-template-columns:minmax(160px,1fr) 130px 130px;align-items:end;gap:10px;padding:9px 11px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;opacity:.72}.weekly-shift-row.working{background:color-mix(in srgb,var(--green) 5%,var(--surface));opacity:1}.weekly-shift-row label{gap:5px;font-size:.72rem}.weekly-day-toggle{display:flex;flex-direction:row;align-items:center;gap:9px;min-height:42px;font-size:.86rem!important;font-weight:750}.weekly-day-toggle input{width:auto}.weekly-off{align-self:center;grid-column:2 / -1;color:var(--muted);font-size:.82rem}.shift-assignment-section{display:grid;gap:14px}.shift-assignment-section>div>p{margin:5px 0 0;font-size:.84rem}.shift-assignment-controls{display:grid;grid-template-columns:repeat(2,minmax(0,240px));align-items:start;gap:12px}.shift-assignment-controls label{align-self:start;align-content:start;gap:6px}.shift-assignment-controls label>input,.shift-assignment-controls label>select{height:48px;min-height:48px}.shift-assignment-controls small{color:var(--muted);line-height:1.35}.shift-assignment-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr);align-items:start;gap:14px}.shift-calendar-preview{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px}.shift-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shift-calendar-heading>div:first-child{display:grid;gap:3px}.shift-calendar-actions{display:flex;align-items:center;gap:7px}.secondary.compact{min-height:36px;padding:7px 11px}.shift-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.shift-calendar-weekdays span{color:var(--muted);font-size:.67rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.shift-preview-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.shift-preview-days>div{display:grid;justify-items:center;gap:2px;min-width:0;padding:8px 4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.shift-preview-days>div.working{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface));border-color:color-mix(in srgb,var(--green) 28%,var(--line))}.shift-preview-days.month-view>div{min-height:50px;align-content:center;padding:5px 3px}.shift-preview-days>div.outside-month{border-style:dashed}.shift-preview-days>div.not-started{color:var(--muted);background:transparent;border-style:dashed}.shift-preview-days span,.shift-preview-days small{font-size:.68rem}.shift-preview-days small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:currentColor}.shift-preview-days strong{font-size:.9rem}.shift-calendar-note{margin:0;color:var(--muted);font-size:.76rem}.shift-agent-search{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}.shift-agent-search svg{width:18px;color:var(--muted)}.shift-agent-search input{min-width:0;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.shift-agent-search span{color:var(--muted);font-size:.74rem;white-space:nowrap}.shift-agent-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto}.shift-agent-picker>label{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.shift-agent-picker input{width:auto}.shift-agent-picker .avatar{width:32px;height:32px}.shift-agent-picker label>span:last-child{display:grid;min-width:0}.shift-agent-picker small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-agent-assignment-panel{min-width:0;padding:14px;display:grid;gap:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.shift-agent-picker-heading{display:grid;gap:3px;padding-top:2px}.shift-agent-assignment-panel .shift-agent-picker{grid-template-columns:1fr;max-height:210px}.shift-agent-assignment-panel>.primary{width:100%}.shift-group-members{display:grid;gap:9px;padding:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--green) 26%,var(--line));border-radius:10px}.shift-group-members-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shift-group-members-heading>div{display:grid;gap:3px}.shift-member-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface));border-radius:999px;font-size:.78rem;font-weight:800}.shift-group-member-list{display:grid;max-height:190px;overflow:auto;border:1px solid var(--line);border-radius:9px}.shift-group-member-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border-bottom:1px solid var(--line)}.shift-group-member-list>div:last-child{border-bottom:0}.shift-group-member-list .avatar{width:30px;height:30px}.shift-group-member-list>div>span:nth-child(2){display:grid;min-width:0}.shift-group-member-list small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.shift-group-member-list .icon-button{width:32px;height:32px;color:var(--muted)}.shift-group-member-list .icon-button:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.shift-group-empty{display:flex;align-items:center;gap:8px;padding:10px;color:var(--muted);background:var(--surface-soft);border-radius:8px}.shift-group-empty svg{width:18px}.shift-group-empty p,.shift-members-save-note{margin:0}.shift-members-save-note{color:var(--muted);font-size:.7rem}.active-shift-assignments{display:grid;gap:8px;padding-top:6px}.active-shift-assignment-list{max-height:210px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:9px}.active-shift-assignment-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line)}.active-shift-assignment-list>div:last-child{border-bottom:0}.active-shift-assignment-list>div>span{min-width:0;display:grid}.active-shift-assignment-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-shift-assignment-list .icon-button{flex:0 0 auto;width:32px;height:32px}.active-shift-assignments small{color:var(--muted)}.active-shift-assignments .text-link{white-space:nowrap}@media (max-width: 1100px){.shift-assignment-grid{grid-template-columns:1fr}}@media (max-width: 900px){.shift-roster-header{align-items:flex-start}.shift-roster-days,.shift-working-now{grid-template-columns:1fr}.shift-working-now>p{grid-column:1}.shift-planner-layout{grid-template-columns:1fr}.shift-plan-list{border-right:0;border-bottom:1px solid var(--line)}.shift-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shift-block-row{grid-template-columns:30px 1fr 1fr}.shift-block-row label{grid-column:auto}.shift-block-placeholder{display:none}.shift-view-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.shift-workspace-tabs,.shift-roster-actions{display:grid;grid-template-columns:1fr}.shift-workspace-tabs button,.shift-roster-actions button{width:100%}.shift-roster{padding:15px}.shift-roster-header{display:grid}.shift-roster-calendar{padding:13px}.shift-roster-calendar-cell>button{min-height:78px;padding:6px}.shift-roster-agents{grid-template-columns:1fr}.shift-roster-agents>div:nth-child(odd){border-right:0}.shift-summary-grid,.shift-editor-fields,.shift-agent-picker,.shift-frequency-picker,.shift-assignment-controls,.shift-template-grid{grid-template-columns:1fr}.shift-edit-mode{align-items:stretch;display:grid}.shift-edit-mode button{width:100%}.shift-view-summary{grid-template-columns:1fr}.shift-view-summary .shift-view-pattern{grid-column:auto}.shift-block-row{grid-template-columns:28px 1fr}.shift-block-row label,.shift-block-row .icon-button{grid-column:2}.weekly-shift-row{grid-template-columns:1fr 1fr}.weekly-day-toggle,.weekly-off{grid-column:1 / -1}.shift-calendar-heading{align-items:flex-start}.shift-preview-days{grid-template-columns:repeat(4,minmax(0,1fr))}.shift-calendar-weekdays{display:none}}.hours-editor{display:grid}.hours-editor>div{display:grid;grid-template-columns:90px 44px 1fr auto 1fr;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-switch i{width:39px;height:23px;background:var(--line-strong)}.mini-switch i:after{width:17px;height:17px}.mini-switch input:checked+i:after{transform:translate(16px)}.generated-key{display:grid;gap:12px}.generated-key code{white-space:normal;overflow-wrap:anywhere}.pricing-note,.purchase-summary{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:14px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}.pricing-note span,.purchase-summary span{color:var(--muted)}.purchase-summary span{display:contents}.purchase-summary .shortfall{color:var(--danger)}.notice{padding:12px 14px;border-radius:9px;font-size:.85rem}.notice.error{color:#a52626;background:#ffeded;border:1px solid #f5caca}.notice.success{color:#096844;background:#e2f5eb;border:1px solid #bce4cf}.notice svg{flex:0 0 auto}.notice:has(svg){display:flex;align-items:center;gap:9px}.spin{animation:spin .75s linear infinite}.monitor-heading{margin-bottom:18px}.monitor-workspace-select{width:min(420px,100%);margin:0 0 18px}.monitor-audio-elements{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.monitor-policy{margin-bottom:18px;padding:15px 17px;display:flex;align-items:flex-start;gap:12px;color:var(--green);background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:12px}.monitor-policy svg{flex:0 0 auto;margin-top:2px}.monitor-policy strong{color:var(--ink)}.monitor-policy p{margin:3px 0 0;font-size:.82rem}.monitor-now{margin-bottom:22px;padding:16px 18px;display:grid;grid-template-columns:auto minmax(180px,1fr) auto minmax(130px,220px) auto;align-items:center;gap:16px;border-color:color-mix(in srgb,var(--green) 55%,var(--line));box-shadow:0 12px 30px #006d5b17}.monitor-live-mark{display:flex;align-items:center;gap:7px;color:var(--green);font-size:.76rem;font-weight:700}.monitor-live-mark svg{animation:monitor-pulse 1.8s ease-in-out infinite}.monitor-now-call{min-width:0;display:grid}.monitor-now-call span{overflow:hidden;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.monitor-duration{font:650 1rem var(--font-sans);font-variant-numeric:tabular-nums}.monitor-volume{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}.monitor-volume input{min-height:30px;padding:0;border:0;box-shadow:none;accent-color:var(--green)}.monitor-audio-start{grid-column:1 / -1;justify-self:center}.monitor-call-section .section-title{margin-bottom:14px}.monitor-call-section .section-title p{margin:3px 0 0;font-size:.84rem}.monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.monitor-call-card{min-width:0;padding:17px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.monitor-call-card.is-listening{border-color:var(--green);box-shadow:inset 3px 0 var(--green)}.monitor-call-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:10px}.monitor-call-copy{min-width:0}.monitor-call-copy .eyebrow{margin-bottom:2px;font-size:.57rem}.monitor-call-copy h3{margin:0;overflow:hidden;font-size:.96rem;text-overflow:ellipsis;white-space:nowrap}.monitor-call-copy p{margin:2px 0 0;overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.monitor-call-card>button{grid-column:1 / -1;width:100%;min-height:40px}.monitor-call-card>.monitor-duration{font-size:.82rem}@keyframes monitor-pulse{50%{opacity:.45;transform:scale(.88)}}.reviewer-settings{display:grid;gap:18px}.reviewer-guardrail{padding:15px;display:flex;align-items:flex-start;gap:11px;color:var(--green);background:var(--green-soft);border-radius:11px}.reviewer-guardrail svg{flex:0 0 auto;margin-top:2px}.reviewer-guardrail strong{color:var(--ink)}.reviewer-guardrail p{margin:3px 0 0;font-size:.8rem}.reviewer-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.reviewer-summary span{font-weight:650}.reviewer-summary small{color:var(--muted)}.reviewer-list{display:grid;border-top:1px solid var(--line)}.reviewer-row{min-width:0;padding:13px 0;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.reviewer-avatar{width:38px;height:38px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:10px;font-weight:700}.reviewer-row>div{min-width:0;display:grid}.reviewer-row>div strong,.reviewer-row>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reviewer-row>div small{margin-top:2px;color:var(--muted);font-size:.7rem}.reviewer-row>button{min-height:38px}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;background:var(--paper)}.boot.inline{min-height:400px}.spinner{width:22px;height:22px;display:inline-block;border:2px solid var(--line-strong);border-top-color:var(--green);border-radius:50%;animation:spin .75s linear infinite}.analytics-loading-state{min-height:180px;margin:12px 0;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left}.analytics-loading-state>svg{width:24px;height:24px;color:var(--green);animation:spin .8s linear infinite}.analytics-loading-state>div{display:grid;gap:3px}.analytics-loading-state strong{font-size:.9rem}.analytics-loading-state span{color:var(--muted);font-size:.76rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1050px){.app-frame{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding-inline:12px}.sidebar .brand span,.workspace-card div,.sidebar nav span,.sidebar-foot button span:not(:has(svg)){display:none}.sidebar .brand{justify-content:center;padding:0}.workspace-card{justify-content:center;padding:10px}.sidebar nav a{justify-content:center;padding:0}.sidebar-foot button{display:grid;place-items:center}.sidebar-foot button span{font-size:0}.sidebar-foot button svg{font-size:initial}.sidebar-foot small{display:none}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-side{order:-1}.performance-layout{grid-template-columns:1fr}.agent-performance-detail{position:static;grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr)}.agent-performance-detail>header,.agent-performance-detail>.button{grid-column:1}.agent-performance-facts{grid-column:2;grid-row:1 / span 3}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-now{grid-template-columns:auto minmax(160px,1fr) auto auto}.monitor-volume{grid-column:2 / 4}.staffing-main-grid,.staffing-lower-grid{grid-template-columns:1fr}.staffing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1200px) and (min-width: 761px){.performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.history-layout{grid-template-columns:1fr}.filter-panel{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.filter-panel .section-title{grid-column:1 / -1}.filter-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel .filter-check{align-self:end;min-height:46px}.filter-panel .filter-actions{grid-column:span 2;grid-template-columns:minmax(180px,1fr) auto;align-items:center}.call-row{grid-template-columns:42px minmax(210px,1.35fr) minmax(90px,.65fr) 78px 62px 42px}}@media (max-width: 760px){.app-frame{display:block}.sidebar{position:fixed;left:0;width:min(320px,86vw);padding:24px 18px;transform:translate(-102%);transition:transform .22s ease;box-shadow:24px 0 70px #00000040}.sidebar.is-open{transform:none}.sidebar .brand{justify-content:flex-start;padding:0 10px}.sidebar .brand span,.workspace-card div,.sidebar nav span{display:initial}.workspace-card{justify-content:flex-start}.sidebar nav a{justify-content:flex-start;padding:0 13px}.sidebar-close{display:grid;position:absolute;top:20px;right:14px;color:#a9beb6}.nav-scrim{position:fixed;inset:0;z-index:19;border:0;background:#030c0966;backdrop-filter:blur(3px)}.topbar{height:66px;padding:0 16px}.menu-button{display:grid}.topbar-user div{display:none}.page{padding:28px 16px 48px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-heading h1{font-size:2.15rem}.page-heading p{font-size:.92rem}.page-heading>button{flex:0 0 auto}.page-heading-actions{width:100%;justify-content:stretch;flex-wrap:wrap}.page-heading-actions>button{flex:1}.performance-heading-actions{width:100%;justify-content:stretch}.performance-heading-actions .secondary{flex:1}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:140px}.health-grid{grid-template-columns:1fr 1fr}.health-status{align-items:flex-start}.metric-icon{margin-bottom:14px}.dashboard-grid,.balance-split{grid-template-columns:1fr}.balance-split>div+div{border-left:0;border-top:1px solid var(--line)}.room-grid{grid-template-columns:1fr}.room-card{min-height:220px}.room-hero{align-items:flex-start;padding:20px}.room-identity{align-items:flex-start}.room-letter.large{width:54px;height:54px}.link-banner{align-items:flex-start;flex-direction:column}.link-banner strong{max-width:82vw}.caller-link-builder{grid-template-columns:1fr;background:transparent;border:0;overflow:visible}.caller-link-builder>span,.caller-link-builder>small{padding:0}.caller-link-builder input{border:1px solid var(--line-strong);border-radius:10px}.caller-link-actions{width:100%;grid-template-columns:1fr 1fr}.caller-link-actions button{min-width:0;padding-inline:10px}.agent-row{grid-template-columns:42px minmax(0,1fr) 40px}.agent-row .reviewer-toggle,.agent-row .channel-reset{grid-column:2;justify-self:start}.agent-row .text-link{grid-column:2;width:max-content}.agent-row .icon-button{grid-column:3;grid-row:1}.history-layout{display:block}.filter-panel{position:static;margin-bottom:16px}.call-row{grid-template-columns:42px minmax(0,1fr) 34px 38px}.call-detail{display:none}.call-rating{min-width:0}.call-rating.comment-available{padding-inline:4px}.performance-toolbar{grid-template-columns:1fr}.performance-room-filter{grid-template-columns:72px minmax(0,1fr)}.performance-period{justify-content:flex-start}.performance-table-tools{align-self:flex-start}.custom-period{grid-template-columns:1fr 1fr auto;justify-content:stretch}.performance-metrics{grid-template-columns:1fr 1fr}.performance-metric{min-height:118px}.performance-insights,.metric-picker-grid{grid-template-columns:1fr}.export-selection>div{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-performance-detail{display:grid;grid-template-columns:1fr}.agent-performance-detail>header,.agent-performance-detail>.button,.agent-performance-facts{grid-column:1;grid-row:auto}.timeline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{display:block}.settings-nav{position:static;display:flex;overflow-x:auto;gap:7px;margin-bottom:16px;padding-bottom:3px}.settings-nav a{flex:0 0 auto;border:1px solid var(--line)}.auth-page{display:block;min-height:100vh;background:linear-gradient(180deg,#0e3d33 0 240px,var(--paper) 240px)}.auth-story{min-height:240px;padding:26px 22px 52px;display:block;background:transparent}.auth-story>div:nth-child(2),.auth-proof{display:none}.auth-panel{min-height:calc(100vh - 180px);margin-top:-46px;padding:28px 20px 45px;align-items:start;background:var(--surface);border-radius:28px 28px 0 0}.auth-form{gap:15px}.form-grid{grid-template-columns:1fr}.modal-layer{padding:10px;align-items:end}.modal{max-height:calc(100vh - 20px);border-radius:18px 18px 10px 10px}.hours-editor>div{grid-template-columns:1fr 42px}.hours-editor input[type=time],.hours-editor>div>span{grid-row:2}.api-status{align-items:flex-start;flex-direction:column}.api-status small{margin-left:0}.api-key-facts{grid-template-columns:1fr}.monitor-now{grid-template-columns:1fr auto;gap:12px}.monitor-live-mark{grid-column:1 / -1}.monitor-now-call{grid-column:1}.monitor-volume{grid-column:1 / -1}.monitor-now>.danger-button{grid-column:1 / -1}.monitor-grid{grid-template-columns:1fr}.reviewer-row{grid-template-columns:38px minmax(0,1fr) auto}.reviewer-row .status{display:none}.reviewer-row>button{grid-column:2 / -1;justify-self:start}.staffing-toolbar{grid-template-columns:1fr}.staffing-method-note{min-height:auto}.staffing-summary{grid-template-columns:1fr 1fr}.live-attention-list{grid-template-columns:1fr}.staffing-recommendations>div{grid-template-columns:1fr}.staffing-chart{overflow-x:auto}.staffing-chart-detail{grid-template-columns:repeat(3,minmax(0,1fr))}.workforce-strip{grid-template-columns:1fr 1fr}.agent-attention-list{grid-template-columns:1fr}}@media (max-width: 450px){.page-heading{display:grid}.page-heading>button{width:100%}.page-heading-actions{display:grid;grid-template-columns:1fr}.page-heading-actions>button{width:100%}.page-guide-layer{align-items:flex-end}.page-guide-panel{width:100%;height:min(88vh,760px);padding:22px 19px max(24px,env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--line-strong);border-radius:18px 18px 0 0;box-shadow:0 -24px 70px #051e172e}.page-guide-panel>header{grid-template-columns:38px minmax(0,1fr) 36px;gap:10px}.page-guide-symbol{width:38px;height:38px;border-radius:10px}.page-guide-intro{margin-top:18px}.performance-heading-actions{display:grid;grid-template-columns:1fr}.performance-heading-actions .secondary{width:100%}.room-hero{display:grid}.switch-row{justify-self:start}.section-title{align-items:flex-start}.demand-heading-actions{align-self:stretch;justify-content:space-between}.health-grid{grid-template-columns:1fr}.health-status{display:grid;grid-template-columns:auto 1fr}.health-status .text-link{grid-column:2;margin-left:0}.section-title .secondary{padding-inline:11px}.agent-row .text-link{font-size:.74rem}.settings-card,.panel{padding:19px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions button{width:100%}.custom-period,.performance-metrics{grid-template-columns:1fr}.export-format,.export-scope,.export-selection>div{grid-template-columns:1fr}.outcome-list>div{grid-template-columns:105px minmax(65px,1fr) 45px}.demand-bars{gap:2px}.custom-period .primary{width:100%}.performance-table-panel .section-title{align-items:flex-start}.performance-table-tools{gap:8px}.caller-link-actions{grid-template-columns:1fr}.shift-roster-calendar>header{align-items:flex-start}.shift-roster-calendar>header>div:last-child{flex-wrap:wrap;justify-content:flex-end}.shift-roster-calendar-grid{gap:3px}.shift-roster-calendar-cell>button{min-height:58px;padding:5px}.shift-roster-calendar-cell>button>strong{font-size:.9rem}.shift-calendar-date small,.shift-calendar-labels{display:none}.shift-date-popover,.shift-roster-calendar-cell.popover-left .shift-date-popover,.shift-roster-calendar-cell.popover-up .shift-date-popover{position:fixed;inset:auto 14px 14px;width:auto;max-height:min(420px,65vh)}.staffing-summary{grid-template-columns:1fr}.staffing-summary article{min-height:112px}.live-staffing-panel>header{display:grid}.live-staffing-panel>header .button{width:100%}.live-staffing-controls>label{grid-template-columns:auto minmax(64px,1fr) auto;width:100%}.live-staffing-controls input{width:100%}.live-workforce-strip{grid-template-columns:1fr}.staffing-chart-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.workforce-strip{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}