:root{--bg: #ffffff;--surface: #f7f7f8;--border: #e4e4e7;--ink: #18181b;--muted: #71717a;--green: #16a34a;--red: #dc1c2e;--blue: #1f4da8;--amber: #d97706;--green-tint: rgba(22, 163, 74, .08);--red-tint: rgba(220, 28, 46, .08);--blue-tint: rgba(31, 77, 168, .08);--amber-tint: rgba(217, 119, 6, .08);--amber-text: #b45309;--green-strong: rgba(22, 163, 74, .28);--red-action: #dc1c2e;--green-action: #16a34a;--green-action-label: #ffffff;--titlebar: #f3f4f6;--led-glow-green: none;--led-glow-amber: none;--led-glow-red: none;--backdrop: #ecedef}[data-theme=dark]{--bg: #0e1116;--surface: #151a21;--border: #232b36;--ink: #e8edf4;--muted: #8b95a6;--green: #34d399;--red: #f0413e;--blue: #5b9dff;--amber: #fbbf24;--green-tint: rgba(52, 211, 153, .1);--red-tint: rgba(240, 65, 62, .1);--blue-tint: rgba(91, 157, 255, .1);--amber-tint: rgba(251, 191, 36, .08);--amber-text: #fbbf24;--green-strong: rgba(52, 211, 153, .32);--red-action: #dc1c2e;--green-action: #34d399;--green-action-label: #0a2e1f;--titlebar: #151a21;--led-glow-green: 0 0 7px rgba(52, 211, 153, .9);--led-glow-amber: 0 0 7px rgba(251, 191, 36, .9);--led-glow-red: 0 0 7px rgba(240, 65, 62, .9);--backdrop: #0a0d11}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;font-size:13px}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea{font:inherit;color:var(--ink)}.tnum{font-variant-numeric:tabular-nums}.app{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}@media(min-width:481px)and (min-height:701px){body{background:var(--backdrop);display:flex;align-items:center;justify-content:center}#root{height:auto}.app{width:380px;height:640px;border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 48px #0000002e}}.screen{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot-green{background:var(--green);box-shadow:var(--led-glow-green)}.dot-amber{background:var(--amber);box-shadow:var(--led-glow-amber)}.dot-red{background:var(--red);box-shadow:var(--led-glow-red)}.avatar{border-radius:50%;background:var(--blue-tint);color:var(--blue);font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:6px}.chip-blue{background:var(--blue-tint);color:var(--blue)}.chip-neutral{background:var(--surface);color:var(--muted);border:1px solid var(--border)}.chip-amber{background:var(--amber-tint);color:var(--amber-text)}.ic{flex:none}.statusbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);min-height:52px;flex:none}.statusbar .stext{font-size:13px;font-weight:600;color:var(--ink)}.statusbar .stext.green{color:var(--green)}.statusbar .stext.amber{color:var(--amber-text)}.statusbar .stext.red{color:var(--red)}.statusbar .ssub{font-size:12px;color:var(--muted)}.statusbar .spacer{flex:1}.statusbar .retry{font-size:12px;font-weight:600;color:var(--red)}.avatarbtn{border-radius:50%}.avatarbtn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:600;font-size:14px}.btn:disabled{opacity:.55;cursor:default}.btn-green{background:var(--green-action);color:var(--green-action-label)}.btn-red{background:var(--red-action);color:#fff}.btn-ink{background:var(--ink);color:var(--bg)}.btn-ghost{background:var(--bg);border:1px solid var(--border);color:var(--ink)}.btn-wa{background:var(--green-tint);color:var(--green);border:1px solid var(--green-strong)}.crm-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-size:12px;font-weight:500;text-decoration:none}.seclabel{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 16px 4px}.dialrow{display:flex;gap:10px;padding:16px 16px 12px;flex:none}.dialinput{flex:1;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:0 12px;font-size:13px;outline:none}.dialinput::placeholder{color:var(--muted)}.dialinput:focus{border-color:var(--blue)}.dialcall{width:44px;height:44px;border-radius:10px;flex:none}.recentslist{flex:1;overflow-y:auto;min-height:0}.rrow{display:flex;align-items:center;gap:12px;padding:11px 16px;min-height:58px;width:100%;text-align:left}.rrow+.rrow{border-top:1px solid var(--surface)}.rrow:hover,.rrow:focus-within{background:var(--surface)}.diricon{width:18px;height:18px;color:var(--muted);flex:none}.diricon.miss{color:var(--red)}.rmain{flex:1;min-width:0}.rname{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rmeta{font-size:12px;color:var(--muted);margin-top:2px}.rnote{font-size:12px;color:var(--muted);margin-top:3px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ract{display:flex;gap:6px;flex:none;opacity:0}.rrow:hover .ract,.rrow:focus-within .ract{opacity:1}.iconbtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center}.iconbtn:hover{background:var(--surface)}.addcrm{display:inline-flex;align-items:center;gap:4px;background:var(--blue-tint);color:var(--blue);font-size:12px;font-weight:500;border-radius:8px;padding:6px 10px;flex:none}.syncdot{width:6px;height:6px;border-radius:50%;flex:none;display:inline-block;margin-left:6px;vertical-align:1px}.syncdot.pending{background:transparent;border:1px solid var(--muted)}.syncdot.failed{background:var(--red)}.idle-footer{margin-top:auto;border-top:1px solid var(--border);padding:14px 16px;text-align:center;flex:none}.emptyrecents{padding:28px 16px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.in-hero{display:flex;flex-direction:column;align-items:center;padding:30px 16px 18px;flex:none}.ringwrap{margin-bottom:16px;border-radius:50%;box-shadow:0 0 0 7px #16a34a1a,0 0 0 16px #16a34a0d}[data-theme=dark] .ringwrap{box-shadow:0 0 0 7px #34d3991f,0 0 0 16px #34d3990f}.in-name{font-size:21px;font-weight:600;color:var(--ink);text-align:center}.in-num{font-size:14px;color:var(--muted);margin-top:4px}.in-chips{margin-top:10px;display:flex;gap:6px}.routedbanner{margin:4px 16px 0;background:var(--amber-tint);border:1px solid rgba(217,119,6,.32);border-radius:10px;padding:10px 14px;font-size:12px;font-weight:500;color:var(--amber-text);display:flex;align-items:center;gap:8px;flex:none}[data-theme=dark] .routedbanner{border-color:#fbbf244d}.leadcard{margin:8px 16px 0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px 14px;flex:none}.kv{display:flex;align-items:baseline;gap:12px;padding:11px 0}.kv+.kv{border-top:1px solid var(--border)}.kv .k{width:88px;flex:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.kv .v{font-size:13px;font-weight:500;color:var(--ink);line-height:1.4}.in-crmrow{text-align:center;padding:14px 16px 0;flex:none}.in-actions{margin-top:auto;display:flex;gap:12px;padding:16px;flex:none}.in-actions .btn{flex:1;height:52px}.call-hero{display:flex;flex-direction:column;align-items:center;padding:22px 16px 0;flex:none}.call-name{font-size:18px;font-weight:600;margin-top:12px}.call-num{font-size:13px;color:var(--muted);margin-top:3px}.timer{font-size:38px;font-weight:600;color:var(--ink);text-align:center;padding:14px 0 4px;letter-spacing:.01em;flex:none}.timer .substate{display:block;font-size:12px;font-weight:500;color:var(--amber-text);margin-top:2px}.ctxstrip{margin:10px 16px 0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 14px;flex:none;display:flex;align-items:center;gap:10px}.ctxmain{flex:1;min-width:0}.ctx1{font-size:13px;font-weight:500;color:var(--ink)}.ctx2{font-size:12px;color:var(--muted);margin-top:3px}.noteswrap{margin:14px 16px 0;flex:1;display:flex;flex-direction:column;min-height:0}.noteshead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.noteshead b{font-size:12px;font-weight:600;color:var(--ink)}.noteshead span{font-size:11px;color:var(--muted)}.notesbox{flex:1;border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:13px;line-height:1.5;color:var(--ink);background:var(--bg);resize:none;outline:none;min-height:60px}.notesbox:focus{border-color:var(--blue)}.ctlrow{display:flex;gap:10px;padding:14px 16px 0;flex:none}.ctl{flex:1;height:60px;border:1px solid var(--border);border-radius:10px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink)}.ctl span{font-size:11px;color:var(--muted);font-weight:500}.ctl:hover{background:var(--surface)}.ctl.engaged{background:var(--ink);border-color:var(--ink);color:var(--bg)}.ctl.engaged span{color:var(--bg)}.ctl.engaged.amber{background:var(--amber-tint);border-color:#d9770652;color:var(--amber-text)}.ctl.engaged.amber span{color:var(--amber-text)}.endwrap{padding:14px 16px 16px;flex:none}.endwrap .btn{height:52px;width:100%}.overlay{position:absolute;left:16px;right:16px;top:168px;bottom:152px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000024;display:flex;flex-direction:column;padding:12px;z-index:5}.overlayhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.overlayhead b{font-size:12px;font-weight:600}.overlayclose{font-size:12px;font-weight:500;color:var(--blue)}.dtmfdisplay{min-height:22px;text-align:center;font-size:16px;letter-spacing:.12em;color:var(--ink);margin-bottom:6px}.keypadgrid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{border:1px solid var(--border);border-radius:10px;font-size:17px;font-weight:600;background:var(--bg)}.key:hover{background:var(--surface)}.audiolist{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.audiodev{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;text-align:left}.audiodev.sel{border-color:var(--blue);background:var(--blue-tint);color:var(--blue);font-weight:600}.audionote{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}.pc-head{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;border-bottom:1px solid var(--border);flex:none}.pc-name{font-size:15px;font-weight:600}.pc-sub{font-size:12px;color:var(--muted);margin-top:2px}.pc-body{padding:16px;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.dchips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.dchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 12px}.dchip.sel{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}.pc-notes{border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:13px;line-height:1.5;color:var(--ink);min-height:92px;margin:8px 0 14px;background:var(--bg);resize:none;outline:none}.pc-notes:focus{border-color:var(--blue)}.remindpill{display:inline-flex;align-items:center;gap:7px;background:var(--blue-tint);color:var(--blue);font-size:12px;font-weight:500;border-radius:8px;padding:8px 12px;align-self:flex-start;white-space:nowrap}.remindpill input{background:transparent;border:none;color:var(--blue);font-size:12px;font-weight:500;outline:none;padding:0;width:168px;font-family:inherit}[data-theme=dark] .remindpill input{color-scheme:dark}.pc-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:14px;flex:none}.pc-actions .btn-ink{height:48px;width:100%}.pc-secondary{display:flex;gap:10px}.pc-secondary .btn-wa{flex:1;height:44px;font-size:13px;border-radius:10px}.pc-secondary .discard{flex:none;width:96px;height:44px;font-size:13px;font-weight:500;color:var(--muted);background:none;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center}.set-body{flex:1;overflow-y:auto;padding:4px 16px 16px}.set-field{margin-top:12px}.set-field label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.set-field input{width:100%;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:0 11px;font-size:13px;outline:none}.set-field input:focus{border-color:var(--blue)}.seg{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg button{flex:1;height:36px;font-size:12px;font-weight:500;color:var(--muted);background:var(--bg)}.seg button+button{border-left:1px solid var(--border)}.seg button.sel{background:var(--ink);color:var(--bg);font-weight:600}.set-actions{padding:12px 16px 16px;display:flex;gap:10px;flex:none;border-top:1px solid var(--border)}.set-actions .btn{flex:1;height:44px}.set-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}.backbtn{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:12px;font-weight:500}