:root{--ink: #2C3E50;--secondary: #757575;--muted: #6B7280;--border: #E0E0E0;--page-bg: #F9F9F9;--surface: #ffffff;--sidebar-bg: #2C3E50;--topbar-bg: #ffffff;--brand: #17A697;--brand-text: #0E7A6E;--brand-btn: #0E7A6E;--brand-dark: #2C3E50;--brand-bright: #4DB8AA;--brand-rgb: 23, 166, 151;--danger: #EF5350;--danger-dark: #C2185B;--warning: #F39C12;--tint: #E0F5F2;--status-break: #5B8DBE;--status-forwarded: #E67E22;--status-neutral: #757575;--space-2: 2px;--space-4: 4px;--space-5: 5px;--space-6: 6px;--space-8: 8px;--space-9: 9px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-15: 15px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--space-28: 28px}:root.dark{--page-bg: #1A242E;--topbar-bg: #22303D;--border: #3A4A59;--ink: #F5F5F5;--secondary: #BDBDBD;--surface: #22303D;--brand-text: var(--brand-bright);--danger-dark: var(--danger);--tint: rgba(77, 184, 170, .12)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--page-bg);color:var(--ink)}h1,h2,h3,h4{font-family:Plus Jakarta Sans,-apple-system,sans-serif}.app-shell{display:flex;min-height:100vh}.app-shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-content{flex:1;overflow:auto;padding:var(--space-28);max-width:1200px;width:100%;margin:0 auto}.page-loading{padding:40px;color:var(--muted);text-align:center}.sidebar{width:236px;flex-shrink:0;background:var(--sidebar-bg);color:#f5f5f5;display:flex;flex-direction:column;padding:var(--space-22) var(--space-14);padding-top:calc(22px + env(safe-area-inset-top));padding-left:calc(14px + env(safe-area-inset-left))}.sidebar-backdrop{display:none}.sidebar-logo{display:flex;align-items:center;gap:var(--space-10);padding:0 8px 26px}.logo-mark{width:30px;height:30px;border-radius:8px;background:var(--brand-bright);display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;color:var(--brand-dark)}.sidebar-logo span{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:17px;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-link{display:flex;align-items:center;gap:11px;padding:var(--space-10) var(--space-12);border-radius:8px;font-size:14px;font-weight:600;color:#9e9e9e;text-decoration:none}.sidebar-link:hover{background:#3a4a59;color:#f5f5f5}.sidebar-link.active{background:var(--brand-dark);color:#fff}.sidebar-footer{margin-top:auto;padding-top:var(--space-16);border-top:1px solid #3A4A59;display:flex;align-items:center;gap:var(--space-10)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-bright);color:var(--brand-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.sidebar-user{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#9e9e9e}.sidebar-logout{color:#9e9e9e;text-decoration:none;font-size:16px;padding:var(--space-4)}.sidebar-logout:hover{color:#fff}.topbar{height:calc(64px + env(safe-area-inset-top));flex-shrink:0;background:var(--topbar-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;padding-top:env(safe-area-inset-top);gap:var(--space-12)}.topbar-left{display:flex;align-items:center;gap:var(--space-12);min-width:0}.topbar-title{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:19px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-menu-btn{display:none;background:none;border:none;font-size:20px;color:var(--ink);cursor:pointer;padding:var(--space-4) var(--space-6);flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:var(--space-16)}.topbar-badge{display:flex;align-items:center;gap:var(--space-6);background:var(--tint);color:var(--brand-text);padding:var(--space-6) var(--space-12);border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.topbar-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}.topbar-connection-pill{white-space:nowrap;flex-shrink:0}.topbar-theme-toggle{cursor:pointer;display:flex;align-items:center;gap:var(--space-6);background:var(--page-bg);color:var(--secondary);border:none;padding:var(--space-6) var(--space-12);border-radius:20px;font-size:12px;font-weight:700;font-family:inherit}.mic-permission-banner{background:var(--danger);color:#fff;font-size:13px;font-weight:600;padding:var(--space-10) var(--space-20);text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-15);margin-bottom:25px}.card{background:var(--surface);padding:var(--space-18);border-radius:12px;border:1px solid var(--border)}.card p{font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800;color:var(--ink);margin:var(--space-6) 0 4px}.card-label{font-size:12px;color:var(--secondary);font-weight:600}.card-multi-stats{display:flex;gap:var(--space-14);margin-top:var(--space-8)}.card-multi-stat{display:flex;flex-direction:column}.card-multi-value{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;color:var(--ink)}.card-multi-sublabel{font-size:11px;color:var(--muted)}.panel{background:var(--surface);padding:var(--space-20);border-radius:12px;margin-bottom:var(--space-20);border:1px solid var(--border)}.panel h3{margin-top:0}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header h3{margin:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}th,td{padding:var(--space-12) var(--space-14);text-align:left}th{background:var(--page-bg);color:var(--secondary);font-size:12px;text-transform:uppercase;letter-spacing:.02em}tr:not(:last-child) td{border-bottom:1px solid var(--border)}.live-row{animation:pulse-row 1.6s ease-in-out infinite}@keyframes pulse-row{0%,to{background:transparent}50%{background:var(--tint)}}.empty{text-align:center;color:var(--muted);padding:var(--space-16)}.hint{color:var(--muted);font-size:13px;margin-top:calc(-1 * var(--space-6));margin-bottom:var(--space-16)}.tabs{display:flex;gap:var(--space-8);margin-bottom:var(--space-15)}.tab{background:var(--surface);border:1px solid var(--border);padding:var(--space-8) var(--space-16);border-radius:20px;cursor:pointer;font-size:13px;font-family:inherit;color:var(--secondary)}.tab.active{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark)}.direction-icon{display:block;vertical-align:middle}.direction-icon-incoming{color:var(--brand-text)}.direction-icon-outgoing{color:var(--brand-dark)}.direction-icon-missed{color:var(--danger)}.calls-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-16)}.calls-filters label{margin-bottom:0}.calls-filter-caller{flex:1;min-width:200px}.calls-filter-actions{display:flex;gap:var(--space-8)}.calls-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-6)}.calls-row-caption{color:var(--muted);font-size:13px;margin:var(--space-2) 0 0}.calls-mobile-list{display:none}.call-card{padding:var(--space-12) 0;border-top:1px solid var(--border)}.call-card:first-child{border-top:none}.call-card-top{display:flex;align-items:center;gap:var(--space-8)}.call-card-caller{flex:1;font-weight:700;font-family:JetBrains Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:var(--space-6)}.call-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-8)}.btn{font-family:inherit;font-size:13px;font-weight:600;padding:var(--space-9) var(--space-16);border-radius:8px;border:none;cursor:pointer;transition:opacity .15s ease}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-btn);color:#fff}.btn-secondary{background:var(--page-bg);color:var(--ink);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-callback-done{background:var(--tint);color:var(--brand-text)}.btn-link{background:none;padding:var(--space-4) var(--space-8);color:var(--brand-text);text-decoration:none}.btn-icon{background:var(--page-bg);border:1px solid var(--border);padding:var(--space-6);color:var(--secondary);cursor:pointer;display:inline-flex;align-items:center;border-radius:8px}.btn-icon:hover{background:var(--tint);border-color:var(--brand);color:var(--brand-text)}.btn-link-danger{color:var(--danger)}.row-actions{display:flex;gap:var(--space-4)}.status-pill{display:inline-block;padding:var(--space-5) var(--space-12);border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:capitalize}.status-dropdown{position:relative;display:inline-flex;align-items:center;border-radius:20px;padding:var(--space-5) var(--space-22) var(--space-5) var(--space-12)}.status-dropdown-disabled{opacity:.85}.status-dropdown-select{width:auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:#fff;font-size:12px;font-weight:600;font-family:inherit;text-transform:capitalize;cursor:pointer;padding:0;padding-right:var(--space-2)}.status-dropdown-select:disabled{cursor:default}.status-dropdown-select option{color:#000;background:#fff;text-transform:capitalize}.status-dropdown-chevron{position:absolute;right:7px;pointer-events:none;color:#fff}.stage-badge{display:inline-block;padding:var(--space-4) var(--space-10);border-radius:20px;font-size:12px;font-weight:600}.stage-waiting{background:var(--brand-dark);color:#fff}.stage-in-menu{background:var(--page-bg);color:var(--ink);border:1px solid var(--border)}.danger-text{color:var(--danger-dark)}label{display:block;font-size:13px;color:var(--secondary);font-weight:600;margin-bottom:var(--space-14)}input,select,textarea{display:block;width:100%;margin-top:var(--space-6);padding:var(--space-9) var(--space-10);border-radius:8px;border:1px solid var(--border);font-family:inherit;font-size:14px;font-weight:400;color:var(--ink);background:var(--surface)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.15)}textarea{resize:vertical}.error{color:var(--danger);font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c3e5080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-20)}.modal{background:var(--surface);border-radius:12px;padding:var(--space-28);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:var(--page-bg)}.error-boundary-card{background:var(--surface);border-radius:12px;padding:var(--space-28);width:100%;max-width:420px;text-align:center;box-shadow:0 20px 40px #0003}.error-boundary-card h3,.modal h3{margin-top:0}.modal-lg{max-width:560px}.modal-lg h4{margin-bottom:var(--space-8)}.call-details-summary{display:flex;gap:var(--space-24);padding:var(--space-14) 0;margin-bottom:var(--space-10);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.call-details-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--secondary);margin-bottom:var(--space-4)}.call-details-ticket{padding:var(--space-10) 0;border-bottom:1px solid var(--border)}.call-details-ticket-header{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-4)}.call-details-history-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-10);margin-top:var(--space-8)}.pwa-update-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:var(--space-12);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;padding:var(--space-10) var(--space-12) var(--space-10) var(--space-16);font-size:13px;font-weight:600}.toast-stack{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:var(--space-8);z-index:200}.toast{padding:var(--space-12) var(--space-14) var(--space-12) var(--space-18);border-radius:8px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 20px #00000026;animation:toast-in .2s ease;display:flex;align-items:center;gap:var(--space-12)}.toast-message{flex:1}.toast-close{background:none;border:none;color:#fff;opacity:.75;padding:var(--space-2);display:flex;cursor:pointer;flex-shrink:0}.toast-close:hover{opacity:1}.toast-success{background:var(--brand)}.toast-error{background:var(--danger)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.readiness-checklist{position:fixed;bottom:90px;right:20px;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;padding:var(--space-12) var(--space-14);z-index:90;animation:toast-in .2s ease;pointer-events:none}.readiness-checklist-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:var(--space-8)}.readiness-dismiss{background:none;border:none;color:var(--muted);padding:var(--space-2);display:flex;cursor:pointer;pointer-events:auto}.readiness-dismiss:hover{color:var(--ink)}.readiness-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-6) 0;font-size:12px;color:var(--ink)}.readiness-row-detail{color:var(--muted)}.readiness-row-failed .readiness-row-label{color:var(--danger)}.readiness-spin{color:var(--warning);animation:readiness-spin 1s linear infinite}@keyframes readiness-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ivr-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-20);align-items:start}.ivr-row{display:grid;grid-template-columns:40px 1fr auto;gap:var(--space-16);align-items:start;padding:var(--space-18) 0;border-top:1px solid var(--border)}.ivr-row:first-of-type{border-top:none}.ivr-row-digit{width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.ivr-row-fields{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.ivr-row-actions{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-4)}.ivr-preview-greeting{border:1px solid var(--brand-bright);background:var(--tint);border-radius:8px;padding:var(--space-10) var(--space-12);font-size:12px;color:var(--brand-dark);margin-bottom:var(--space-12)}.ivr-preview-step{display:flex;gap:var(--space-10);align-items:flex-start;margin-bottom:var(--space-10)}.ivr-preview-key{width:24px;height:24px;border-radius:6px;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.ivr-preview-text{font-size:12px;color:var(--secondary);line-height:1.4}.ivr-preview-text strong{display:block;color:var(--ink)}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-16)}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--space-18)}.agent-card-header{display:flex;align-items:center;gap:var(--space-12)}.agent-avatar{width:40px;height:40px;border-radius:50%;background:var(--tint);color:var(--brand-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.agent-card-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-card-meta{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-card-status{margin-top:var(--space-14)}.agent-card-actions{display:flex;gap:var(--space-6);margin-top:var(--space-12)}.fab{cursor:pointer;border:none;font-size:20px;box-shadow:0 6px 18px rgba(var(--brand-rgb),.35)}.floating-dialer{position:fixed;bottom:24px;right:24px;z-index:40}.fab-dialer{width:56px;height:56px;border-radius:50%;background:var(--brand)}.dialer-popover{position:absolute;bottom:66px;right:0;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:var(--space-18);box-shadow:0 8px 24px #00000024;max-height:calc(100vh - 100px);overflow-y:auto}.dialer-popover-open{animation:dialer-pop-in .15s ease-out;transform-origin:bottom right}@keyframes dialer-pop-in{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialer-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-10)}.dialer-popover-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px}.dialer-display-row{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-14)}.dialer-country-code{flex-shrink:0;background:var(--tint);color:var(--brand-text);border:none;border-radius:8px;padding:0 10px;height:28px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer}.dialer-display{flex:1;min-width:0;border:none;background:none;text-align:center;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:600;color:var(--ink);padding:var(--space-4) 0}.dialer-display:focus{outline:none}.dialer-backspace{flex-shrink:0;background:none;border:none;color:var(--secondary);cursor:pointer;display:flex;align-items:center;padding:var(--space-6);border-radius:8px}.dialer-backspace:hover{background:var(--page-bg);color:var(--ink)}.dialer-recent{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--border)}.dialer-recent-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--secondary);margin-bottom:var(--space-6)}.dialer-recent-item{display:block;width:100%;text-align:left;background:none;border:none;padding:var(--space-6) var(--space-4);font-size:13px;font-family:JetBrains Mono,monospace;color:var(--ink);cursor:pointer;border-radius:6px}.dialer-recent-item:hover{background:var(--page-bg)}.dialer-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-14);justify-content:center}.dialer-key{cursor:pointer;width:56px;height:56px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--page-bg);border:none;border-radius:50%;font-size:20px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--ink)}.dialer-key:hover{background:var(--tint);color:var(--brand-text)}.dialer-popover-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-10);margin-bottom:var(--space-4)}.dialer-call-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff}.dialer-call-btn:disabled{opacity:.6;cursor:default}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-14);margin-top:var(--space-14)}.pagination-status{font-size:13px;color:var(--muted)}.floating-analytics{position:fixed;bottom:24px;right:96px;z-index:40}.fab-analytics{background:var(--brand-dark);color:#fff;border-radius:20px;padding:var(--space-10) var(--space-16);display:flex;align-items:center;gap:var(--space-8);font-size:12px;font-weight:700;font-family:inherit;box-shadow:0 4px 16px #0000002e}.analytics-popover{position:absolute;bottom:44px;right:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--space-16);box-shadow:0 8px 24px #0000001f}.analytics-popover-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;margin-bottom:var(--space-10)}.analytics-row{display:flex;justify-content:space-between;font-size:12px;color:var(--secondary);margin-bottom:var(--space-6)}.analytics-section-label{margin-top:var(--space-16);margin-bottom:var(--space-6);font-weight:700}.sidebar-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px}.queue-row-warning{border-left:3px solid var(--warning)}.queue-row-danger{border-left:3px solid var(--danger-dark)}.tickets-mobile-list{display:none}.ticket-card{padding:var(--space-12) 0;border-top:1px solid var(--border)}.ticket-card:first-child{border-top:none}.ticket-card-top{display:flex;align-items:center;gap:var(--space-8)}.ticket-card-caller{flex:1;font-weight:700;font-family:JetBrains Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card-badges{display:flex;gap:var(--space-8);margin-top:var(--space-8)}.ticket-card-tag{margin:var(--space-4) 0 0}.ticket-card-date{margin-top:var(--space-6)}.agent-stats-mobile-list{display:none}.agent-stat-card{padding:var(--space-12) 0;border-top:1px solid var(--border)}.agent-stat-card:first-child{border-top:none}.agent-stat-card-top{display:flex;align-items:baseline;gap:var(--space-8)}.agent-stat-card-rank{color:var(--muted);font-weight:700}.agent-stat-card-name{font-weight:700}.agent-stat-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-8);font-weight:600}.recent-call-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--border)}.recent-call-row:first-of-type{border-top:none}.ticket-priority{display:inline-flex;align-items:center;gap:var(--space-6);font-weight:600}.ticket-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.page-narrow{max-width:720px}.page-medium{max-width:900px}.settings-group-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary);margin:var(--space-24) 0 var(--space-10)}.settings-group-label:first-child{margin-top:0}.live-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-8);border-radius:999px;background:#f39c1226;color:var(--warning);margin-right:var(--space-10)}.settings-audit-trail{color:var(--muted);font-size:.8rem;margin:var(--space-8) 0 0}.toggle-switch{display:inline-flex;align-items:center;margin-bottom:0;position:relative}.toggle-switch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-track{display:inline-block;width:46px;height:26px;border-radius:14px;background:#bdbdbd;position:relative;cursor:pointer;transition:background .15s ease}.toggle-switch input:checked+.toggle-track{background:var(--brand)}.toggle-switch input:focus+.toggle-track{box-shadow:0 0 0 3px rgba(var(--brand-rgb),.15)}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s ease}.toggle-switch input:checked+.toggle-track .toggle-knob{left:23px}.forwarding-rule-row{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1.4fr) auto;gap:var(--space-10);align-items:center;padding:var(--space-10) 0;border-top:1px solid var(--border)}.forwarding-rule-row:first-of-type{border-top:none}.forwarding-add-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:var(--space-10);margin-top:var(--space-14)}.wallet-topup-row{grid-template-columns:1fr 1fr auto}.wallet-config-row{grid-template-columns:1fr 1fr 1fr auto}.hours-row{grid-template-columns:1fr 1fr;max-width:360px}.hold-music-row{grid-template-columns:auto 1fr}.call-screen-stack{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:950;width:460px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center;gap:var(--space-16);max-height:calc(100vh - 96px);overflow-y:auto}.call-screen{width:100%;background:var(--surface);border-radius:28px;box-shadow:0 24px 70px #0000004d;padding:36px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);animation:call-screen-drop-in .25s ease-out;flex-shrink:0}.ticket-drawer{width:100%;background:var(--surface);border-radius:20px;box-shadow:0 20px 60px #00000040;padding:var(--space-20) var(--space-24);text-align:left;max-height:55vh;overflow-y:auto;animation:call-screen-drop-in .2s ease-out;flex-shrink:0}.ticket-drawer-header{display:flex;align-items:center;justify-content:space-between}.ticket-drawer-header h4{margin:0}@keyframes call-screen-drop-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.call-screen-pulse{animation:call-screen-drop-in .25s ease-out,call-screen-glow .9s ease-in-out infinite}@keyframes call-screen-glow{0%,to{box-shadow:0 20px 60px #00000040,0 0 #f39c1280}50%{box-shadow:0 20px 60px #00000040,0 0 0 14px #f39c1200}}.call-screen-avatar-wrap{position:relative;width:88px;height:88px;margin-bottom:var(--space-12)}.call-screen-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.call-screen-incoming .call-screen-avatar{background:linear-gradient(135deg,#ff9800,#f39c12)}.call-screen-outgoing .call-screen-avatar,.call-screen-active .call-screen-avatar{background:linear-gradient(135deg,#17a697,#2c3e50)}.call-screen-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #F39C12;animation:call-screen-ripple 1.4s ease-out infinite}@keyframes call-screen-ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.call-screen-number{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--ink)}.call-screen-status{font-size:14px;color:var(--secondary);margin-bottom:var(--space-14)}.call-screen-timer{font-family:JetBrains Mono,monospace;font-weight:600}.call-screen-add-party-status{font-size:12px;font-weight:600;color:var(--brand-text);margin-bottom:var(--space-10)}.call-screen-weak-connection{display:flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:12px;font-weight:600;color:var(--warning);margin-bottom:var(--space-10)}.call-screen-add-party-failed{color:var(--danger)}.call-screen-add-party-input{width:100%;margin-bottom:var(--space-14);text-align:center}.call-screen-keypad{margin-bottom:var(--space-14)}.call-screen-keypad-history{font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:2px;text-align:center;min-height:1.2em;margin-bottom:var(--space-8);color:var(--ink)}.call-screen-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.call-screen-keypad-key{aspect-ratio:1;border-radius:50%;border:1px solid var(--border);background:var(--page-bg);color:var(--ink);font-size:18px;font-weight:600;cursor:pointer}.call-screen-keypad-key:hover{background:var(--border)}.call-screen-keypad-key:active{transform:scale(.95)}.call-screen-primary-actions{display:flex;gap:32px;margin-top:var(--space-8)}.call-screen-round-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #0003}.call-screen-btn-answer{background:var(--brand)}.call-screen-btn-reject,.call-screen-btn-end{background:var(--danger)}.call-screen-controls-grid{display:flex;gap:var(--space-8);margin:var(--space-6) 0 16px;flex-wrap:wrap;justify-content:center}.call-screen-control{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:68px;background:none;border:none;cursor:pointer;padding:var(--space-8) var(--space-4);border-radius:12px;color:var(--ink);font-size:11px;font-weight:600}.call-screen-control:hover{background:var(--page-bg)}.call-screen-control:disabled{opacity:.5;cursor:default}.call-screen-control-active{color:var(--brand-text)}.app-shell-on-call .sidebar,.app-shell-on-call .topbar,.app-shell-on-call .app-content{opacity:.6;filter:blur(4px);transition:opacity .2s ease,filter .2s ease}.disposition-chips{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:var(--space-16) 0 20px}.chip{cursor:pointer;padding:var(--space-6) var(--space-12);border-radius:20px;font-size:12px;font-weight:600;font-family:inherit;border:1px solid var(--border);background:var(--surface);color:var(--secondary)}.chip-selected{background:var(--brand);color:#fff;border-color:var(--brand)}.hour-chart{display:flex;align-items:flex-end;gap:var(--space-8);height:140px}.hour-chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-6);height:100%}.hour-chart-bar{width:100%;background:var(--brand);border-radius:4px 4px 0 0;min-height:3px}.hour-chart-label{font-size:10px;color:var(--muted)}@media (max-width: 880px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:700;transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 24px #00000040}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:650}.modal-overlay{z-index:900}.toast-stack{z-index:850}.topbar-menu-btn{display:block}.topbar{padding:0 16px;padding-top:env(safe-area-inset-top)}.app-content{padding:var(--space-16)}.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-10)}.agent-grid{grid-template-columns:1fr}.panel{overflow-x:auto}table{width:auto;min-width:100%}.calls-table{display:none}.calls-mobile-list{display:block}.tickets-table{display:none}.tickets-mobile-list{display:block}.agent-stats-table{display:none}.agent-stats-mobile-list{display:block}.ivr-layout,.forwarding-add-row,.forwarding-rule-row,.wallet-topup-row,.wallet-config-row,.hours-row,.hold-music-row,.ivr-row{grid-template-columns:1fr}.modal-overlay{padding:var(--space-12)}.modal{padding:var(--space-20)}.call-screen-stack{top:calc(72px + env(safe-area-inset-top));width:calc(100vw - 24px);max-height:calc(100vh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.call-screen{padding:var(--space-22) var(--space-18);position:sticky;top:0;z-index:2}.ticket-drawer{padding:var(--space-16) var(--space-18)}.ticket-drawer .modal-actions{position:sticky;bottom:0;background:var(--surface);padding-top:var(--space-8);margin-top:0}.floating-analytics{right:16px;bottom:calc(90px + env(safe-area-inset-bottom))}.floating-dialer{right:16px;bottom:calc(20px + env(safe-area-inset-bottom))}.readiness-checklist{right:16px;bottom:calc(160px + env(safe-area-inset-bottom))}.toast-stack{left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom))}.toast{width:100%}}@media (max-width: 600px){.topbar-badge,.topbar-theme-toggle,.floating-analytics{display:none}.dialer-popover,.analytics-popover{width:calc(100vw - 32px);max-width:300px}.readiness-checklist{width:200px;font-size:.85em;bottom:calc(90px + env(safe-area-inset-bottom))}}