:root{--ink: #2C3E50;--secondary: #757575;--muted: #9E9E9E;--border: #E0E0E0;--page-bg: #F9F9F9;--surface: #ffffff;--sidebar-bg: #2C3E50;--topbar-bg: #ffffff;--brand: #17A697;--brand-dark: #2C3E50;--brand-bright: #4DB8AA;--brand-rgb: 23, 166, 151;--danger: #EF5350;--danger-dark: #C2185B;--warning: #F39C12;--tint: #E0F5F2}:root.dark{--page-bg: #1A242E;--topbar-bg: #22303D;--border: #3A4A59;--ink: #F5F5F5;--secondary: #BDBDBD;--surface: #22303D}*{box-sizing:border-box}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:28px;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:22px 14px;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:10px;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:10px 12px;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:16px;border-top:1px solid #3A4A59;display:flex;align-items:center;gap:10px}.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:4px}.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:12px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title{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:4px 6px;flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--page-bg);border-radius:8px;padding:8px 12px;color:var(--secondary);font-size:13px;width:200px}.topbar-search-icon{opacity:.7}.topbar-badge{display:flex;align-items:center;gap:6px;background:var(--tint);color:var(--brand);padding:6px 12px;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:6px;background:var(--page-bg);color:var(--secondary);border:none;padding:6px 12px;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:10px 20px;text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:25px}.card{background:var(--surface);padding:18px;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:6px 0 4px}.card-label{font-size:12px;color:var(--secondary);font-weight:600}.card-multi-stats{display:flex;gap:14px;margin-top:8px}.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:20px;border-radius:12px;margin-bottom:20px;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{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}th,td{padding:12px 14px;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:16px}.hint{color:var(--muted);font-size:13px;margin-top:-6px;margin-bottom:16px}.tabs{display:flex;gap:8px;margin-bottom:15px}.tab{background:var(--surface);border:1px solid var(--border);padding:8px 16px;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)}.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:16px}.calls-filters label{margin-bottom:0}.calls-filter-caller{flex:1;min-width:200px}.calls-filter-actions{display:flex;gap:8px}.calls-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.calls-row-caption{color:var(--muted);font-size:13px;margin:2px 0 0}.calls-mobile-list{display:none}.call-card{padding:12px 0;border-top:1px solid var(--border)}.call-card:first-child{border-top:none}.call-card-top{display:flex;align-items:center;gap:8px}.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:6px}.call-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.btn{font-family:inherit;font-size:13px;font-weight:600;padding:9px 16px;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);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)}.btn-link{background:none;padding:4px 8px;color:var(--brand);text-decoration:none}.btn-icon{background:var(--page-bg);border:1px solid var(--border);padding:6px;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)}.btn-link-danger{color:var(--danger)}.row-actions{display:flex;gap:4px}.status-pill{display:inline-block;padding:5px 12px;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:5px 22px 5px 12px}.status-dropdown-disabled{opacity:.85}.status-dropdown-select{-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 2px 0 0}.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:4px 10px;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:14px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:9px 10px;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:20px}.modal{background:var(--surface);border-radius:12px;padding:28px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal h3{margin-top:0}.modal-lg{max-width:560px}.modal-lg h4{margin-bottom:8px}.call-details-summary{display:flex;gap:24px;padding:14px 0;margin-bottom:10px;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:4px}.call-details-ticket{padding:10px 0;border-bottom:1px solid var(--border)}.call-details-ticket-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.call-details-history-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.toast-stack{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:12px 18px;border-radius:8px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 20px #00000026;animation:toast-in .2s ease}.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}}.ivr-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.ivr-row{display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:start;padding:18px 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:4px}.ivr-row-actions{display:flex;flex-direction:column;gap:8px;padding-top:4px}.ivr-preview-greeting{border:1px solid var(--brand-bright);background:var(--tint);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--brand-dark);margin-bottom:12px}.ivr-preview-step{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.ivr-preview-key{width:24px;height:24px;border-radius:6px;background:var(--ink);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:16px}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.agent-card-header{display:flex;align-items:center;gap:12px}.agent-avatar{width:40px;height:40px;border-radius:50%;background:var(--tint);color:var(--brand);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:14px}.agent-card-actions{display:flex;gap:6px;margin-top:12px}.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:18px;box-shadow:0 8px 24px #00000024}.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:10px}.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:6px;margin-bottom:14px}.dialer-country-code{flex-shrink:0;background:var(--tint);color:var(--brand);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:4px 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:6px;border-radius:8px}.dialer-backspace:hover{background:var(--page-bg);color:var(--ink)}.dialer-recent{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.dialer-recent-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--secondary);margin-bottom:6px}.dialer-recent-item{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 4px;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:8px;margin-bottom:14px;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)}.dialer-popover-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.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:14px;margin-top:14px}.pagination-status{font-size:13px;color:var(--muted)}.floating-analytics{position:fixed;bottom:24px;right:96px;z-index:40}.fab-analytics{background:var(--ink);color:#fff;border-radius:20px;padding:10px 16px;display:flex;align-items:center;gap:8px;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:16px;box-shadow:0 8px 24px #0000001f}.analytics-popover-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;margin-bottom:10px}.analytics-row{display:flex;justify-content:space-between;font-size:12px;color:var(--secondary);margin-bottom:6px}.analytics-section-label{margin-top:16px;margin-bottom:6px;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)}.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-summary{background:var(--page-bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:18px}.ticket-summary>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.ticket-summary>div:last-child{margin-bottom:0}.ticket-summary span{color:var(--muted)}.ticket-priority{display:inline-flex;align-items:center;gap:6px;font-weight:600}.ticket-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.toggle-switch input{display:none}.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-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:1fr 20px 1.4fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.forwarding-rule-row:first-of-type{border-top:none}.forwarding-add-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;margin-top:14px}.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:16px}.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:4px;animation:call-screen-drop-in .25s ease-out}.ticket-drawer{width:100%;background:var(--surface);border-radius:20px;box-shadow:0 20px 60px #00000040;padding:20px 24px;text-align:left;max-height:55vh;overflow-y:auto;animation:call-screen-drop-in .2s ease-out}.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:12px}.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:14px}.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);margin-bottom:10px}.call-screen-add-party-failed{color:var(--danger)}.call-screen-add-party-input{width:100%;margin-bottom:14px;text-align:center}.call-screen-primary-actions{display:flex;gap:32px;margin-top:8px}.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:8px;margin:6px 0 16px;flex-wrap:wrap;justify-content:center}.call-screen-control{display:flex;flex-direction:column;align-items:center;gap:4px;width:68px;background:none;border:none;cursor:pointer;padding:8px 4px;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)}.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:6px;margin:16px 0 20px}.chip{cursor:pointer;padding:6px 12px;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:8px;height:140px}.hour-chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;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)}.topbar-search{display:none}.app-content{padding:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.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}.ivr-layout,.forwarding-add-row,.forwarding-rule-row{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal{padding:20px}.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:22px 18px}.ticket-drawer{padding:16px 18px}.floating-analytics{right:16px;bottom:calc(90px + env(safe-area-inset-bottom))}.floating-dialer{right:16px;bottom:calc(20px + 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}}