:root{--paused: #F26822;--paused-text: #F59422;--locating: #12679B;--live: #090;--hungup: #EC2C26;--dead: #EC2C26;--bg: #f4f5f7;--panel: #fff;--border: #d9dde3;--text: #222;--muted: #6b7280;--accent: #12679B;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg)}button{font:inherit;cursor:pointer;border-radius:4px;border:1px solid var(--border);background:#fff;padding:6px 12px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--hungup);border-color:var(--hungup);color:#fff}button.success{background:var(--live);border-color:var(--live);color:#fff}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:4px;width:100%;background:#fff}label{font-size:12px;color:var(--muted);display:block;margin-bottom:2px}#x5-main-container{display:flex;flex-direction:column;height:100vh}#x5-navbar{display:flex;align-items:center;gap:12px;padding:6px 14px;background:#1f2937;color:#fff}#x5-navbar .logo{font-weight:700;letter-spacing:.5px;margin-right:10px}#x5-navbar button{background:transparent;color:#e5e7eb;border-color:#374151;padding:4px 10px}#x5-navbar .spacer{flex:1}#x5-navbar .who{color:#9ca3af;font-size:12px}#x5-live-status-bar{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:12px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border)}#x5-live-status-color{display:flex;flex-direction:column;justify-content:center;padding:8px 12px;border-radius:6px;color:#fff;min-height:56px}#x5-live-status-text{font-weight:700;font-size:15px;letter-spacing:.5px}#x5-live-status-call-time-text{font-size:12px;opacity:.9}#x5-live-status-bar.paused #x5-live-status-color{background:var(--paused)}#x5-live-status-bar.locating-contact #x5-live-status-color{background:var(--locating)}#x5-live-status-bar.live-call #x5-live-status-color{background:var(--live)}#x5-live-status-bar.hung-up #x5-live-status-color,#x5-live-status-bar.dead #x5-live-status-color{background:var(--hungup)}#x5-live-status-customer{font-size:15px}#x5-live-status-customer-name{font-weight:600}#x5-live-status-detail{color:var(--muted);font-size:12px;margin-top:2px}#x5-live-status-action-buttons{display:flex;gap:8px}#x5-container{display:grid;grid-template-columns:260px 1fr;gap:12px;padding:12px 14px;flex:1;min-height:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px}#x5-contact-control{display:flex;flex-direction:column;gap:10px}#x5-contact-control .agent{font-weight:600}#x5-contact-control .ext{color:var(--muted);font-size:12px}#x5-contact-control .timer{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}#x5-contact-control .timer-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}#x5-contact-control .row{display:flex;gap:8px}#x5-contact-control .row button{flex:1}.check{display:flex;align-items:center;gap:6px;font-size:13px}.check input{width:auto}#x5-contact-main-panel{display:flex;flex-direction:column;gap:10px;min-height:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 14px;color:var(--muted)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}#user-form{display:grid;grid-template-columns:repeat(6,1fr);gap:8px 10px}#user-form .c2{grid-column:span 2}#user-form .c3{grid-column:span 3}#user-form .c6{grid-column:span 6}#user-form input[readonly]{background:#fafafa}#ScriptContents{line-height:1.5}#ScriptContents b{color:var(--accent)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;background:#e5e7eb;color:#374151}.badge.ok{background:#d1fae5;color:#065f46}.badge.warn{background:#fef3c7;color:#92400e}.badge.bad{background:#fee2e2;color:#991b1b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:#fff;border-radius:8px;padding:16px;min-width:520px;max-width:900px;max-height:85vh;overflow:auto;box-shadow:0 10px 40px #00000040}.modal h3{margin:0 0 12px}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}#DispoSelectBox .grid{display:grid;grid-auto-flow:column;gap:6px}#DispoSelectBox .grid button{text-align:left;padding:8px 10px}#DispoSelectBox .grid button.selected{outline:2px solid var(--accent)}#DispoSelectBox .hotkey{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:3px;background:#1f2937;color:#fff;font-size:11px;margin-right:6px}table.list{width:100%;border-collapse:collapse}table.list th,table.list td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);font-size:13px}.login{max-width:380px;margin:10vh auto}.login h2{margin-top:0}.login .field{margin-bottom:10px}.error{color:var(--hungup);font-size:13px}#WrapupBox{text-align:center;padding:24px}#WrapupBox .count{font-size:40px;font-weight:700}#x5-dtmf-pad{position:absolute;right:12px;margin-top:44px;z-index:5;display:grid;grid-template-columns:repeat(3,44px);gap:4px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026}#x5-live-status-action-buttons{position:relative}