:root{--canvas:#fff;--canvas-alt:#f5f5f4;--surface:#fff;--ink:#111;--ink-secondary:#5c5c5c;--hairline:#e7e5e4;--inverse:#111;--on-inverse:#fff;--signal:#ff5a1f;--signal-text:#c2410c;--on-signal:#111;--success:#15803d;--danger:#b91c1c;--warn-bg:#fff7ed;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-float:0 12px 32px #1111111f, 0 2px 6px #1111110f;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas-alt);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--mono);font-feature-settings:"zero" 0;letter-spacing:-.01em}.muted{color:var(--ink-secondary)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-secondary);font-size:11px;font-weight:600}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600}h1{letter-spacing:-.03em;font-size:28px}h2{font-size:20px}h3{font-size:15px}.topbar{z-index:20;background:var(--canvas);border-bottom:1px solid var(--hairline);align-items:center;gap:24px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand svg{width:auto;height:20px}.brand .product{color:var(--ink-secondary);border-left:1px solid var(--hairline);padding-left:10px;font-size:13px}.nav{gap:4px;display:flex}.nav a{border-radius:var(--radius-pill);color:var(--ink-secondary);padding:6px 12px;font-size:14px;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--canvas-alt)}.nav a.active{color:var(--ink);background:var(--canvas-alt);font-weight:500}.topbar .spacer{flex:1}.who{align-items:center;gap:10px;font-size:14px;display:flex}.avatar{background:var(--inverse);width:30px;height:30px;color:var(--on-inverse);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.btn{border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--inverse);color:var(--on-inverse);border-color:var(--inverse)}.btn.signal{background:var(--signal);color:var(--on-signal);border-color:var(--signal)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--canvas-alt);border-color:#0000}.btn.sm{height:30px;padding:0 12px;font-size:13px}.btn.danger{color:var(--danger)}kbd{font-family:var(--mono);border:1px solid var(--hairline);background:var(--canvas-alt);min-width:20px;height:20px;color:var(--ink-secondary);border-radius:6px;place-items:center;padding:0 5px;font-size:11px;display:inline-grid}.btn.primary kbd,.dial-btn kbd{color:#ffffffd9;background:#ffffff1f;border-color:#fff3}.chip{border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface);white-space:nowrap;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.chip.ok{color:var(--success)}.chip.bad{color:var(--danger);background:#fdf3f3;border-color:#f3c9c9}.chip.warn{color:var(--signal-text);background:var(--warn-bg);border-color:#fbd5c3}.chip.dark{background:var(--inverse);color:var(--on-inverse);border-color:var(--inverse)}.dot{background:var(--signal);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.grey{background:#a3a3a3}.dot.green{background:var(--success)}@keyframes op-live{0%,to{box-shadow:0 0 #ff5a1f73}60%{box-shadow:0 0 0 7px #ff5a1f00}}.dot.live{animation:2.4s ease-out infinite op-live}@media (prefers-reduced-motion:reduce){.dot.live{animation:none}}.page{max-width:1440px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md)}.card-pad{padding:20px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.banner{border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface);align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.banner.dark{background:var(--inverse);color:var(--on-inverse);border-color:var(--inverse)}.banner.dark .muted{color:#a3a3a3}.banner.warn{background:var(--warn-bg);border-color:#fbd5c3}.dialer{grid-template-columns:300px minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.queue{flex-direction:column;max-height:calc(100vh - 112px);display:flex;position:sticky;top:88px;overflow:hidden}.queue-head{border-bottom:1px solid var(--hairline);padding:16px 16px 12px}.queue-list{flex:1;overflow-y:auto}.q-item{text-align:left;border:0;border-bottom:1px solid var(--hairline);cursor:pointer;background:0 0;width:100%;padding:12px 16px;display:block}.q-item:hover{background:var(--canvas-alt)}.q-item.active{background:var(--canvas-alt);box-shadow:inset 3px 0 0 var(--ink)}.q-item .row1{justify-content:space-between;gap:8px;font-size:14px;font-weight:500;display:flex}.q-item .row2{color:var(--ink-secondary);justify-content:space-between;gap:8px;margin-top:2px;font-size:12px;display:flex}.seg{border-radius:var(--radius-pill);background:var(--canvas-alt);gap:2px;padding:3px;display:inline-flex}.seg button{border-radius:var(--radius-pill);cursor:pointer;color:var(--ink-secondary);background:0 0;border:0;padding:4px 10px;font-size:12px}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--hairline)}.lead-card{overflow:hidden}.lead-top{grid-template-columns:1fr auto;gap:16px;padding:24px;display:grid}.lead-name{letter-spacing:-.03em;font-size:26px;font-weight:600;line-height:1.15}.lead-meta{color:var(--ink-secondary);flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:14px;display:flex}.lead-meta a{color:var(--ink-secondary)}.clock{text-align:right}.clock .t{font-family:var(--mono);letter-spacing:-.03em;font-size:34px;font-weight:500;line-height:1}.clock .z{color:var(--ink-secondary);margin-top:6px;font-size:12px}.compliance{flex-wrap:wrap;align-items:center;gap:8px;padding:0 24px 20px;display:flex}.compliance label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.dial-panel{background:var(--inverse);color:var(--on-inverse);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:20px 24px;display:grid}.dial-panel .phone{font-family:var(--mono);letter-spacing:-.02em;font-size:28px;font-weight:500}.dial-panel .state{color:#a3a3a3;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.dial-btn{border-radius:var(--radius-pill);cursor:pointer;background:var(--signal);min-width:180px;height:56px;color:var(--on-signal);border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;display:inline-flex}.dial-btn kbd{color:var(--on-signal);background:#1111111f;border-color:#1113}.dial-btn.hang{color:var(--danger);background:#fff}.dial-btn.hang kbd{color:var(--danger);background:#fdf3f3;border-color:#f3c9c9}.dial-btn:disabled{color:#777;cursor:not-allowed;background:#2a2a2a}.dial-btn:disabled kbd{color:#777;background:0 0;border-color:#444}.blocked{color:#fca5a5;background:#1c1c1c;border-top:1px solid #262626;align-items:center;gap:8px;padding:12px 24px;font-size:13px;display:flex}.blocked.info{color:#fdba74}.outcomes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.outcome{text-align:left;border:1px solid var(--hairline);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.25;display:flex}.outcome:hover:not(:disabled){border-color:var(--ink)}.outcome:disabled{opacity:.4;cursor:not-allowed}.outcome.dnc{color:var(--danger)}.outcome.armed{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.need-outcome{outline:2px solid var(--signal);outline-offset:4px;border-radius:14px}textarea.input,input.input,select.input{border:1px solid var(--hairline);background:var(--surface);border-radius:12px;outline:none;width:100%;padding:10px 12px}textarea.input:focus,input.input:focus,select.input:focus{border-color:var(--ink)}textarea.input{resize:vertical;min-height:84px;line-height:1.5}.field{gap:6px;font-size:13px;display:grid}.history-item{border-top:1px solid var(--hairline);padding:12px 0;font-size:13px}.history-item:first-child{border-top:0}.history-item .h1{justify-content:space-between;gap:12px;display:flex}.transcript{white-space:pre-wrap;background:var(--canvas-alt);border-radius:12px;max-height:240px;margin-top:8px;padding:12px;font-size:13px;overflow:auto}.script{flex-direction:column;max-height:calc(100vh - 112px);display:flex;position:sticky;top:88px}.script-body{padding:4px 20px 20px;font-size:15px;line-height:1.6;overflow-y:auto}.script-body .sec{margin-top:18px}.script-body p{margin:4px 0 0}.script-body mark{color:var(--ink);border-bottom:1px solid var(--signal);background:0 0;font-weight:600}.toast{z-index:50;background:var(--inverse);color:var(--on-inverse);border-radius:var(--radius-pill);box-shadow:var(--shadow-float);align-items:center;gap:10px;padding:12px 18px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}table.t{border-collapse:collapse;width:100%;font-size:13px}table.t th{text-align:left;color:var(--ink-secondary);border-bottom:1px solid var(--hairline);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:500}table.t td{border-bottom:1px solid var(--hairline);vertical-align:middle;padding:10px 12px}table.t td.num,table.t th.num{text-align:right;font-family:var(--mono)}table.t tr:last-child td{border-bottom:0}.tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{padding:16px 18px}.tile .v{font-family:var(--mono);letter-spacing:-.03em;margin-top:6px;font-size:28px;font-weight:500}.tile .s{color:var(--ink-secondary);margin-top:2px;font-size:12px}.bars{gap:8px;display:grid}.bar-row{grid-template-columns:56px 1fr 120px;align-items:center;gap:12px;font-size:13px;display:grid}.bar-track{background:var(--canvas-alt);border-radius:var(--radius-pill);height:10px;overflow:hidden}.bar-fill{background:var(--ink);border-radius:var(--radius-pill);height:100%}.bar-fill.best{background:var(--signal)}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.login-wrap{background:var(--canvas);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{flex-direction:column;justify-content:space-between;padding:48px;display:flex}.login-form{gap:14px;width:100%;max-width:380px;display:grid}.login-right{background:var(--inverse);color:var(--on-inverse);flex-direction:column;justify-content:center;gap:24px;padding:48px;display:flex}.login-right .big{letter-spacing:-.035em;font-size:44px;font-weight:600;line-height:1.05}.login-right .rule{color:#d4d4d4;align-items:baseline;gap:12px;font-size:15px;display:flex}.login-right .rule .mono{color:#fff;min-width:64px}@media (max-width:1200px){.dialer{grid-template-columns:260px minmax(0,1fr)}.script{grid-column:1/-1;max-height:none;position:static}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.page{padding:16px}.topbar{gap:12px;padding:0 16px;overflow-x:auto}.brand .product{display:none}.dialer{grid-template-columns:1fr}.queue{order:2;max-height:320px;position:static}.dialer>section{order:1}.script{order:3}.outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-top{grid-template-columns:1fr}.clock{text-align:left}.dial-panel{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.login-wrap{grid-template-columns:1fr}.login-right{display:none}.login-left{padding:24px 16px}}
