@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f6f8;--bg-surface: #ffffff;--bg-raised: #eef0f4;--text: #111827;--text-muted: #6b7280;--border: #e2e5ea;--border-focus: #000a4a;--accent: #000a4a;--accent-light: #1a2670;--cyan: #00c6fb;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--info: #2563eb;--sidebar-bg: #000a4a;--sidebar-hover: rgba(255,255,255,.08);--sidebar-active: rgba(0,198,251,.15);--focus-ring: 0 0 0 3px rgba(0, 10, 74, .12);--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06);--font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--transition: .15s ease}[data-theme=dark]{--bg: #0c0e1a;--bg-surface: #151829;--bg-raised: #1c2038;--text: #e8eaef;--text-muted: #7c84a0;--border: #282d4a;--border-focus: #00c6fb;--accent: #00c6fb;--accent-light: #33d4ff;--sidebar-bg: #0a0d1f;--focus-ring: 0 0 0 3px rgba(0, 198, 251, .15)}body{font-family:var(--font);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;padding:32px 40px;max-width:1200px;overflow-x:hidden}@media (max-width: 768px){.admin-main{padding:20px 16px}}.sidebar{width:260px;background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:30}.sidebar-header{padding:24px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{height:28px;width:auto;margin-bottom:20px;display:block}.sidebar-user{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:#00c6fb33;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--cyan);overflow:hidden}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-greeting{font-size:.7rem;color:#ffffff80;line-height:1.3}.sidebar-name{font-size:.85rem;font-weight:600;line-height:1.3}.sidebar-role{display:inline-block;font-size:.65rem;font-weight:600;color:var(--cyan);background:#00c6fb1a;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.sidebar-nav{flex:1;padding:12px 10px}.nav-group-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:12px 12px 6px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;background:transparent;color:#ffffffa6;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;transition:all var(--transition);text-align:left}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item--active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav-item--active svg{stroke:var(--cyan)}.nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:10px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;animation:navBadgePop .3s ease}.nav-badge--urgent{animation:navShake .6s ease}@keyframes navBadgePop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes navShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.sidebar-live-status{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#fff9;padding:8px 0 0;margin-top:6px;border-top:1px solid rgba(255,255,255,.08)}.live-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.live-dot--green{background:var(--success)}.live-dot--amber{background:var(--warning)}.live-dot--red{background:var(--danger);animation:pulseGlow 1.5s ease infinite}.live-sep{width:1px;height:10px;background:#ffffff26;margin:0 2px}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.4}}[data-state=healthy]{--state-glow: rgba(22, 163, 74, .06);--state-accent: var(--success)}[data-state=attention]{--state-glow: rgba(217, 119, 6, .06);--state-accent: var(--warning)}[data-state=urgent]{--state-glow: rgba(220, 38, 38, .08);--state-accent: var(--danger)}[data-state=urgent] .sidebar{border-right:2px solid var(--danger)}[data-state=attention] .sidebar{border-right:2px solid var(--warning)}.ico{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(135deg,#0a1628,#000a4a,#001040);display:flex;align-items:center;justify-content:center;animation:icoFadeIn .3s ease;overflow:hidden}@keyframes icoFadeIn{0%{opacity:0}to{opacity:1}}.ico-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(22,163,74,.2);animation:icoPulse 3s ease-out infinite}.ico-pulse--1{width:300px;height:300px;animation-delay:0s}.ico-pulse--2{width:500px;height:500px;animation-delay:.8s}.ico-pulse--3{width:700px;height:700px;animation-delay:1.6s}@keyframes icoPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.6}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.ico-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px}.ico-icon{width:80px;height:80px;border-radius:50%;background:#16a34a26;display:flex;align-items:center;justify-content:center;color:#4ade80;animation:icoIconPulse 1.5s ease infinite;margin-bottom:8px}@keyframes icoIconPulse{0%,to{box-shadow:0 0 #16a34a4d}50%{box-shadow:0 0 0 20px #16a34a00}}.ico-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;font-weight:600}.ico-number{font-size:2rem;font-weight:700;color:#fff;letter-spacing:.02em}.ico-sub{font-size:1rem;color:#ffffff80;font-variant-numeric:tabular-nums;margin-top:-4px}.ico-tags{display:flex;gap:8px;margin-top:4px}.ico-tag{font-size:.75rem;padding:3px 10px;border-radius:12px;background:#ffffff1a;color:#ffffffb3;font-weight:500}.ico-actions{display:flex;gap:32px;margin-top:32px}.ico-btn{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;transition:all .2s ease}.ico-btn--answer{width:88px;height:88px;border-radius:50%;background:var(--success);color:#fff;font-size:0;box-shadow:0 4px 24px #16a34a66;display:flex;align-items:center;justify-content:center;animation:icoAnswerPulse 2s ease infinite}.ico-btn--answer span{position:absolute;bottom:-28px;font-size:.8rem;color:#ffffffb3;white-space:nowrap}.ico-btn--answer:hover{transform:scale(1.1);box-shadow:0 6px 32px #16a34a99}.ico-btn--answer:active{transform:scale(.95)}@keyframes icoAnswerPulse{0%,to{box-shadow:0 4px 24px #16a34a66}50%{box-shadow:0 4px 40px #16a34a99,0 0 0 8px #16a34a26}}.ico-btn--reject{width:64px;height:64px;border-radius:50%;background:#dc262626;color:#f87171;font-size:0;align-self:center;position:relative}.ico-btn--reject span{position:absolute;bottom:-28px;font-size:.8rem;color:#fff6;white-space:nowrap}.ico-btn--reject:hover{background:#dc26264d;transform:scale(1.05)}@media (max-width: 480px){.ico-number{font-size:1.6rem}.ico-btn--answer{width:96px;height:96px}.ico-actions{gap:40px;margin-top:48px}}.pp{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:8px 0}.pp-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);padding:0 4px}.pp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pp-status-number{margin-left:auto;font-variant-numeric:tabular-nums;font-size:.75rem}.pp-dial-display{display:flex;align-items:center;position:relative}.pp-dial-input{width:100%;text-align:center;font-size:2rem;font-weight:300;letter-spacing:.04em;padding:12px 40px 12px 16px;border:none;border-bottom:2px solid var(--border);background:transparent;color:var(--text);font-family:inherit;outline:none;transition:border-color var(--transition)}.pp-dial-input:focus{border-bottom-color:var(--accent)}.pp-dial-input::placeholder{font-weight:300;color:var(--text-muted);font-size:1.2rem}.pp-dial-clear{position:absolute;right:8px;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:4px 8px}.pp-dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px}.pp-key{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;border-radius:var(--radius);border:none;background:var(--bg-surface);cursor:pointer;font-family:inherit;transition:all var(--transition);min-height:60px}.pp-key:hover{background:var(--bg-raised)}.pp-key:active{transform:scale(.95);background:var(--border)}.pp-key-main{font-size:1.4rem;font-weight:500;color:var(--text);line-height:1}.pp-key-sub{font-size:.55rem;letter-spacing:.12em;color:var(--text-muted);margin-top:2px}.pp-key--sm{padding:10px 8px;min-height:44px}.pp-key--sm .pp-key-main{font-size:1.1rem}.pp-call-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:50px;border:none;background:var(--success);color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.pp-call-btn:hover:not(:disabled){background:#15803d;transform:scale(1.02)}.pp-call-btn:disabled{opacity:.4;cursor:not-allowed}.pp-error{text-align:center;color:var(--danger);font-size:.8rem}.pp-call{text-align:center;padding:48px 16px 32px;display:flex;flex-direction:column;align-items:center;gap:8px}.pp-call-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.pp-call-number{font-size:1.5rem;font-weight:700;color:var(--text)}.pp-call-timer{font-size:2.5rem;font-weight:700;color:var(--success);font-variant-numeric:tabular-nums;margin:8px 0 24px}.pp-call-actions{display:flex;gap:12px;align-items:center}.pp-ctrl{padding:10px 20px;border-radius:50px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.pp-ctrl:hover{background:var(--bg-raised)}.pp-ctrl--active{background:var(--accent);color:#fff;border-color:var(--accent)}.pp-hangup{padding:12px 28px;border-radius:50px;border:none;background:var(--danger);color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.pp-hangup:hover{background:#b91c1c}.pp-dtmf{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:240px;margin-top:16px}.pp-recent{border-top:1px solid var(--border);padding-top:16px}.pp-recent-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.pp-recent-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:24px 0}.pp-recent-item{display:flex;align-items:center;gap:10px;padding:10px 4px;border-radius:var(--radius);cursor:pointer;transition:background var(--transition)}.pp-recent-item:hover{background:var(--bg-raised)}.pp-recent-dir{font-size:1rem;width:24px;text-align:center}.pp-recent-dir--inbound{color:var(--success)}.pp-recent-dir--outbound{color:var(--info)}.pp-recent-info{flex:1;min-width:0}.pp-recent-number{display:block;font-size:.9rem;font-weight:500;font-variant-numeric:tabular-nums}.pp-recent-meta{display:block;font-size:.75rem;color:var(--text-muted)}.pp-recent-status{font-size:.7rem;padding:2px 8px;border-radius:8px;background:var(--bg-raised);color:var(--text-muted);font-weight:500}.pp-recent-status--missed,.pp-recent-status--abandoned{background:#dc26261a;color:var(--danger)}.pp-recent-status--completed{background:#16a34a1a;color:var(--success)}@media (max-width: 480px){.pp{max-width:100%;padding:0}.pp-key{min-height:64px}.pp-key-main{font-size:1.6rem}.pp-dial-input{font-size:1.8rem}}.page-enter{animation:fadeSlideIn .25s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.call-connected-flash{animation:callConnectFlash .5s ease}@keyframes callConnectFlash{0%{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 12px #16a34a00}to{box-shadow:none}}.publish-success{animation:checkPop .4s ease}@keyframes checkPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.call-card-list{display:flex;flex-direction:column;gap:8px;padding:8px}.call-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);transition:background var(--transition)}.call-card:active{background:var(--bg-raised)}.call-card-dir{font-size:1.1rem;width:28px;text-align:center;flex-shrink:0}.call-card-dir--inbound{color:var(--success)}.call-card-dir--outbound{color:var(--info)}.call-card-body{flex:1;min-width:0}.call-card-number{display:block;font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums}.call-card-meta{display:flex;gap:8px;align-items:center;margin-top:2px;font-size:.75rem;color:var(--text-muted)}.call-card-badge{font-size:.65rem;padding:2px 8px;border-radius:8px;font-weight:600;flex-shrink:0}.call-card-badge--completed{background:#16a34a1a;color:var(--success)}.call-card-badge--missed,.call-card-badge--abandoned{background:#dc26261a;color:var(--danger)}.call-card-badge--voicemail{background:#2563eb1a;color:var(--info)}.call-card-badge--queued,.call-card-badge--ringing{background:#d977061a;color:var(--warning)}.call-card-recording{flex-shrink:0}.cb-card{padding:16px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;touch-action:pan-y}.cb-card-row{display:flex;justify-content:space-between;align-items:center}.cb-card-number{font-weight:600;font-variant-numeric:tabular-nums;font-size:1rem}.cb-card-time{font-size:.8rem}.cb-card-actions{display:flex;gap:8px}.empty-state-icon{margin:0 auto 12px;color:var(--text-muted);opacity:.4}.empty-state p{font-size:.9rem}.wizard{display:flex;flex-direction:column;gap:20px}.wizard-progress{display:flex;gap:4px;padding:4px;background:var(--bg-raised);border-radius:var(--radius-lg)}.wizard-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.wizard-step:hover{background:var(--bg-surface)}.wizard-step--active{background:var(--accent);color:#fff}.wizard-step--done{color:var(--success)}.wizard-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid var(--border)}.wizard-step--active .wizard-step-num{border-color:#fff;color:#fff}.wizard-step--done .wizard-step-num{border-color:var(--success);background:#16a34a1a}.wizard-step-label{font-size:.7rem;font-weight:500}.wizard-content{min-height:300px}.wizard-panel h3{font-size:1.1rem;margin-bottom:4px}.wizard-hint{font-size:.85rem;color:var(--text-muted)}.wizard-nav{display:flex;gap:8px;padding:16px 0;border-top:1px solid var(--border)}@media (max-width: 480px){.wizard-step-label{display:none}.wizard-progress{gap:2px}}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.sidebar-theme-select{background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:6px 8px;font-size:.75rem;font-family:inherit;cursor:pointer}.sidebar-logout{font-size:.75rem;color:#fff6;text-align:left;padding:4px 0;background:none;border:none;cursor:pointer;font-family:inherit}.sidebar-logout:hover{color:#fffc}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:40;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px;cursor:pointer;color:var(--text)}.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-menu-btn{display:flex}.sidebar{position:fixed;left:0;transform:translate(-100%);transition:transform .2s ease}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25}}.landing{display:flex;min-height:100vh}.landing-hero{flex:1;background:#000a4a;color:#fff;display:flex;align-items:center;justify-content:center;padding:60px 48px;position:relative;overflow:hidden}.landing-hero-content{position:relative;z-index:2;max-width:480px;width:100%}.landing-logo{height:32px;width:auto;margin-bottom:48px;opacity:.9}.landing-headline h1{font-size:2.8rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#00c6fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-tagline{font-size:1.05rem;line-height:1.6;color:#ffffffa6;margin-bottom:48px}.landing-features{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.landing-feature{display:flex;gap:14px;align-items:flex-start}.landing-feature-icon{width:40px;height:40px;border-radius:10px;background:#00c6fb1a;border:1px solid rgba(0,198,251,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#00c6fb}.landing-feature h3{font-size:.9rem;font-weight:600;margin-bottom:2px;color:#fff}.landing-feature p{font-size:.8rem;color:#ffffff80;line-height:1.5}.landing-footer-text{font-size:.7rem;color:#ffffff40;letter-spacing:.03em}.landing-hero-glow{position:absolute;top:-20%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,198,251,.08) 0%,transparent 70%);z-index:1}.landing-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.landing-form-side{width:480px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:48px;background:var(--bg)}.landing-form-container{width:100%;max-width:360px}.landing-form-header{margin-bottom:32px}.landing-form-header h2{font-size:1.5rem;font-weight:700;margin-bottom:6px;color:var(--text)}.landing-form-header p{color:var(--text-muted);font-size:.9rem}.landing-form{display:flex;flex-direction:column;gap:18px}.landing-field{display:flex;flex-direction:column;gap:6px}.landing-field label{font-size:.8rem;font-weight:600;color:var(--text)}.landing-field-row{display:flex;gap:12px}.landing-field-row>*{flex:1}.landing-input{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.9rem;padding:12px 14px;outline:none;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.landing-input:focus{border-color:#000a4a;box-shadow:0 0 0 3px #000a4a1a}.landing-input::placeholder{color:var(--text-muted)}.landing-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-raised)}[data-theme=dark] .landing-input:focus{border-color:#00c6fb;box-shadow:0 0 0 3px #00c6fb1a}.landing-submit{background:#000a4a;color:#fff;border:none;border-radius:var(--radius);font-family:inherit;font-weight:600;font-size:.95rem;padding:13px;cursor:pointer;transition:background .15s ease,transform 80ms ease;margin-top:4px}.landing-submit:hover{background:#001080}.landing-submit:active{transform:scale(.99)}[data-theme=dark] .landing-submit{background:#00c6fb;color:#000a4a}[data-theme=dark] .landing-submit:hover{background:#33d4ff}.landing-hint{font-size:.8rem;color:var(--text-muted);text-align:center;line-height:1.5}.landing-alert{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:var(--radius);padding:12px 14px;font-size:.85rem;margin-bottom:8px}[data-theme=dark] .landing-alert{background:#1f0a0a;color:#fca5a5;border-color:#3b1010}.landing-loader{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:var(--text-muted);font-size:.9rem}.landing-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.landing{flex-direction:column}.landing-hero{padding:40px 24px;min-height:auto}.landing-headline h1{font-size:2rem}.landing-features{display:none}.landing-form-side{width:100%;padding:32px 24px}.landing-form-container{max-width:400px}}.form-hint{font-size:.75rem;color:var(--text-muted)}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem;font-weight:700;margin-bottom:4px}.page-header p{color:var(--text-muted);font-size:.9rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card-title{font-size:.95rem;font-weight:700;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;gap:14px;position:relative}.stat-card--lg{grid-column:span 2}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon--success{background:#dcfce7;color:#16a34a}.stat-icon--warning{background:#fef3c7;color:#d97706}.stat-icon--info{background:#dbeafe;color:#2563eb}[data-theme=dark] .stat-icon--success{background:#0a2e15}[data-theme=dark] .stat-icon--warning{background:#352a0a}[data-theme=dark] .stat-icon--info{background:#1e3a5f}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.stat-value--xl{font-size:2rem}.stat-badge{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:20px}.stat-badge--success{background:#dcfce7;color:#16a34a}.stat-badge--warning{background:#fef3c7;color:#d97706}.stat-badge--danger{background:#fecaca;color:#dc2626}.quick-links{display:flex;flex-wrap:wrap;gap:10px}.quick-link{display:inline-flex;align-items:center;gap:8px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;font-size:.85rem;font-weight:500;font-family:inherit;color:var(--text);cursor:pointer;transition:all var(--transition)}.quick-link:hover{border-color:var(--accent)}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th{text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover{background:var(--bg-raised)}.td-muted{color:var(--text-muted)}.td-mono{font-variant-numeric:tabular-nums;font-weight:500}.td-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-actions{display:flex;gap:4px;align-items:center;white-space:nowrap}.badge{display:inline-block;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:20px;text-transform:capitalize}.badge--inbound{background:#dbeafe;color:#1d4ed8}.badge--outbound{background:#f3e8ff;color:#7c3aed}.badge--completed,.badge--available,.badge--accepted,.badge--success{background:#dcfce7;color:#166534}.badge--missed,.badge--failed{background:#fecaca;color:#991b1b}.badge--ringing,.badge--queued,.badge--pending,.badge--warning{background:#fef3c7;color:#92400e}.badge--in_progress,.badge--info{background:#dbeafe;color:#1d4ed8}.badge--away,.badge--offline,.badge--muted{background:var(--bg-raised);color:var(--text-muted)}[data-theme=dark] .badge--inbound{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .badge--outbound{background:#2e1a4a;color:#c4b5fd}[data-theme=dark] .badge--completed,[data-theme=dark] .badge--available,[data-theme=dark] .badge--success{background:#0a2e15;color:#86efac}[data-theme=dark] .badge--missed,[data-theme=dark] .badge--failed{background:#3b1010;color:#fca5a5}[data-theme=dark] .badge--pending,[data-theme=dark] .badge--warning{background:#352a0a;color:#fde68a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius);font-family:inherit;font-weight:600;cursor:pointer;padding:9px 16px;font-size:.85rem;transition:all var(--transition);white-space:nowrap;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-light)}.btn-secondary{background:var(--bg-raised);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--bg-raised)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-xs{padding:4px 8px;font-size:.75rem}.input{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.85rem;padding:9px 12px;outline:none;width:100%;transition:border-color var(--transition)}.input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.input::placeholder{color:var(--text-muted)}.input--sm{padding:6px 10px;font-size:.8rem}.input--textarea{resize:vertical;min-height:60px}.input:disabled{opacity:.6;cursor:not-allowed}.form-grid{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.form-row{display:flex;gap:14px}.form-row>*{flex:1}.form-error{color:var(--danger);font-size:.8rem}.form-info{color:var(--text-muted);font-size:.85rem}.form-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;font-weight:500}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.filter-field{display:flex;flex-direction:column;gap:4px}.filter-field label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.tab-bar{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-raised);border-radius:var(--radius);padding:3px}.tab{padding:8px 16px;border:none;background:transparent;border-radius:6px;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.tab:hover{color:var(--text)}.tab--active{background:var(--bg-surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.menu-grid{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:10px}.menu-digit{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.action-bar{display:flex;gap:8px;margin-top:20px}.alert{padding:12px 16px;border-radius:var(--radius);font-size:.85rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.alert--danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert--warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}[data-theme=dark] .alert--danger{background:#1f0a0a;color:#fca5a5;border-color:#3b1010}[data-theme=dark] .alert--success{background:#0a1f13;color:#86efac;border-color:#0a2e15}[data-theme=dark] .alert--warning{background:#1f1a0a;color:#fde68a;border-color:#352a0a}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:12px}.bar-label{font-size:.8rem;font-weight:500;width:100px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{flex:1;height:24px;background:var(--bg-raised);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:4px;transition:width .4s ease;min-width:2px}.bar-value{font-size:.8rem;font-weight:700;width:36px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:var(--text-muted);font-size:.85rem}.loading-state{color:var(--text-muted);padding:20px;font-size:.85rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.stat-card--lg{grid-column:span 1}}.sw-fab{position:fixed;bottom:24px;right:24px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #000a4a4d;transition:all .2s ease}.sw-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #000a4a66}.sw-fab--ringing{background:var(--success);animation:fabRing 1s ease-in-out infinite;box-shadow:0 4px 16px #16a34a66}.sw-fab--active{background:var(--success);box-shadow:0 4px 16px #16a34a4d}@keyframes fabRing{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.05)}75%{transform:scale(1.1) rotate(5deg)}}.sw-fab-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid var(--accent)}.sw-fab-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.sw-fab-timer{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:var(--success);color:#fff;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.sw-panel{position:fixed;bottom:24px;right:24px;z-index:50;width:320px;max-height:calc(100vh - 48px);background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;animation:panelSlideUp .2s ease}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .sw-panel{box-shadow:0 8px 32px #0006,0 2px 8px #0003}.sw-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-raised)}.sw-header-left{display:flex;align-items:center;gap:8px;color:var(--text)}.sw-header-title{font-weight:700;font-size:.9rem}.sw-sip-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sw-sip-label{font-size:.7rem;color:var(--text-muted)}.sw-header-right{display:flex;gap:4px}.sw-header-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all var(--transition)}.sw-header-btn:hover{background:var(--border);color:var(--text)}.sw-incoming{padding:20px 16px;background:var(--accent);color:#fff;text-align:center;position:relative;overflow:hidden}.sw-incoming-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,198,251,.15) 0%,transparent 70%);animation:incomingPulse 2s ease-in-out infinite}@keyframes incomingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.sw-incoming-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:4px;position:relative}.sw-incoming-number{display:block;font-size:1.2rem;font-weight:700;margin-bottom:16px;position:relative}.sw-incoming-actions{display:flex;gap:10px;justify-content:center;position:relative}.sw-active-call{padding:16px;text-align:center;background:linear-gradient(135deg,#16a34a0f,#16a34a05);border-bottom:1px solid var(--border)}.sw-active-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sw-active-number{display:block;font-size:1rem;font-weight:700;margin:2px 0}.sw-active-timer{display:block;font-size:1.4rem;font-weight:700;color:var(--success);font-variant-numeric:tabular-nums;margin-bottom:12px}.sw-active-actions{display:flex;gap:8px;justify-content:center;align-items:center}.sw-ctrl-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.sw-ctrl-btn:hover{background:var(--bg-raised);color:var(--text)}.sw-ctrl-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.sw-dialpad-section{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}.sw-dial-display{display:flex;align-items:center;position:relative}.sw-dial-input{width:100%;background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1.2rem;font-weight:700;padding:10px 36px 10px 12px;text-align:center;font-variant-numeric:tabular-nums;outline:none;font-family:inherit;transition:border-color var(--transition)}.sw-dial-input:focus{border-color:var(--border-focus)}.sw-dial-input::placeholder{color:var(--text-muted);font-weight:400;font-size:.9rem}.sw-dial-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:4px}.sw-dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sw-key{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .1s,transform 60ms;font-family:inherit}.sw-key:hover{background:var(--bg-raised)}.sw-key:active{transform:scale(.95)}.sw-key-main{font-size:1.1rem;font-weight:600;line-height:1}.sw-key-sub{font-size:.5rem;letter-spacing:.08em;color:var(--text-muted);margin-top:1px}.sw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:50px;font-family:inherit;font-weight:600;font-size:.85rem;cursor:pointer;padding:10px 20px;transition:all .15s ease;white-space:nowrap}.sw-btn:disabled{opacity:.5;cursor:not-allowed}.sw-btn--call{background:var(--success);color:#fff;width:100%;padding:12px;box-shadow:0 2px 8px #16a34a40}.sw-btn--call:hover:not(:disabled){background:#15803d}.sw-btn--answer{background:var(--success);color:#fff;flex:1}.sw-btn--reject{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);flex:1}.sw-btn--reject:hover{background:var(--danger);border-color:var(--danger)}.sw-btn--hangup{background:var(--danger);color:#fff;padding:8px 20px;font-size:.8rem}.sw-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--border);background:var(--bg-raised)}.sw-status-agent{font-size:.75rem;color:var(--text-muted);font-weight:500}.sw-status-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:capitalize}.sw-status-badge--available{background:#dcfce7;color:#166534}.sw-status-badge--away{background:#fef3c7;color:#92400e}.sw-status-badge--offline{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border)}[data-theme=dark] .sw-status-badge--available{background:#0a2e15;color:#86efac}[data-theme=dark] .sw-status-badge--away{background:#352a0a;color:#fde68a}.sw-error{font-size:.8rem;color:var(--danger);text-align:center}@media (max-width: 480px){.sw-panel{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;max-height:100vh;border-radius:0;z-index:9999}.sw-fab{bottom:16px;right:16px}.sw-header{padding:16px;min-height:56px}.sw-header-back{display:flex}.sw-dial-input{font-size:1.6rem;padding:14px}.sw-dialpad{gap:10px;padding:4px 0}.sw-key{padding:14px 8px;min-height:56px}.sw-key-main{font-size:1.4rem}.sw-key-sub{font-size:.6rem}.sw-btn--call,.sw-btn--answer,.sw-btn--hangup{padding:14px 24px;font-size:1rem}.sw-incoming{padding:32px 16px}.sw-incoming-number{font-size:1.5rem}.sw-incoming-actions{gap:16px;margin-top:24px}.sw-incoming-actions .sw-btn{padding:14px 24px;font-size:1rem;min-width:120px}.sw-active-call{padding:32px 16px}.sw-active-number{font-size:1.3rem}.sw-active-timer{font-size:2rem;margin-bottom:20px}.sw-ctrl-btn{width:52px;height:52px}.sw-active-actions{gap:16px}.sw-recent-item,.sw-status-bar{padding:14px 16px}.sw-tab{padding:14px;font-size:.9rem}}.sw-header-back{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:8px;margin-right:4px;transition:background .15s}.sw-header-back:hover{background:var(--bg-raised)}.sw-tabs{display:flex;border-bottom:1px solid var(--border)}.sw-tab{flex:1;padding:10px;border:none;background:transparent;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s;border-bottom:2px solid transparent}.sw-tab:hover{color:var(--text)}.sw-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.sw-recent{max-height:320px;overflow-y:auto}.sw-recent-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:.8rem}.sw-recent-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border)}.sw-recent-item:last-child{border-bottom:none}.sw-recent-item:hover{background:var(--bg-raised)}.sw-recent-dir{font-size:1rem;flex-shrink:0}.sw-recent-dir.inbound{color:var(--success)}.sw-recent-dir.outbound{color:var(--accent)}.sw-recent-info{flex:1;display:flex;flex-direction:column;min-width:0}.sw-recent-number{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-recent-meta{font-size:.7rem;color:var(--text-muted)}.sw-recent-status{font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:10px}.sw-recent-status--missed{background:#fecaca;color:#991b1b}.sw-recent-status--ringing{background:#fef3c7;color:#92400e}[data-theme=dark] .sw-recent-status--missed{background:#3b1010;color:#fca5a5}.sw-recent-call{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--success);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.sw-recent-call:hover{background:var(--success);color:#fff;border-color:var(--success)}.sw-cx{padding:12px 16px;border-top:1px solid var(--border);max-height:240px;overflow-y:auto}.sw-cx-loading{padding:12px 16px;font-size:.8rem;color:var(--text-muted);text-align:center;border-top:1px solid var(--border)}.sw-cx-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sw-cx-avatar{width:32px;height:32px;border-radius:50%;background:#00c6fb1a;border:1px solid rgba(0,198,251,.2);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.sw-cx-identity{flex:1;min-width:0}.sw-cx-name{display:block;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-cx-email{display:block;font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-cx-tier{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:10px;background:#00c6fb1a;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.sw-cx-metrics{display:flex;gap:8px;margin-bottom:10px}.sw-cx-metric{flex:1;background:var(--bg-raised);border-radius:6px;padding:6px 8px;text-align:center}.sw-cx-metric-label{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sw-cx-metric-value{display:block;font-size:.8rem;font-weight:700;margin-top:1px}.sw-cx--active{color:var(--success)}.sw-cx--inactive{color:var(--danger)}.sw-cx--warn{color:var(--warning)}.sw-cx-section-label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.sw-cx-last-tx{background:var(--bg-raised);border-radius:6px;padding:8px 10px;margin-bottom:8px}.sw-cx-tx-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.sw-cx-tx-type{font-size:.8rem;font-weight:500}.sw-cx-tx-amount{font-size:.85rem;font-weight:700}.sw-cx-tx-time{font-size:.7rem;color:var(--text-muted)}.sw-cx-tx-desc{display:block;font-size:.7rem;color:var(--text-muted);margin-top:2px}.sw-cx-tx-status{font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:8px}.sw-cx-tx-status--success,.sw-cx-tx-status--completed{background:#dcfce7;color:#166534}.sw-cx-tx-status--failed,.sw-cx-tx-status--error{background:#fecaca;color:#991b1b}.sw-cx-tx-status--pending{background:#fef3c7;color:#92400e}[data-theme=dark] .sw-cx-tx-status--success,[data-theme=dark] .sw-cx-tx-status--completed{background:#0a2e15;color:#86efac}[data-theme=dark] .sw-cx-tx-status--failed,[data-theme=dark] .sw-cx-tx-status--error{background:#3b1010;color:#fca5a5}.sw-cx-details{font-size:.75rem;margin-top:6px}.sw-cx-details summary{cursor:pointer;color:var(--text-muted);font-size:.7rem;-webkit-user-select:none;user-select:none;padding:4px 0}.sw-cx-tx-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.sw-cx-tx-item{display:flex;align-items:center;gap:8px;font-size:.75rem;padding:4px 0;border-bottom:1px solid var(--border)}.sw-cx-tx-item:last-child{border-bottom:none}.sw-incoming-phone{display:block;font-size:.8rem;opacity:.6;margin-bottom:8px;position:relative}.sw-incoming-intel{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px;position:relative}.sw-incoming-tag{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15)}.sw-incoming-tag--failed,.sw-incoming-tag--error{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.sw-incoming-tag--success,.sw-incoming-tag--completed{background:#22c55e26;border-color:#22c55e33}.sw-disposition{padding:16px;text-align:center}.sw-disposition-title{display:block;font-size:.9rem;font-weight:700;margin-bottom:14px}.sw-disposition-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.sw-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:50px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.sw-chip:hover{border-color:var(--accent)}.sw-chip--active{background:var(--accent);color:#fff;border-color:var(--accent)}.sw-chip-icon{font-size:.85rem}.sw-disposition-notes{width:100%;background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.8rem;padding:8px 10px;resize:none;outline:none;margin-bottom:12px}.sw-disposition-notes:focus{border-color:var(--accent)}.sw-disposition-notes::placeholder{color:var(--text-muted)}.sw-disposition-actions{display:flex;gap:8px;justify-content:center}.sw-btn--ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.sw-btn--ghost:hover{background:var(--bg-raised);color:var(--text)}.sw-btn--save{background:var(--accent);color:#fff;flex:1}.sw-btn--save:hover:not(:disabled){opacity:.9}.sw-dialpad-section--compact{padding:8px 16px 12px;border-top:1px solid var(--border)}.sw-dialpad-section--compact .sw-dialpad{gap:4px}.sw-key--sm{height:36px}.sw-key--sm .sw-key-main{font-size:.95rem}