.dcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-3)}.dcard{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-block-start:3px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.dcard.live{border-block-start-color:var(--accent-primary)}.dcard-head{display:flex;align-items:center;gap:var(--space-2)}.dcard-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--control-h);block-size:var(--control-h);border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent-primary);flex-shrink:0}.dcard-title{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.dcard-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcard-badge{margin-inline-start:auto;flex-shrink:0}.dcard-block{display:flex;flex-direction:column;gap:var(--space-1)}.dcard-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.dcard-kicker{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dcard-kicker.live{color:var(--accent-primary)}.dcard-kicker.live svg{animation:dcard-pulse 2s ease-in-out infinite}.dcard-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:tabular-nums}.dcard-value.now{color:var(--accent-primary)}.dcard-value.idle{color:var(--text-muted)}.dcard-delta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.dcard-parts{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.dcard-parts b{color:var(--text-primary);font-variant-numeric:tabular-nums}.dcard-divider{block-size:1px;background:var(--border-subtle, var(--border-primary))}.dcard-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,7rem),1fr));gap:var(--space-2);margin:0}.dcard-metric{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-secondary);min-width:0}.dcard-metric dt{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.dcard-metric dd{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.dcard-metric.success dd{color:var(--accent-success)}.dcard-metric.warn dd{color:var(--accent-warning)}.dcard-metric.danger dd{color:var(--accent-danger)}.dstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-3)}.dcard--stat{gap:var(--space-2);padding:var(--space-3h) var(--space-4)}.dcard--stat .dcard-icon{inline-size:30px;block-size:30px}.dcard--stat .dcard-title{font-size:var(--text-md);white-space:normal;text-wrap:balance;line-height:var(--leading-tight)}.dcard-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:tabular-nums}.dcard--stat.success .dcard-stat-value{color:var(--accent-success)}.dcard--stat.warn .dcard-stat-value{color:var(--accent-warning)}.dcard--stat.danger .dcard-stat-value{color:var(--accent-danger)}.dcard--stat.success{border-block-start-color:var(--accent-success)}.dcard--stat.warn{border-block-start-color:var(--accent-warning)}.dcard--stat.danger{border-block-start-color:var(--accent-danger)}.dcard-stat-desc{font-size:var(--text-sm);color:var(--text-muted)}.dcard-icon.success{color:var(--accent-success);background:rgb(var(--accent-success-rgb) / .12)}.dcard-icon.warn{color:var(--accent-warning);background:rgb(var(--accent-warning-rgb) / .12)}.dcard-icon.danger{color:var(--accent-danger);background:rgb(var(--accent-danger-rgb) / .12)}.dcard-icon.muted{color:var(--text-muted);background:rgb(var(--text-muted-rgb) / .12)}.dcard-delta.pos{color:var(--accent-success)}.dcard-delta.neg{color:var(--accent-danger)}@keyframes dcard-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.dcard-kicker.live svg{animation:none}}@media(min-width:1800px){.dcards{gap:var(--space-4)}}.dashboard-content{display:flex;flex-direction:column;gap:var(--space-5)}@keyframes dash-pulse{0%,to{opacity:1}50%{opacity:.35}}.dash-section-label{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dash-section-label svg{color:var(--accent-primary)}.dash-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(var(--space-4),2.5vw,var(--space-7));align-items:center;padding:clamp(var(--space-4),2vw,var(--space-6));border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:radial-gradient(120% 140% at 0% 0%,var(--accent-light) 0%,transparent 55%),var(--bg-card);box-shadow:var(--shadow-sm)}.dash-hero-main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dash-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary)}.dash-hero-eyebrow svg{animation:dash-pulse 2s ease-in-out infinite}.dash-hero-figure{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.dash-hero-value{font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--weight-bold);line-height:1;letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-hero-figure.active .dash-hero-value{color:var(--accent-primary)}.dash-hero-label{font-size:clamp(var(--text-sm),.9vw,var(--text-base));font-weight:var(--weight-medium);color:var(--text-secondary)}.dash-hero-wf{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.dash-hero-wf-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dash-hero-wf-title{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.dash-hero-wf-title>svg{color:var(--text-muted)}.dash-hero-wf-total{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);font-variant-numeric:tabular-nums}.dash-wf-seg.available{background:var(--status-idle)}.dash-wf-seg.busy{background:var(--status-call)}.dash-wf-seg.ringing{background:var(--status-ringing)}.dash-wf-seg.paused{background:var(--status-hold)}.dash-wf-seg.unavailable,.dash-wf-seg.offline{background:var(--status-unavailable)}.dash-wf-seg.wrapup{background:var(--status-hold)}.dash-wf-seg.notready{background:var(--accent-warning)}.dash-wf-seg.dnd{background:var(--accent-danger)}.dash-wf-legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.dash-wf-leg{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.dash-wf-leg i{width:8px;height:8px;border-radius:var(--radius-round);flex-shrink:0}.dash-wf-leg b{font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-wf-leg.available i{background:var(--status-idle)}.dash-wf-leg.busy i{background:var(--status-call)}.dash-wf-leg.ringing i{background:var(--status-ringing)}.dash-wf-leg.offline i{background:var(--status-unavailable)}.dash-wf-leg.wrapup i{background:var(--status-hold)}.dash-wf-leg.notready i{background:var(--accent-warning)}.dash-wf-leg.dnd i{background:var(--accent-danger)}.dash-hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dash-hero-stat{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-secondary)}.dash-hero-stat-icon{display:inline-flex;color:var(--text-muted)}.dash-hero-stat-value{font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-hero-stat.warn{border-color:color-mix(in srgb,var(--accent-warning) 40%,transparent);background:var(--status-hold-bg)}.dash-hero-stat.warn .dash-hero-stat-icon,.dash-hero-stat.warn .dash-hero-stat-value{color:var(--accent-warning)}.dash-hero-stat.danger{border-color:color-mix(in srgb,var(--accent-danger) 40%,transparent);background:color-mix(in srgb,var(--accent-danger) 8%,var(--bg-card))}.dash-hero-stat.danger .dash-hero-stat-icon,.dash-hero-stat.danger .dash-hero-stat-value{color:var(--accent-danger)}.dash-queue-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,22vw,340px),1fr));gap:var(--space-3)}.dash-queue-card{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.dash-queue-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-queue-card.has-waiting{border-color:color-mix(in srgb,var(--accent-warning) 50%,transparent);background:var(--gradient-hold-veil),var(--bg-card)}.dash-queue-card.has-alert{border-color:color-mix(in srgb,var(--accent-danger) 55%,transparent);background:color-mix(in srgb,var(--accent-danger) 8%,var(--bg-card))}.dash-queue-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.dash-queue-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-queue-waiting{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--bg-tertiary);padding:3px 9px;border-radius:var(--radius-sm);flex-shrink:0}.dash-queue-waiting.active{color:var(--text-on-accent);background:var(--accent-warning)}.dash-queue-metrics{display:flex;gap:var(--space-5);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.dash-queue-metric{display:flex;flex-direction:column;gap:2px}.dash-queue-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.dash-queue-metric-val{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-queue-metric-val.warn{color:var(--accent-warning)}.dash-queue-metric-val.danger{color:var(--accent-danger)}.dash-queue-wf{display:flex;flex-direction:column;gap:var(--space-3)}.dash-queue-agents{display:flex;flex-wrap:wrap;gap:6px}.dash-agent-pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 8px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.dash-agent-pill i{width:7px;height:7px;border-radius:var(--radius-round);display:inline-block;flex-shrink:0}.dash-agent-pill.available i{background:var(--status-idle)}.dash-agent-pill.busy i{background:var(--status-call)}.dash-agent-pill.paused i{background:var(--status-hold)}[dir=rtl] .dash-hero{background:radial-gradient(120% 140% at 100% 0%,var(--accent-light) 0%,transparent 55%),var(--bg-card)}@media(max-width:720px){.dash-hero{grid-template-columns:1fr}}@media(min-width:1800px){.dash-hero-value{font-size:clamp(3.5rem,4vw,5rem)}}@media(prefers-reduced-motion:reduce){.dash-hero-eyebrow svg{animation:none}.dash-queue-card:hover{transform:none}}.dash-trend .an-section-header{margin-bottom:var(--space-2)}.dash-trend-legend{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.dash-trend-key{display:inline-flex;align-items:center;gap:var(--space-1)}.dash-trend-key i{inline-size:var(--space-2h);block-size:2px;border-radius:var(--radius-round);background:var(--accent-primary)}.dash-trend-key.out i{background:var(--accent-teal)}.ext-state-timer{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-secondary)}.ext-state-timer.is-near{color:var(--warning);font-weight:var(--weight-semibold)}.ext-state-timer.is-over{color:var(--danger);font-weight:var(--weight-semibold)}.queue-member-name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.call-transfer{margin-top:var(--space-1);padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary)}.call-transfer-input{max-inline-size:8rem}.agent-board-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-primary);border-inline-start:3px solid var(--agent-accent, var(--status-unavailable));border-radius:var(--radius-md)}.agent-board-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.agent-board-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-block-start:auto}.cl-log-table .cl-party{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cl-log-table .cl-party>.badge,.cl-log-table .cl-party>.cl-status-qos{align-self:flex-start}.cl-log-table .cl-phone{white-space:nowrap}.cl-log-table .cl-party-name{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--text-muted)}.cl-log-table .cl-secondary{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.cl-rec{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cl-rec-buttons{display:flex;align-items:center;gap:var(--space-1)}.cl-rec-progress{display:flex;flex-direction:column;gap:var(--space-1)}.cl-rec-progress .cl-audio-progress-wrap{padding-block:var(--space-1)}.cl-rec-progress .cl-audio-time{min-width:0}.rec-tab-panel{display:flex;flex-direction:column;gap:var(--space-4)}.audit-summary{max-inline-size:36rem;overflow-wrap:anywhere}.audit-detail{margin-block-start:var(--space-1)}.audit-detail>summary{cursor:pointer;color:var(--text-secondary)}.audit-detail>pre{margin-block-start:var(--space-1);padding:var(--space-2);max-block-size:20rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.audit-actor{white-space:nowrap}.audit-more{display:flex;justify-content:center;padding:var(--space-3);border-block-start:1px solid var(--border-subtle)}.an-panel{min-height:0;overflow-x:clip}.an-tab-content{display:flex;flex-direction:column;gap:var(--space-4)}.an-bar-label{fill:var(--text-secondary);font-size:var(--text-xs)}.an-chart-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:var(--space-4)}.an-sparkline{margin-top:var(--space-1h);opacity:.85}.an-progress{height:4px;border-radius:var(--radius-3xs);background:var(--bg-tertiary, var(--bg-primary));overflow:hidden;flex-shrink:0}.an-progress-fill{height:100%;border-radius:var(--radius-3xs);background:var(--accent-primary, var(--accent-primary))}.an-progress-fill.good{background:var(--accent-success, var(--accent-success))}.an-progress-fill.warn{background:var(--accent-warning, var(--accent-warning))}.an-progress-fill.bad{background:var(--accent-danger, var(--accent-danger))}.an-progress--mini{inline-size:var(--space-8);margin-inline-start:auto}.an-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.an-table{width:100%;border-collapse:collapse;font-size:.82rem}.an-table th{text-align:left;padding:9px 12px;color:var(--text-muted, var(--text-muted));font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle, rgb(var(--border-primary-rgb) / .5));cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast, .15s);background:var(--bg-card, var(--bg-tertiary))}.an-table th:hover{color:var(--text-primary, var(--text-primary))}.an-table th.sorted{color:var(--accent-primary, var(--accent-primary))}.an-table th.sticky,.an-table td.sticky{position:sticky;left:0;z-index:var(--z-base);background:var(--bg-card, var(--bg-tertiary))}.an-table td{padding:9px 12px;color:var(--text-primary, var(--text-primary));border-bottom:1px solid var(--border-subtle, rgb(var(--border-primary-rgb) / .5));vertical-align:middle}.an-table tr:hover td{background:var(--bg-hover, var(--bg-hover))}.an-table tr:hover td.sticky{background:var(--bg-card, var(--bg-tertiary));filter:brightness(1.06)}.an-table .num{text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.an-table .muted{color:var(--text-muted, var(--text-muted))}.an-table .an-tnum{font-variant-numeric:tabular-nums}.an-table .an-col-fit{inline-size:1%;white-space:nowrap}.an-table .an-fg-ready{color:var(--status-idle)}.an-table .an-fg-on-call{color:var(--status-call)}.an-table .an-fg-wrap{color:var(--status-hold)}.an-sla-cell{display:flex;flex-direction:column;gap:4px;min-width:72px}.an-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-round);font-size:.72rem;font-weight:700;background:rgb(var(--accent-primary-rgb) / .12);color:var(--accent-primary, var(--accent-primary));flex-shrink:0}.an-rank.gold{background:rgb(var(--medal-gold-rgb) / .16);color:var(--medal-gold);border:1px solid rgb(var(--medal-gold-rgb) / .3)}.an-rank.silver{background:rgb(var(--medal-silver-rgb) / .12);color:var(--medal-silver);border:1px solid rgb(var(--medal-silver-rgb) / .25)}.an-rank.bronze{background:rgb(var(--medal-bronze-rgb) / .16);color:var(--medal-bronze);border:1px solid rgb(var(--medal-bronze-rgb) / .3)}.an-heatmap{overflow-x:auto;-webkit-overflow-scrolling:touch}.an-heatmap-grid{display:grid;grid-template-columns:44px repeat(24,minmax(22px,1fr));gap:2px;font-size:.65rem;min-width:600px}.an-heatmap-hour-label{color:var(--text-muted, var(--text-muted));text-align:center;padding:2px 0;font-size:.6rem;font-weight:500}.an-heatmap-day-label{color:var(--text-secondary, var(--text-secondary));display:flex;align-items:center;padding-inline-end:6px;font-size:.68rem;font-weight:600}.an-heatmap-cell{height:24px;border-radius:var(--radius-2xs);background:rgb(var(--accent-primary-rgb) / var(--an-heat, .04));cursor:default;position:relative;transition:transform .1s,filter .1s}.an-heatmap-cell:hover{transform:scale(1.08);filter:brightness(1.3);z-index:var(--z-base)}.an-heatmap-cell:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--bg-primary, var(--bg-primary));border:1px solid var(--border-accent, var(--text-muted));padding:4px 8px;border-radius:var(--radius-xs);white-space:nowrap;font-size:.7rem;color:var(--text-primary, var(--text-primary));z-index:var(--z-menu);pointer-events:none;box-shadow:0 4px 12px rgb(var(--scrim-rgb) / .4)}.an-heatmap-legend{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.68rem;color:var(--text-muted, var(--text-muted))}.an-heatmap-legend-bar{height:8px;width:120px;border-radius:var(--radius-xs);background:var(--gradient-brand-sweep)}.an-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:64px 0;color:var(--text-muted, var(--text-muted));font-size:.87rem}.an-spinner{width:18px;height:18px;border:2px solid var(--border-subtle, rgb(var(--border-primary-rgb) / .5));border-top-color:var(--accent-primary, var(--accent-primary));border-radius:var(--radius-round);animation:an-spin .7s linear infinite;flex-shrink:0}@keyframes an-spin{to{transform:rotate(360deg)}}.an-chart-wrap{margin-top:4px}.an-agent-cell{display:flex;align-items:center;gap:8px}.an-agent-info{display:flex;flex-direction:column;gap:1px}.an-agent-name{font-size:.82rem;color:var(--text-primary, var(--text-primary));font-weight:500}.an-agent-ext{font-size:.7rem;color:var(--text-muted, var(--text-muted))}@media(max-width:640px){.an-tab-content{gap:var(--space-2h)}.an-heatmap-grid{grid-template-columns:36px repeat(24,minmax(18px,1fr))}.an-heatmap-cell{height:18px}}[dir=rtl] .an-table th,[dir=rtl] .an-table td{text-align:right}[dir=rtl] .an-table .num{text-align:center}[dir=rtl] .an-table th.sticky,[dir=rtl] .an-table td.sticky{left:auto;right:0}.an-staffing-legend{display:flex;gap:16px;margin:4px 0 10px;font-size:.72rem;color:var(--text-muted, var(--text-muted))}.an-staffing-legend span{display:inline-flex;align-items:center;gap:5px}.an-swatch{width:11px;height:11px;border-radius:var(--radius-2xs);display:inline-block}.an-swatch.req{background:var(--border-accent, var(--text-muted))}.an-swatch.act{background:var(--accent-success, var(--accent-success))}.an-swatch.understaff{background:var(--accent-danger, var(--accent-danger))}.an-staffing-chart{display:flex;align-items:flex-end;gap:2px;height:140px;padding:8px 0 0;overflow-x:auto}.an-staffing-col{flex:1;min-width:18px;display:flex;flex-direction:column;align-items:center;height:100%}.an-staffing-bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.an-staffing-bars>.an-staffing-bar{inline-size:42%;border-radius:var(--radius-2xs) var(--radius-2xs) 0 0;min-height:2px}.an-staffing-bar.req{background:var(--border-accent, var(--text-muted))}.an-staffing-bar.act{background:var(--accent-success, var(--accent-success))}.an-staffing-bar.act.understaff{background:var(--accent-danger, var(--accent-danger))}.an-staffing-hlabel{font-size:.62rem;color:var(--text-muted, var(--text-muted));margin-top:4px}.an-table tbody tr.an-row-clickable{cursor:pointer}.an-table tbody tr.an-row-clickable:hover td,.an-table tbody tr.an-row-clickable:focus-visible td{background:var(--bg-hover)}.an-table tbody tr.an-row-clickable:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.an-tl-period{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.an-tl-body{display:flex;flex-direction:column;gap:var(--space-4)}.an-tl-session{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.an-tl-session-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2h) var(--space-3);background:var(--bg-hover);border-bottom:1px solid var(--border-subtle)}.an-tl-session-when{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm)}.an-tl-day{font-weight:600;color:var(--text-primary)}.an-tl-arrow{color:var(--text-muted);display:inline-block}[dir=rtl] .an-tl-arrow{transform:scaleX(-1)}.an-tl-bound{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-variant-numeric:tabular-nums}.an-tl-session-dur{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.an-tl-list{list-style:none;margin:0;padding:var(--space-2) 0}.an-tl-item{display:grid;grid-template-columns:auto var(--space-4) minmax(140px,auto) 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.an-tl-time{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.an-tl-rail{position:relative;align-self:stretch;display:block}.an-tl-rail:before{content:"";position:absolute;inset-inline-start:50%;top:0;bottom:0;width:1px;background:var(--border-subtle);transform:translate(-50%)}.an-tl-rail:after{content:"";position:absolute;inset-inline-start:50%;top:50%;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-round);background:var(--tl-dot, var(--text-muted));transform:translate(-50%,-50%)}.an-tl-item:first-child .an-tl-rail:before{top:50%}.an-tl-item:last-child .an-tl-rail:before{bottom:50%}.an-tl-meta{display:flex;flex-wrap:wrap;gap:var(--space-1)}.an-tl-chip{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px var(--space-1h);white-space:nowrap}.an-tl-dur{font-size:var(--text-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.an-tl-dur em{color:var(--text-muted);font-style:normal}@media(max-width:560px){.an-tl-item{grid-template-columns:auto var(--space-4) 1fr}.an-tl-meta,.an-tl-dur{grid-column:3;text-align:start}.an-tl-rail{grid-row:1 / -1}}.an-tl-open{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:start;cursor:pointer}.an-tl-open:hover{color:var(--accent-primary)}.an-tl-open:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.an-ac-body{display:flex;flex-direction:column;gap:var(--space-3)}.an-ac-summary .an-ac-group th{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;color:var(--text-muted);background:var(--bg-hover);text-align:start}.an-ac-group-count{margin-inline-start:var(--space-2);color:var(--text-secondary);font-variant-numeric:tabular-nums}.an-ac-route{font-weight:var(--weight-medium)}.an-ac-route-hint{font-size:var(--text-xs);color:var(--text-muted)}.an-table tbody tr.an-ac-empty td,.an-table tbody tr.an-ac-empty .an-ac-route{color:var(--text-muted)}.an-table tbody tr.an-ac-selected td{background:var(--bg-selected)}.an-table tbody tr.an-ac-selected .an-ac-route{color:var(--accent-primary)}.an-ac-ended{display:inline-flex;gap:var(--space-1);font-variant-numeric:tabular-nums}.an-ac-ended [aria-hidden]{color:var(--text-muted)}.an-ac-count{font-size:var(--text-sm);color:var(--text-muted)}.an-ac-list[aria-busy=true]{opacity:.6}.an-camp-outcomes{display:grid;gap:var(--space-2)}.an-camp-outcome{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.an-camp-outcome .an-progress-fill{background:var(--u-color, var(--accent-primary))}.an-camp-outcome-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-camp-outcome-val{display:inline-flex;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}.an-camp-outcome-pct{font-weight:400;font-size:var(--text-xs);color:var(--text-muted)}.an-camp-charts{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr)}@media(min-width:1200px){.an-camp-charts{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}.an-camp-charts .an-camp-outcome{grid-template-columns:110px 1fr auto;gap:var(--space-2)}}.an-camp-split{display:grid;gap:var(--space-3)}.an-camp-split-ring{position:relative}.an-camp-split-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.an-camp-split-total{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);font-variant-numeric:tabular-nums}.an-camp-split-caption{font-size:var(--text-xs);color:var(--text-muted)}.an-camp-split-legend{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);font-size:var(--text-sm)}.an-camp-split-legend li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2)}.an-camp-split-swatch{width:var(--space-2h);height:var(--space-2h);border-radius:var(--radius-sm);background:var(--u-color)}.an-camp-split-name{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-camp-note{font-size:var(--text-xs);color:var(--text-muted)}.an-camp-expand-col{inline-size:var(--space-7)}.an-camp-spark-col{inline-size:calc(var(--space-8) * 2)}.an-camp-agent-row.open{background:var(--bg-hover)}.an-camp-detail-row>td{padding:0}.an-camp-detail{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:var(--space-4);align-items:start;padding:var(--space-3h) var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}@media(max-width:720px){.an-camp-detail{grid-template-columns:1fr}.an-camp-outcome{grid-template-columns:110px 1fr auto}}.an-camp-detail-chart{min-width:0}.an-camp-chips{display:flex;flex-wrap:wrap;gap:var(--space-1h)}.an-export-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.an-export{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.an-export-error{font-size:var(--text-xs);color:var(--accent-danger)}.acct-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--space-4);align-items:start}.acct-profile-col{display:flex;flex-direction:column;gap:var(--space-4);min-inline-size:0}.acct-facts{margin-block:0}.acct-form .up-hint{display:block;margin-top:var(--space-1h)}.acct-input-row{display:flex;gap:var(--space-1h)}.acct-input-row .form-input{flex:1;min-inline-size:0}.acct-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--accent-primary);text-decoration:none}.acct-link:hover{text-decoration:underline}.acct-qr-code{display:flex;align-items:center;justify-content:center;inline-size:min(220px,100%);aspect-ratio:1;margin-inline:auto;padding:var(--space-1h);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:rgb(var(--on-scrim-rgb))}.acct-qr-code img{inline-size:100%;block-size:auto;image-rendering:pixelated}.acct-qr-json{max-block-size:200px}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-1h: 6px;--space-2h: 10px;--space-3h: 14px;--font-sans: "Inter", "Cairo", "Noto Sans Arabic", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Roboto Mono", monospace;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 32px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--tracking-tight: -.01em;--radius-sm: 6px;--radius: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-pill: 999px;--radius-3xs: 2px;--radius-2xs: 3px;--radius-xs: 4px;--radius-smd: 8px;--radius-2xl: 20px;--radius-round: 50%;--icon-chip: 10px;--icon-mark: 12px;--icon-lead: 13px;--icon-mark-lg: 14px;--icon-control: 15px;--transition: .18s ease;--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-normal: .25s cubic-bezier(.4,0,.2,1);--transition-slow: .4s cubic-bezier(.4,0,.2,1);--sidebar-width: 220px;--header-height: 56px;--content-max: 1320px;--control-h: 38px;--control-h-sm: 30px;--touch-target: 44px;--control-pad-inline: var(--space-3h);--control-radius: var(--radius-md);--bg: var(--bg-card);--bg-alt: var(--bg-secondary);--text: var(--text-primary);--muted: var(--text-muted);--accent-amber: var(--warning);--accent-pink: var(--accent-purple)}:root,:root[data-theme=dark]{color-scheme:dark;--bg-primary: #0d1014;--bg-secondary: #161a21;--bg-tertiary: #1b2027;--bg-card: #14181e;--bg-hover: #1e242c;--bg-glass: var(--bg-secondary);--glass-bg: var(--bg-secondary);--glass-border: rgba(255, 255, 255, .06);--border: #2a313a;--border-primary: #2a313a;--border-accent: #3a424d;--border-subtle: rgba(42, 49, 58, .6);--text-primary: #e8edf3;--text-secondary: #9aa4b2;--text-muted: #7a8390;--status-idle: #3fb950;--status-idle-bg: rgba(63, 185, 80, .12);--status-idle-glow: transparent;--status-ringing: #f85149;--status-ringing-bg: rgba(248, 81, 73, .12);--status-ringing-glow: transparent;--status-call: #58a6ff;--status-call-bg: rgba(88, 166, 255, .12);--status-call-glow: transparent;--status-unavailable: #7b838e;--status-unavailable-bg: rgba(110, 118, 129, .12);--status-hold: #a5a5ff;--status-hold-bg: rgba(165, 165, 255, .12);--accent: #4493f8;--accent-primary: #4493f8;--accent-primary-hover: #6cabfb;--accent-hover: #6cabfb;--accent-secondary: #1f6feb;--accent-teal: #39c5cf;--accent-purple: #a5a5ff;--accent-light: rgba(68, 147, 248, .14);--chart-inbound: #4493f8;--chart-outbound: #e06c2a;--chart-internal: #1e9f96;--accent-gold-dim: var(--accent-primary);--success: #3fb950;--warning: #d29922;--danger: #f85149;--info: #4493f8;--accent-success: #3fb950;--accent-warning: #d29922;--accent-danger: #f85149;--accent-missed: #ff4d6a;--accent-fault: #f0883e;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow: 0 2px 8px rgba(0,0,0,.28);--shadow-md: 0 2px 8px rgba(0,0,0,.28);--shadow-lg: 0 6px 20px rgba(0,0,0,.32);--shadow-xl: 0 12px 36px rgba(0,0,0,.4);--shadow-glow: 0 0 0 0 transparent;--shadow-glow-ringing: 0 0 0 0 transparent;--z-base: 1;--z-sticky: 10;--z-menu: 20;--z-menu-high: 30;--z-header: 100;--z-header-mobile: 110;--z-overlay: 1000;--z-toast: 1001;--z-fab: 1150;--z-fab-mobile: 1155;--z-popover: 1160;--z-top: 2000;--z-dropdown: 2100;--gradient-brand: linear-gradient(135deg, var(--accent-primary), var(--accent-teal));--gradient-brand-hover: linear-gradient(135deg, var(--accent-primary-hover), var(--accent-teal));--gradient-brand-bar: linear-gradient(90deg, var(--accent-primary), var(--accent-teal));--bg-selected: rgb(var(--accent-primary-rgb) / .08);--gradient-brand-tint: linear-gradient(135deg, rgb(var(--accent-primary-rgb) / .2), rgb(var(--accent-teal-rgb) / .2));--gradient-accent-purple: linear-gradient(90deg, var(--accent-purple), var(--accent-primary));--gradient-accent-deep: linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));--gradient-success: linear-gradient(135deg, var(--accent-success), var(--accent-teal));--gradient-surface: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);--gradient-surface-up: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);--gradient-text: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);--gradient-success-wash: linear-gradient(135deg, rgb(var(--accent-success-rgb) / .08) 0%, var(--bg-tertiary) 100%);--gradient-success-wash-hover: linear-gradient(135deg, rgb(var(--accent-success-rgb) / .12) 0%, var(--bg-hover) 100%);--gradient-success-wash-card: linear-gradient(135deg, rgb(var(--accent-success-rgb) / .08) 0%, var(--bg-card) 100%);--gradient-success-wash-down: linear-gradient(180deg, rgb(var(--accent-success-rgb) / .07) 0%, var(--bg-secondary) 100%);--gradient-brand-wash: linear-gradient(135deg, rgb(var(--accent-primary-rgb) / .05) 0%, transparent 50%);--gradient-brand-tint-soft: linear-gradient(135deg, rgb(var(--accent-primary-rgb) / .1), rgb(var(--accent-teal-rgb) / .1));--gradient-brand-tint-mid: linear-gradient(135deg, rgb(var(--accent-primary-rgb) / .15), rgb(var(--accent-teal-rgb) / .15));--gradient-brand-sweep: linear-gradient(to right, rgb(var(--accent-primary-rgb) / .06), rgb(var(--accent-primary-rgb) / .8));--gradient-supervision: linear-gradient(135deg, var(--accent-purple), var(--journey-supervision));--gradient-meter-fill: linear-gradient(to top, var(--accent-primary), var(--accent-primary-hover));--gradient-adherence-row: linear-gradient(to right, color-mix(in srgb, var(--ah-color) 16%, transparent), var(--ah-bg));--gradient-hold-veil: linear-gradient(180deg, var(--status-hold-bg) 0%, transparent 42%);--gradient-scroll-fade-start: linear-gradient(to bottom, var(--bg-card), transparent);--gradient-scroll-fade-end: linear-gradient(to top, var(--bg-card), transparent);--control-surface: var(--bg-tertiary);--accent-primary-rgb: 68 147 248;--accent-success-rgb: 63 185 80;--accent-warning-rgb: 210 153 34;--accent-danger-rgb: 248 81 73;--accent-missed-rgb: 255 77 106;--accent-fault-rgb: 240 136 62;--accent-teal-rgb: 57 197 207;--accent-purple-rgb: 165 165 255;--text-muted-rgb: 107 116 128;--border-primary-rgb: 42 49 58;--scrim-rgb: 0 0 0;--on-scrim-rgb: 255 255 255;--text-on-accent: #ffffff;--journey-inbound: #3fb950;--journey-outbound: #4493f8;--journey-queue: #9266f7;--journey-ring: #d29922;--journey-answer: #39c5cf;--journey-no-answer: #f85149;--journey-transfer: #f0883e;--journey-supervision: #a855f7;--journey-hangup: #7a8390;--journey-attempt: #a78bfa;--brand-google-blue: #4285f4;--brand-google-red: #ea4335;--brand-google-yellow: #fbbc05;--brand-google-green: #34a853;--brand-ms-red: #f25022;--brand-ms-green: #7fba00;--brand-ms-blue: #00a4ef;--brand-ms-yellow: #ffb900;--status-dropped: #db61a2;--status-dropped-rgb: 219 97 162;--medal-gold: #f0c040;--medal-silver: #c0c0c0;--medal-bronze: #cd7f32;--medal-gold-rgb: 210 163 34;--medal-silver-rgb: 180 180 180;--medal-bronze-rgb: 180 120 70;--bg-tint-1: transparent;--bg-tint-2: transparent}:root[data-theme=light]{color-scheme:light;--bg-primary: #f6f8fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f5;--bg-card: #ffffff;--bg-hover: #f0f3f7;--bg-glass: var(--bg-secondary);--glass-bg: var(--bg-secondary);--glass-border: rgba(15, 23, 42, .06);--border: #d8dee6;--border-primary: #d8dee6;--border-accent: #c2cbd6;--border-subtle: rgba(15, 23, 42, .08);--text-primary: #1c2128;--text-secondary: #5a6573;--text-muted: #667181;--status-idle: #1a7f37;--status-idle-bg: rgba(26, 127, 55, .1);--status-idle-glow: transparent;--status-ringing: #cf222e;--status-ringing-bg: rgba(207, 34, 46, .1);--status-ringing-glow: transparent;--status-call: #1669ea;--status-call-bg: rgba(31, 111, 235, .1);--status-call-glow: transparent;--status-unavailable: #667181;--status-unavailable-bg: rgba(139, 149, 163, .12);--status-hold: #714eff;--status-hold-bg: rgba(124, 92, 255, .1);--accent: #1f6feb;--accent-primary: #1669ea;--accent-primary-hover: #1a5fd0;--accent-hover: #1a5fd0;--accent-secondary: #1a5fd0;--accent-teal: #0b7d85;--accent-purple: #714eff;--accent-light: rgba(31, 111, 235, .1);--chart-inbound: #1f6feb;--chart-outbound: #e0631f;--chart-internal: #0d9aa3;--accent-gold-dim: var(--accent-primary);--success: #1a7f37;--warning: #9a6700;--danger: #cf222e;--info: #1f6feb;--accent-success: #1a7f37;--accent-warning: #9a6700;--accent-danger: #cf222e;--accent-missed: #c81e4e;--accent-fault: #bc4c00;--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow: 0 1px 3px rgba(15,23,42,.08);--shadow-md: 0 2px 6px rgba(15,23,42,.08);--shadow-lg: 0 6px 18px rgba(15,23,42,.1);--shadow-xl: 0 12px 32px rgba(15,23,42,.14);--shadow-glow: 0 0 0 0 transparent;--shadow-glow-ringing: 0 0 0 0 transparent;--accent-primary-rgb: 31 111 235;--accent-success-rgb: 26 127 55;--accent-warning-rgb: 154 103 0;--accent-danger-rgb: 207 34 46;--accent-missed-rgb: 200 30 78;--accent-fault-rgb: 188 76 0;--accent-teal-rgb: 13 154 163;--accent-purple-rgb: 124 92 255;--text-muted-rgb: 139 149 163;--border-primary-rgb: 216 222 230;--scrim-rgb: 15 23 42;--on-scrim-rgb: 255 255 255;--text-on-accent: #ffffff;--journey-inbound: #1a7f37;--journey-outbound: #1669ea;--journey-queue: #6d28d9;--journey-ring: #9a6700;--journey-answer: #0b7d85;--journey-no-answer: #cf222e;--journey-transfer: #c2410c;--journey-supervision: #7c3aed;--journey-hangup: #5a6573;--journey-attempt: #5b21b6;--bg-tint-1: transparent;--bg-tint-2: transparent}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}html[lang=ar] body{font-family:Noto Sans Arabic,Tajawal,Cairo,Segoe UI,Inter,Roboto,sans-serif}html[lang=ar] body,html[lang=ar] body *{letter-spacing:normal!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dim)}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1100px 640px at 50% -12%,color-mix(in srgb,var(--accent-primary) 14%,transparent),transparent 62%),radial-gradient(900px 520px at 100% 108%,color-mix(in srgb,var(--accent-primary) 8%,transparent),transparent 60%),var(--bg-primary)}.login-footer{margin:22px 0 0;text-align:center;font-size:.75rem;color:var(--text-muted)}.login-sso-providers{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.login-sso-providers svg{display:block}.login-sso-hint{margin:6px 0 0;text-align:center;font-size:.8rem;color:var(--text-muted)}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.header{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-4);height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:var(--z-header)}.header-brand{display:flex;align-items:center;gap:var(--space-2h)}.header-logo{width:30px;height:30px;background:var(--accent-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:var(--weight-bold);font-size:var(--text-base)}.header-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.header-subtitle{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:500;margin-top:2px}.header-scope{font-size:var(--text-xs);color:var(--accent);margin-top:2px;opacity:.9}.header-monitor-mode{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);border:1px solid var(--border-subtle)}.header-monitor-mode .header-monitor-icon{color:var(--accent);flex-shrink:0}.header-monitor-mode .header-monitor-label{text-transform:capitalize}.header-status{display:flex;align-items:center;gap:4px}.header-softphone-btn{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);padding:clamp(6px,1.5vw,10px) clamp(10px,2vw,16px);margin-inline-end:8px;border-right:1px solid var(--border-subtle);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:clamp(12px,2.5vw,14px);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.header-softphone-btn:hover{background:var(--bg-hover)}.header-softphone-btn.registered,.header-softphone-btn.registered:hover{color:var(--status-idle)}.header-softphone-btn.not-registered,.header-softphone-btn.not-registered:hover{color:var(--accent-danger)}@media(max-width:600px){.header-softphone-btn span{display:none}.header-softphone-btn{padding:8px 12px;min-width:44px;min-height:44px;justify-content:center}}.header-status .stats-bar{display:flex;gap:8px;padding-inline-end:14px;margin-inline-end:8px;border-right:1px solid var(--border-subtle)}.header-status .stat-item{padding:8px 14px;min-width:100px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid transparent;transition:all var(--transition-fast)}.header-status .stat-item:hover{transform:none;border-color:var(--border-subtle);box-shadow:none;background:var(--bg-hover)}.header-status .stat-item:before{height:3px;border-radius:var(--radius-3xs) var(--radius-3xs) 0 0}.header-status .stat-item:nth-child(1):before{background:var(--gradient-brand-bar)}.header-status .stat-item:nth-child(2):before{background:var(--gradient-brand-bar)}.header-status .stat-item:nth-child(3):before{background:var(--gradient-accent-purple)}.header-status .stat-item:before{opacity:1}.header-status .stat-item:hover:before{opacity:1}.header-status .stat-icon{color:var(--accent-primary);opacity:.95}.header-status .stat-value{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.header-status .stat-label{font-size:var(--text-xs);letter-spacing:.1em;margin-top:1px}.header-status .header-monitor-mode{margin-inline-end:6px;padding:6px 12px;font-size:var(--text-xs);border-radius:var(--radius-md);background:var(--bg-card);border-color:transparent}.header-status .header-monitor-mode:hover{background:var(--bg-hover)}.header-status .btn{padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;background:transparent;border-color:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.header-status .btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-subtle)}.header-status .connection-status{padding:6px 12px;border-radius:var(--radius-md);background:var(--bg-card);border-color:transparent;margin-inline-start:auto;margin-inline-end:6px}.header-status .connection-status:hover{background:var(--bg-hover);border-color:transparent}.header-bell-wrap{position:relative;display:inline-flex;align-items:center}.header-bell-btn{position:relative}.header-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:var(--text-xs);font-weight:700;line-height:16px;text-align:center;color:rgb(var(--scrim-rgb));background:var(--status-ringing, var(--accent-warning));border-radius:var(--radius-smd);box-shadow:0 0 0 1px var(--bg-card)}.header-bell-dropdown{position:absolute;top:100%;right:0;margin-top:6px;min-width:320px;max-width:400px;max-height:70vh;overflow:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-overlay)}.header-bell-dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:var(--text-md);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.header-bell-dropdown-header svg{flex-shrink:0;color:var(--text-muted)}.header-bell-list{list-style:none;margin:0;padding:8px 0}.header-bell-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);transition:background var(--transition-fast)}.header-bell-item:hover{background:var(--bg-hover)}.header-bell-item:last-child{border-bottom:none}.header-bell-item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.header-bell-item-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.header-bell-item-icon{flex-shrink:0;color:var(--text-muted)}.header-bell-item-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;min-width:28px}.header-bell-item-value{font-weight:600;color:var(--text-primary);font-family:var(--font-mono, monospace);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.header-bell-item-meta{margin-top:2px;padding-top:6px;border-top:1px solid var(--border-subtle)}.header-bell-item-time{font-size:var(--text-xs);color:var(--text-muted)}.header-bell-item-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.connection-status{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.connection-status:hover{border-color:var(--border-accent);background:var(--bg-hover)}.connection-status.connected{border-color:rgb(var(--accent-success-rgb) / .35);background:var(--gradient-success-wash);box-shadow:0 0 0 1px rgb(var(--accent-success-rgb) / .12) inset}.connection-status.connected:hover{border-color:rgb(var(--accent-success-rgb) / .5);background:var(--gradient-success-wash-hover)}.connection-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-normal)}.connection-status.connected .connection-icon{color:var(--status-idle);background:var(--status-idle-bg);box-shadow:0 0 16px var(--status-idle-glow);animation:connectionIconPulse 3s ease-in-out infinite}.connection-status:not(.connected) .connection-icon{background:rgb(var(--text-muted-rgb) / .15);color:var(--status-unavailable)}@keyframes connectionIconPulse{0%,to{opacity:1;box-shadow:0 0 16px var(--status-idle-glow)}50%{opacity:.92;box-shadow:0 0 24px var(--status-idle-glow),0 0 8px rgb(var(--accent-success-rgb) / .3)}}.connection-text{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.02em;transition:color var(--transition-normal)}.connection-status.connected .connection-text{color:var(--status-idle);text-shadow:0 0 20px rgb(var(--accent-success-rgb) / .25)}.stats-bar{display:flex;gap:10px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);position:relative;overflow:hidden;flex:1 1 auto;min-width:120px}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand-bar);opacity:0;transition:opacity var(--transition-fast)}.stat-item:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item:hover:before{opacity:1}.stat-icon{color:var(--accent-primary);filter:drop-shadow(0 0 4px var(--accent-primary))}.stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;line-height:1.2}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:2px}.body-layout{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--bg-card);border-inline-end:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;padding:10px 8px;transition:width var(--transition-normal)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1px;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-divider{height:1px;background:var(--border-subtle);margin:6px 4px}.sidebar-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;padding:var(--space-1) var(--space-3)}.sidebar-item{display:flex;align-items:center;gap:var(--space-2h);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-md);font-weight:var(--weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;width:100%;text-align:start;position:relative;white-space:nowrap;flex-shrink:0}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:rgb(var(--accent-primary-rgb) / .1);color:var(--accent-primary);font-weight:600}.sidebar-section{display:flex;flex-direction:column;gap:1px}.sidebar-section+.sidebar-section{margin-top:var(--space-2h)}.sidebar.collapsed .sidebar-section+.sidebar-section{margin-top:0}.sidebar-item.registered{color:var(--status-idle)}.sidebar-item.not-registered{color:var(--accent-danger)}.sidebar-item.registered:hover{color:var(--status-idle);background:var(--status-idle-bg)}.sidebar-item.not-registered:hover{color:var(--accent-danger);background:var(--status-ringing-bg)}.sidebar-badge--call{background:var(--status-call);color:var(--text-on-accent)}.sidebar-badge--ringing{background:var(--status-ringing);color:var(--text-on-accent)}.sidebar-badge{margin-inline-start:auto;font-size:var(--text-xs);font-weight:700;padding:2px 7px;border-radius:var(--radius-md);line-height:1.4}.sidebar-bottom{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle);flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:7px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.sidebar.collapsed{width:52px;padding:10px 6px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:9px 0}.sidebar.collapsed .sidebar-connection{justify-content:center;padding:8px 0}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:7px 0}.sidebar-connection{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);transition:all var(--transition-normal)}.sidebar-connection.connected{border-color:rgb(var(--accent-success-rgb) / .35);background:var(--gradient-success-wash-card);color:var(--status-idle)}.main-content{flex:1;min-height:0;overflow-y:auto;padding:20px;padding-block-end:calc(98px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:20px;width:100%}.tabs{display:flex;gap:6px;background:var(--bg-tertiary);padding:6px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:fit-content;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.tab{display:flex;align-items:center;gap:10px;padding:12px 24px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;position:relative;white-space:nowrap}.tab:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-fast)}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab:hover:before{opacity:.1}.btn-tab-icon{display:flex;align-items:center;justify-content:center;padding:10px 12px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;margin:0 2px}.btn-tab-icon:hover{color:var(--accent-primary);background:var(--bg-hover)}.tab.active{background:var(--gradient-brand);color:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tab.active:before{opacity:0}.page-container{width:100%;max-width:var(--content-max);margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.panel:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.panel-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.panel-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.panel-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:10px;letter-spacing:var(--tracking-tight)}.panel-title-icon{color:var(--accent-primary);width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;border:1px solid transparent;white-space:nowrap}.badge-success{background:var(--status-idle-bg);color:var(--status-idle);border-color:rgb(var(--accent-success-rgb) / .25)}.badge-danger{background:var(--status-ringing-bg);color:var(--status-ringing);border-color:rgb(var(--accent-danger-rgb) / .25)}.badge-warning{background:rgb(var(--accent-warning-rgb) / .15);color:var(--warning);border-color:rgb(var(--accent-warning-rgb) / .3)}.badge-muted{background:var(--status-unavailable-bg);color:var(--text-muted);border-color:var(--border-subtle)}.badge-info{background:var(--status-call-bg);color:var(--status-call);border-color:rgb(var(--accent-primary-rgb) / .25)}.badge-purple{background:var(--status-hold-bg);color:var(--status-hold);border-color:rgb(var(--accent-purple-rgb) / .25)}.badge-live{background:rgb(var(--accent-success-rgb) / .12);color:var(--status-idle);border-color:rgb(var(--accent-success-rgb) / .3);animation:badge-live-pulse 2.4s ease-in-out infinite}@keyframes badge-live-pulse{0%,to{opacity:1}50%{opacity:.75}}.panel-content{padding:16px;background:var(--bg-card)}.extensions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}@keyframes ring-pulse{0%,to{box-shadow:var(--shadow-md),0 0 0 0 var(--status-ringing-glow)}50%{box-shadow:var(--shadow-lg),0 0 0 12px rgb(var(--accent-danger-rgb) / 0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1h);min-height:var(--control-h);padding:0 var(--control-pad-inline);border:1px solid var(--border-primary);border-radius:var(--control-radius);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);font-family:inherit;position:relative}.btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn-sm{min-height:var(--control-h-sm);padding:0 var(--space-2h);font-size:var(--text-sm);gap:var(--space-1)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:default;box-shadow:none}.btn:disabled:hover,.btn[aria-disabled=true]:hover{transform:none;box-shadow:none}.btn:disabled:active,.btn[aria-disabled=true]:active{transform:none}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-icon{padding:0;min-width:var(--control-h)}.btn-sm.btn-icon{min-width:var(--control-h-sm)}.queues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.queue-members{padding:var(--space-4) var(--space-5)}.queue-member{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.queue-member:hover{padding-inline-start:6px;padding-inline-end:6px;background:var(--bg-hover);border-radius:var(--radius-md);margin:0 -6px}.queue-member:last-child{border-bottom:none}.queue-member-info{display:flex;align-items:center;gap:12px}.queue-member-status{width:10px;height:10px;border-radius:var(--radius-round);background:var(--status-idle);box-shadow:0 0 8px var(--status-idle-glow);flex-shrink:0}.queue-member-status.busy{background:var(--status-call);box-shadow:0 0 8px var(--status-call-glow)}.queue-member-status.unavailable,.queue-member-status.paused,.queue-member-status.unknown{background:var(--status-unavailable);box-shadow:none}.queue-member-status.ringing{background:var(--status-ringing);box-shadow:0 0 8px var(--status-ringing-glow)}.queue-member-status.on-hold{background:var(--status-hold);box-shadow:none}.queue-member-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.queue-member-interface{font-size:var(--text-xs);color:var(--text-muted);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-weight:500}.queue-member-actions{display:flex;gap:4px}.modal-overlay{position:fixed;inset:0;background:rgb(var(--scrim-rgb) / .75);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.incoming-call-overlay{position:fixed;inset:0;background:rgb(var(--scrim-rgb) / .78);display:flex;align-items:center;justify-content:center;z-index:var(--z-top);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease;padding:24px}.incoming-call-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:360px;padding:32px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.incoming-call-ring{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.incoming-call-avatar{width:76px;height:76px;border-radius:var(--radius-round);background:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;z-index:var(--z-base)}.incoming-call-ring-pulse{position:absolute;inset:0;border-radius:var(--radius-round);background:var(--accent-primary);opacity:.35;animation:incomingCallPulse 1.8s ease-out infinite}.incoming-call-ring-pulse--delay{animation-delay:.9s}@keyframes incomingCallPulse{0%{transform:scale(.75);opacity:.35}70%{opacity:0}to{transform:scale(1.35);opacity:0}}.incoming-call-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:8px}.incoming-call-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);word-break:break-word}.incoming-call-number{font-size:var(--text-base);color:var(--text-secondary);margin-top:4px}.incoming-call-actions{display:flex;gap:24px;margin-top:28px}.incoming-call-btn{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;font-size:var(--text-md);font-weight:600;color:var(--text-secondary);transition:transform .12s ease}.incoming-call-btn:hover{transform:translateY(-2px)}.incoming-call-btn:active{transform:translateY(0)}.incoming-call-btn>svg{width:60px;height:60px;padding:17px;border-radius:var(--radius-round);color:var(--text-on-accent);box-shadow:var(--shadow-md)}.incoming-call-btn--accept>svg{background:var(--accent-success);animation:incomingCallJiggle 1.2s ease-in-out infinite}.incoming-call-btn--reject>svg{background:var(--accent-danger)}@keyframes incomingCallJiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.form-group{margin-bottom:16px}.form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-md);font-family:inherit;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:hover{border-color:var(--border-accent)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow);background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-input[type=color]{height:var(--control-h);padding:var(--space-1);cursor:pointer}select.form-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-inline-end:32px;cursor:pointer;min-height:38px;transition:all var(--transition-fast)}select.form-input:hover{border-color:var(--accent-primary, var(--accent-primary));background-color:var(--bg-hover, var(--bg-hover))}select.form-input:focus{border-color:var(--accent-primary, var(--accent-primary));box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .15),0 2px 8px rgb(var(--scrim-rgb) / .2);outline:none}select.form-input option{background:var(--bg-card, var(--bg-tertiary));color:var(--text-primary, var(--text-primary));padding:10px 14px;border-bottom:1px solid var(--border-subtle, rgb(var(--border-primary-rgb) / .5))}select.form-input option:checked{background:rgb(var(--accent-primary-rgb) / .15);color:var(--accent-primary, var(--accent-primary))}[dir=rtl] select.form-input{background-position:left 10px center;padding-inline-end:14px;padding-inline-start:32px}.notifications{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));right:clamp(16px,4vw,28px);top:auto;display:flex;flex-direction:column;gap:12px;z-index:var(--z-toast)}.notification{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-base);font-weight:500;color:var(--text-primary);animation:slide-in .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:400px;border-inline-start:3px solid var(--accent-primary)}@keyframes slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.extensions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.queues-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.stats-bar{gap:8px}.stat-item{min-width:100px;padding:8px 12px}.stat-value{font-size:var(--text-lg)}}@media(max-width:768px){.main-content{padding:16px;gap:16px}.header{gap:8px;padding:0 12px}.header-brand .header-subtitle{display:none}.header-title{font-size:var(--text-base)}.header-status{gap:6px}.header-status .header-monitor-mode .header-monitor-label,.header-btn-label{display:none}.header-status .stats-bar{width:100%;gap:8px;padding-inline-end:0;margin-inline-end:0;margin-bottom:8px;padding-bottom:10px;border-right:none;border-bottom:1px solid var(--border-subtle)}.header-status .stat-item{width:100%;min-width:auto;justify-content:space-between;padding:10px 14px}.stats-bar{width:100%;gap:8px}.stat-item{width:100%;min-width:auto;justify-content:space-between;padding:10px 14px}.extensions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.queues-grid{grid-template-columns:1fr;gap:var(--space-3)}.tabs{width:100%;overflow-x:auto;padding:4px}.tab{padding:8px 16px;font-size:var(--text-sm)}.panel-header{padding:12px 16px}.panel-content{padding:12px}.notifications{bottom:calc(90px + env(safe-area-inset-bottom,0px));right:12px;left:12px;top:auto}.notification{max-width:100%;padding:12px 16px}}@media(max-width:480px){.main-content{padding:12px;gap:12px}.header{padding:10px 12px}.header-title{font-size:var(--text-lg)}.header-logo{width:32px;height:32px;font-size:var(--text-lg)}.stat-value{font-size:var(--text-lg)}.stat-item{padding:8px 12px}.extensions-grid{grid-template-columns:1fr}.btn{padding:10px 16px;font-size:var(--text-md)}.btn-icon{padding:6px;min-width:32px;min-height:32px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner,.spin{animation:spin 1s linear infinite}.call-notifications-panel .panel-header{display:flex;align-items:center;gap:10px}.cn-badge-new{background:var(--status-ringing, var(--accent-warning));color:rgb(var(--scrim-rgb));font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-md);margin-inline-start:4px}.cn-filters{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.cn-filter-btn{padding:6px 12px;font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cn-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cn-filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.cn-list-wrap{max-height:60vh;overflow-y:auto}.cn-loading,.cn-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--text-muted);font-size:var(--text-base)}.cn-list{list-style:none;margin:0;padding:0}.cn-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.cn-item:hover{background:var(--bg-hover)}.cn-item-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.cn-icon{flex-shrink:0;color:var(--text-muted);margin-top:2px}.cn-item-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;min-width:0}.cn-ext{font-weight:600;color:var(--text-primary)}.cn-caller{color:var(--text-secondary)}.cn-queue{font-size:var(--text-sm);color:var(--text-muted)}.cn-time{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono, monospace)}.cn-item-actions{display:flex;gap:6px;flex-shrink:0}.cn-status-new{background:rgb(var(--accent-warning-rgb) / .06)}.sh-home{display:flex;flex-direction:column;gap:var(--space-6)}.sh-cat{margin:0}.sh-cat-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 var(--space-3)}.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:var(--space-3)}.sh-card{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3h) var(--space-4);text-align:start;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.sh-card:hover{border-color:var(--border-accent);background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sh-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sh-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--accent-primary);background:rgb(var(--accent-primary-rgb) / .1)}.sh-card-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.sh-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.sh-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45}.sh-card-status{display:flex;align-items:center;gap:var(--space-1h);margin-top:var(--space-1);min-width:0}.sh-card-status .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:start}.sh-card-chevron{flex-shrink:0;align-self:center;color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.sh-card:hover .sh-card-chevron{color:var(--accent-primary)}[dir=rtl] .sh-card-chevron,[dir=rtl] .sh-back-icon{transform:scaleX(-1)}@media(max-width:640px){.sh-grid{grid-template-columns:1fr}}.settings-panel-full{flex:1;min-height:0;display:flex;flex-direction:column}.settings-panel-full .panel-content{flex:1;min-height:0;overflow-y:auto;padding-block-end:calc(58px + var(--space-7))}.main-content:has(>.settings-panel-full){padding-block-end:calc(20px + env(safe-area-inset-bottom,0px))}@media(max-width:768px){.main-content:has(>.settings-panel-full){padding-block-end:calc(16px + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.main-content:has(>.settings-panel-full){padding-block-end:calc(12px + env(safe-area-inset-bottom,0px))}}.up-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.up-form-row.single{grid-template-columns:1fr}.up-form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.up-form-group label.u-row{display:flex}.up-form-group label.u-inline-row{display:inline-flex}.up-form-group .form-input{width:100%}.up-form-divider{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.up-list-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:0 4px}.up-list-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:rgb(var(--accent-primary-rgb) / .12);color:var(--accent-primary)}.up-list-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.up-list-desc{font-size:var(--text-md);color:var(--text-muted);margin-top:2px}.gp-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.gp-detail-section{display:flex;flex-direction:column;gap:8px;min-width:0}.gp-detail-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex;align-items:center;gap:6px}.gp-detail-label span{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:none;letter-spacing:0}.gp-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:2px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.gp-chips::-webkit-scrollbar{width:6px}.gp-chips::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-2xs)}.gp-chips::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-2xs)}.gp-chips::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.gp-chip{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-chip-agent{border-color:rgb(var(--accent-primary-rgb) / .35);background:rgb(var(--accent-primary-rgb) / .08);color:var(--accent-primary)}.gp-chip-queue{border-color:rgb(var(--accent-teal-rgb) / .35);background:rgb(var(--accent-teal-rgb) / .08);color:var(--accent-teal)}.gp-chip-user{border-color:rgb(var(--accent-success-rgb) / .35);background:rgb(var(--accent-success-rgb) / .08);color:var(--status-idle)}.gp-chip-tag{margin-inline-start:6px;padding:1px 6px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-hover);border-radius:var(--radius-2xl)}@media(max-width:640px){.up-form-row{grid-template-columns:1fr;gap:16px}.gp-detail-grid{grid-template-columns:1fr}.gp-chips{max-height:160px}}.cl-scope-note{margin:0;padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--border-subtle);background:rgb(var(--accent-primary-rgb) / .06);color:var(--text-secondary);font-size:var(--text-sm)}.cl-phone{font-family:var(--font-mono);font-weight:500;color:var(--text-primary);font-size:var(--text-sm);letter-spacing:.01em}.cl-datetime{display:flex;flex-direction:column;gap:2px}.cl-date{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.cl-time{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.cl-no-recording{font-size:var(--text-sm);color:var(--text-muted);opacity:.6}.cl-no-qos{color:var(--text-muted)}.cl-audio-player{display:flex;align-items:center;gap:5px;min-width:200px}.cl-audio-progress-wrap{flex:1;min-width:48px;cursor:pointer;padding:7px 0}.cl-audio-progress-bg{width:100%;height:3px;background:var(--border-subtle);border-radius:var(--radius-3xs);overflow:hidden}.cl-audio-progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-3xs);transition:width .1s linear}.cl-audio-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;min-width:64px}.cl-audio-filename{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-xs);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-qos-modal .ui-modal-body{padding:0}.cl-qos-body{display:flex;flex-direction:column}.cl-qos-hero{--qos-accent: var(--text-secondary);padding:18px 24px;border-bottom:1px solid var(--border-subtle);border-left:3px solid var(--qos-accent);background:var(--bg-secondary)}.cl-qos-hero-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.cl-qos-hero-score{display:flex;flex-direction:column;gap:2px}.cl-qos-hero-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.cl-qos-hero-value{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;line-height:1}.cl-qos-text{font-size:var(--text-md);color:var(--text-secondary);margin-top:14px;line-height:1.6}.cl-qos-participants{display:flex;align-items:center;gap:10px}.cl-qos-badge{padding:5px 12px;border-radius:var(--radius-2xl);font-size:var(--text-sm);font-weight:700}.cl-qos-badge.agent{background:rgb(var(--accent-primary-rgb) / .12);color:var(--accent-primary);border:1px solid rgb(var(--accent-primary-rgb) / .3)}.cl-qos-badge.customer{background:rgb(var(--accent-success-rgb) / .12);color:var(--accent-success);border:1px solid rgb(var(--accent-success-rgb) / .3)}.cl-qos-arrow{color:var(--text-muted);flex-shrink:0}.cl-qos-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px}.cl-qos-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.cl-qos-card-head{display:flex;align-items:center;gap:7px;padding:9px 14px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.cl-qos-card-head svg{color:var(--text-muted);flex-shrink:0}.cl-qos-card-score{display:flex;align-items:baseline;gap:8px;padding:14px 14px 12px}.cl-qos-card-num{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;line-height:1;font-family:var(--font-mono)}.cl-qos-card-qual{font-size:var(--text-sm);font-weight:700;margin-inline-start:auto}.cl-qos-card-metrics{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}.cl-qos-mrow{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;font-size:var(--text-sm)}.cl-qos-mrow+.cl-qos-mrow{border-top:1px solid var(--border-subtle)}.cl-qos-mlabel{color:var(--text-muted);font-weight:600}.cl-qos-mval{color:var(--text-primary);font-weight:600;font-family:var(--font-mono)}.cl-qos-net{display:flex;align-items:center;gap:10px;margin:0 24px 16px;padding:12px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary)}.cl-qos-net svg{color:var(--accent-primary);flex-shrink:0}.cl-qos-net-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.cl-qos-net-value{margin-inline-start:auto;font-size:var(--text-base);font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.cl-qos-block{padding:0 24px 16px}.cl-qos-block-title{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);margin-bottom:10px}.cl-qos-block-title svg{color:var(--text-muted)}.cl-qos-dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);padding:12px 16px}.cl-qos-dev-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:var(--text-sm)}.cl-qos-dev-label{color:var(--text-muted);font-weight:600;flex-shrink:0}.cl-qos-dev-val{color:var(--text-primary);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-vad-filename{font-size:var(--text-xs);color:var(--text-muted);margin:0;font-family:var(--font-mono)}.cl-vad-timeline-wrap{display:flex;flex-direction:column;gap:4px}.cl-vad-timeline-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:8px}.cl-vad-timeline-track{position:relative;height:20px;background:var(--bg-secondary);border-radius:var(--radius-xs);overflow:hidden;border:1px solid var(--border-subtle)}.cl-vad-segment{position:absolute;top:2px;height:calc(100% - 4px);border-radius:var(--radius-2xs);min-width:2px;inset-inline-start:var(--seg-start, 0);inline-size:var(--seg-width, 0)}.cl-vad-segment-sp1{background:var(--accent-primary);opacity:.85}.cl-vad-segment-sp2{background:var(--accent-success);opacity:.85}.cl-vad-time-axis{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.cl-journey-modal .ui-modal-body{padding:0}.cl-journey-step-count{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-pill)}.cl-journey-body{display:flex;flex-direction:column}.cl-journey-summary{padding:18px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.cl-journey-summary-row{margin-bottom:6px}.cl-journey-summary-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.cl-journey-summary-value{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.cl-journey-summary-value.cl-journey-phone{font-variant-numeric:tabular-nums}.cl-journey-summary-meta{font-size:var(--text-md);color:var(--text-muted);margin-top:8px}.cl-journey-date,.cl-journey-time-summary,.cl-journey-duration{font-variant-numeric:tabular-nums}.cl-journey-dot{margin:0 6px;color:var(--text-muted);opacity:.7}.cl-journey-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cl-journey-summary-id{margin-top:12px}.cl-journey-timeline-wrap{padding:16px 20px;overflow-y:auto;flex:1;min-height:0}.cl-journey-timeline{list-style:none;margin:0;padding:0}.cl-journey-timeline-item{display:flex;gap:14px;position:relative;padding-bottom:4px}.cl-journey-timeline-item:last-child .cl-journey-timeline-line{display:none}.cl-journey-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.cl-journey-dot-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-round);background:var(--bg-tertiary);border:2px solid var(--border-subtle);flex-shrink:0}.cl-journey-timeline-line{width:2px;flex:1;min-height:12px;margin-top:4px;background:var(--border-subtle);border-radius:var(--radius-3xs)}.cl-journey-timeline-content{flex:1;min-width:0;padding-bottom:12px}.cl-journey-event-time{font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-muted);margin-bottom:4px}.cl-journey-event-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}.cl-journey-event-name{font-size:var(--text-md);font-weight:700;display:block;margin-bottom:6px}.cl-journey-event-details{display:flex;flex-wrap:wrap;gap:6px}.cl-journey-detail-pill{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 8px;border-radius:var(--radius-xs);font-variant-numeric:tabular-nums}.cl-journey-attempt-audio{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}@media(max-width:768px){.cl-qos-modal{max-width:95vw}.cl-qos-cards,.cl-qos-dev-grid{grid-template-columns:1fr}.cl-audio-player{min-width:180px}.cl-audio-filename{display:none}}.main-content>.softphone-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.softphone-wrap{width:100%;max-width:100%;padding:0 clamp(12px,3vw,28px) clamp(12px,3vw,28px);display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.softphone-panel{width:100%;max-width:400px;min-width:280px;flex:1 1 auto;min-height:280px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 2px 4px rgb(var(--scrim-rgb) / .2),0 8px 24px rgb(var(--scrim-rgb) / .25),0 0 0 1px rgb(var(--scrim-rgb) / .05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.softphone-panel:focus-within{border-color:var(--border-accent);box-shadow:0 2px 4px rgb(var(--scrim-rgb) / .2),0 10px 32px rgb(var(--scrim-rgb) / .3),0 0 0 1px rgb(var(--accent-primary-rgb) / .15)}.softphone-header{display:flex;align-items:center;gap:10px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.softphone-header-icon{color:var(--accent-primary);flex-shrink:0}.softphone-header-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);flex:1;letter-spacing:-.02em}.softphone-header-right{display:flex;align-items:center;gap:8px}.softphone-status-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--text-muted);flex-shrink:0;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.softphone-status-dot.registered{background:var(--status-idle);box-shadow:0 0 8px var(--status-idle-glow)}.softphone-header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.softphone-header-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-primary)}.softphone-header-btn:active:not(:disabled){transform:scale(.96)}.softphone-dial-area{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.softphone-search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.softphone-search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.softphone-search-input{width:100%;padding:14px 72px 14px 42px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-lg);font-family:var(--font-mono);letter-spacing:.02em;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.softphone-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow)}.softphone-search-input::placeholder{color:var(--text-muted)}.softphone-call-using-label{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;pointer-events:none}.softphone-dialpad{display:flex;flex-direction:column;gap:clamp(6px,1.5vw,12px);flex:0 0 auto;width:100%;max-width:min(280px,95%);margin:0 auto}.softphone-dialpad-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.5vw,12px)}.softphone-dialpad-key{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;min-height:clamp(40px,11vw,56px);padding:clamp(6px,1.5vw,10px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:clamp(16px,4.5vw,22px);font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-dialpad-key:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent);transform:scale(1.02)}.softphone-dialpad-key:active:not(:disabled){transform:scale(.98)}.softphone-dialpad-key:disabled{opacity:.5;cursor:not-allowed}.softphone-dialpad-digit{line-height:1.2}.softphone-dialpad-letters{font-size:clamp(7px,1.8vw,10px);font-weight:500;color:var(--text-muted);margin-top:1px;letter-spacing:.02em;text-transform:uppercase}.softphone-bottom-actions{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:20px;padding-top:8px}.softphone-bottom-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--border-subtle);border-radius:var(--radius-round);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-bottom-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.softphone-bottom-btn:active:not(:disabled){transform:scale(.95)}.softphone-bottom-btn:disabled{opacity:.4;cursor:not-allowed}.softphone-call-btn{width:60px;height:60px;background:var(--accent-success);border:none;color:var(--text-on-accent);box-shadow:0 4px 12px rgb(var(--accent-success-rgb) / .25)}.softphone-call-btn:hover:not(:disabled){background:var(--accent-success);filter:brightness(1.08);box-shadow:0 6px 16px rgb(var(--accent-success-rgb) / .35);transform:scale(1.05)}.softphone-hint{flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted);padding:0 20px 8px;margin:0;line-height:1.45}.softphone-call-status{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:var(--text-sm);color:var(--text-secondary);border-top:1px solid var(--border-subtle);gap:12px}.softphone-duration{font-family:var(--font-mono);color:var(--accent-primary);font-weight:600}.softphone-log-section{flex-shrink:0;border-top:1px solid var(--border-subtle)}.softphone-log-toggle{width:100%;padding:10px 20px;border:none;background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;text-align:left;cursor:pointer;font-family:inherit;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.softphone-log-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.softphone-log-box{padding:0 20px 14px;flex-shrink:0}.softphone-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.softphone-log-content{max-height:140px;overflow-y:auto;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs)}.softphone-incoming{max-width:400px;animation:softphone-incoming-in .25s ease-out}@keyframes softphone-incoming-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.softphone-incoming .softphone-header{flex-shrink:0}.softphone-incoming-body{flex:1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 28px;gap:6px}.softphone-caller-number{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em;text-align:center;line-height:1.2;flex-shrink:0}.softphone-caller-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);text-align:center;flex-shrink:0}.softphone-status-row{flex-shrink:0;margin:10px 0 4px}.softphone-status-badge{padding:6px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:default}.softphone-answer-actions{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:32px;margin-top:20px;padding-top:16px}.softphone-btn-decline,.softphone-btn-answer{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:var(--radius-round);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-btn-decline{background:var(--accent-danger);color:var(--text-on-accent);box-shadow:0 4px 14px rgb(var(--accent-danger-rgb) / .35)}.softphone-btn-decline:hover{transform:scale(1.05);box-shadow:0 6px 18px rgb(var(--accent-danger-rgb) / .45)}.softphone-btn-decline:active{transform:scale(.96)}.softphone-btn-answer{background:var(--accent-success);color:var(--text-on-accent);box-shadow:0 4px 14px rgb(var(--accent-success-rgb) / .35)}.softphone-btn-answer:hover{transform:scale(1.05);box-shadow:0 6px 18px var(--status-idle-glow)}.softphone-btn-answer:active{transform:scale(.96)}.softphone-incall{max-width:400px}.softphone-incall .softphone-header{flex-shrink:0}.softphone-incall-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px 20px;gap:2px}.softphone-incall-number{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em;text-align:center;line-height:1.2}.softphone-incall-name{font-size:var(--text-md);font-weight:500;color:var(--text-secondary);text-align:center}.softphone-incall-duration{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-bottom:10px}.softphone-quality{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px}.softphone-quality-head{display:flex;align-items:center;gap:6px}.softphone-quality-mos{font-size:var(--text-md);font-weight:700;font-variant-numeric:tabular-nums}.softphone-quality-detail{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.softphone-audio-levels{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:14px}.softphone-level-item{display:flex;align-items:center;gap:8px}.softphone-level-icon{color:var(--text-secondary);flex-shrink:0}.softphone-level-bar-wrap{width:8px;height:32px;border-radius:var(--radius-xs);background:var(--bg-tertiary);border:1px solid var(--border-subtle);overflow:hidden;display:flex;align-items:flex-end}.softphone-level-bar{width:100%;height:var(--u-fill, 0%);min-height:2px;border-radius:var(--radius-2xs);transition:height .08s ease-out}.softphone-level-speaker{background:var(--gradient-meter-fill)}.softphone-level-mic{background:var(--accent-success)}.softphone-incall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:100%;padding:0 8px;margin-bottom:14px}.softphone-incall-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:10px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-incall-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary)}.softphone-incall-btn:active:not(:disabled){transform:scale(.98)}.softphone-incall-btn.softphone-incall-btn-active{background:rgb(var(--accent-danger-rgb) / .15);border-color:var(--accent-danger);color:var(--accent-danger)}.softphone-incall-btn.softphone-incall-btn-active:hover:not(:disabled){background:rgb(var(--accent-danger-rgb) / .25)}.softphone-btn-hangup{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:var(--radius-round);background:var(--accent-danger);color:var(--text-on-accent);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px rgb(var(--accent-danger-rgb) / .35);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-btn-hangup:hover{transform:scale(1.05);box-shadow:0 6px 18px rgb(var(--accent-danger-rgb) / .45)}.softphone-btn-hangup:active{transform:scale(.96)}@media(max-width:480px){.softphone-wrap{padding:0 12px max(12px,env(safe-area-inset-bottom,0px))}.softphone-panel{min-width:260px}.softphone-dial-area{padding:12px 16px 16px}.softphone-search-input{padding-inline-start:38px;padding-inline-end:64px;font-size:var(--text-base)}.softphone-call-using-label{right:10px;font-size:var(--text-xs)}}@media(min-width:768px){.softphone-wrap{padding:0 20px 24px}.softphone-panel:hover{border-color:var(--border-accent);box-shadow:0 4px 8px rgb(var(--scrim-rgb) / .2),0 12px 32px rgb(var(--scrim-rgb) / .28),0 0 0 1px rgb(var(--scrim-rgb) / .05)}}.an-dot{width:7px;height:7px;border-radius:var(--radius-round);flex-shrink:0}.an-dot-green{background:var(--accent-success, var(--accent-success))}.an-dot-red{background:var(--accent-danger, var(--accent-danger))}.an-dot-blue{background:var(--accent-primary, var(--accent-primary))}.an-dot-orange{background:var(--accent-warning, var(--accent-warning))}.an-dot-purple{background:var(--accent-purple, var(--accent-purple))}.an-dot-neutral{background:var(--text-muted, var(--text-muted))}@media(prefers-reduced-motion:reduce){.softphone-panel,.softphone-dialpad-key,.softphone-bottom-btn,.softphone-btn-answer,.softphone-btn-decline,.softphone-btn-hangup,.softphone-incall-btn,.softphone-header-btn,.softphone-call-using-label{transition:none}.softphone-incoming{animation:none}.softphone-dialpad-key:hover:not(:disabled),.softphone-dialpad-key:active:not(:disabled),.softphone-bottom-btn:active:not(:disabled),.softphone-call-btn:hover:not(:disabled),.softphone-btn-answer:hover,.softphone-btn-answer:active,.softphone-btn-decline:hover,.softphone-btn-decline:active,.softphone-btn-hangup:hover,.softphone-btn-hangup:active,.softphone-incall-btn:active:not(:disabled){transform:none}}.header-hamburger{display:none;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.header-hamburger:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-backdrop{display:none}.softphone-fab{position:fixed;inset-block-end:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:clamp(16px,4vw,28px);z-index:var(--z-fab);width:58px;height:58px;border-radius:var(--radius-round);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);background:var(--gradient-accent-deep);box-shadow:var(--shadow-lg),var(--shadow-glow);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.softphone-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-xl),var(--shadow-glow)}.softphone-fab:active{transform:scale(.96)}.softphone-fab:focus-visible{outline:2px solid var(--accent-primary-hover);outline-offset:3px}.softphone-fab-dot{position:absolute;inset-block-start:4px;inset-inline-end:4px;width:11px;height:11px;border-radius:var(--radius-round);border:2px solid var(--bg-primary);background:var(--text-muted)}.softphone-fab--registered .softphone-fab-dot{background:var(--accent-success)}.softphone-fab--offline .softphone-fab-dot{background:var(--text-muted)}.softphone-fab--in-call{background:var(--gradient-success)}.softphone-fab--ringing{background:var(--accent-danger);animation:softphone-fab-pulse 1.4s ease-in-out infinite}.softphone-fab-badge{position:absolute;inset-block-start:-2px;inset-inline-end:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--accent-danger);border:2px solid var(--bg-primary);color:var(--text-on-accent);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}@keyframes softphone-fab-pulse{0%{box-shadow:var(--shadow-lg),0 0 0 0 var(--status-ringing-glow)}70%{box-shadow:var(--shadow-lg),0 0 0 16px rgb(var(--accent-danger-rgb) / 0)}to{box-shadow:var(--shadow-lg),0 0 rgb(var(--accent-danger-rgb) / 0)}}.softphone-popover{position:fixed;--sp-anchor-offset: calc(90px + env(safe-area-inset-bottom, 0px)) ;inset-block-end:var(--sp-anchor-offset);inset-inline-end:clamp(16px,4vw,28px);z-index:var(--z-popover);width:min(360px,calc(100vw - 32px))}.softphone-popover .softphone-panel{max-width:none;min-width:0;width:100%;box-shadow:0 12px 48px rgb(var(--scrim-rgb) / .6)}.agent-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2) var(--space-3);margin-block-end:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 32px rgb(var(--scrim-rgb) / .4)}.softphone-popover .agent-bar{margin-block-end:var(--space-2)}.agent-bar-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:var(--radius-lg, 999px);border:1px solid transparent;font-size:var(--text-sm);font-weight:600;line-height:1}.agent-bar-dot{width:8px;height:8px;border-radius:var(--radius-round);flex:0 0 auto}.pr-code-dot{display:inline-block;background:var(--dot-color, var(--text-muted));margin-inline-end:var(--space-1h)}.agent-bar-timer{font-variant-numeric:tabular-nums;font-weight:500;opacity:.85;padding-inline-start:4px;border-inline-start:1px solid currentColor}.agent-bar-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.agent-bar-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.agent-bar-oncall{display:inline-flex;align-items:center;gap:6px;color:var(--status-call);font-weight:600;font-size:var(--text-sm)}.agent-bar-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);text-align:start;border-radius:var(--radius-sm);cursor:pointer}.agent-bar-menu-item:hover{background:var(--bg-hover)}.agent-bar-menu-empty{padding:10px;color:var(--text-muted);font-size:var(--text-sm);text-align:center}.agent-header{position:relative;display:flex;align-items:center;gap:6px;padding:10px var(--space-3);flex-shrink:0;background:var(--bg-secondary);border-block-end:3px solid var(--ah-color, var(--border-subtle))}.agent-header-spacer{flex:1 1 0;min-width:0}.agent-pill{display:inline-flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0;height:34px;padding-inline:11px 9px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--ah-color) 40%,transparent);background:color-mix(in srgb,var(--ah-color) 14%,transparent);color:var(--text-primary);font-size:var(--text-md);cursor:pointer}.agent-pill:hover:not(:disabled){background:color-mix(in srgb,var(--ah-color) 24%,transparent)}.agent-pill:disabled{cursor:default}.agent-pill-ic{flex:0 0 auto;color:var(--ah-color)}.agent-pill-label{font-weight:700;color:var(--ah-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-pill-timer{flex:0 0 auto;font-weight:600;font-variant-numeric:tabular-nums}.agent-pill-caret{flex:0 0 auto;color:var(--text-secondary)}.agent-quick{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--radius-round);border:1px solid color-mix(in srgb,var(--success) 50%,transparent);background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success);cursor:pointer}.agent-quick:hover{background:color-mix(in srgb,var(--success) 28%,transparent);border-color:var(--success)}.agent-ext{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-inline-end:2px}.agent-ext-dot{width:6px;height:6px;border-radius:var(--radius-round);background:var(--danger)}.agent-ext-dot.is-on{background:var(--success)}.agent-icon-btn{--ib-color: var(--text-secondary);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--ib-color);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.agent-icon-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent)}.agent-icon-btn:disabled{opacity:.4;cursor:default}.agent-icon-queue.on{--ib-color: var(--status-call)}.agent-icon-dnd.on{--ib-color: var(--danger)}.agent-icon-btn.on{border-color:color-mix(in srgb,var(--ib-color) 45%,transparent);background:color-mix(in srgb,var(--ib-color) 16%,transparent)}.agent-icon-btn.on:hover:not(:disabled){background:color-mix(in srgb,var(--ib-color) 26%,transparent);border-color:var(--ib-color)}.agent-header-refresh{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer}.agent-header-refresh:hover:not(:disabled){background:var(--bg-hover);color:var(--text-secondary)}.agent-header-refresh:disabled{opacity:.5;cursor:default}.sync-btn.is-reconnect{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}.sync-btn.is-reconnect:hover:not(:disabled){color:var(--warning);background:color-mix(in srgb,var(--warning) 24%,transparent)}.sync-btn.is-busy svg{animation:sync-spin .9s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sync-btn.is-busy svg{animation:none}}.agent-header-menu{position:absolute;inset-inline-start:10px;inset-block-start:calc(100% + 4px);min-width:210px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 40px rgb(var(--scrim-rgb) / .5);padding:4px;z-index:var(--z-menu-high);max-height:300px;overflow-y:auto}.agent-header-menu-label{padding:6px 10px 4px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.agent-header-menu-swatch{width:9px;height:9px;border-radius:var(--radius-round);flex:0 0 auto}.agent-header-menu-sep{height:1px;background:var(--border-subtle);margin:4px 6px}.agent-header-menu-danger{color:var(--danger)}.agent-header-menu-danger:hover{background:var(--status-ringing-bg)}.agent-board-filter{margin-block-end:var(--space-3);flex-wrap:wrap}.agent-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}@media(max-width:1024px){.agent-board-grid{gap:var(--space-3)}}.softphone-popover .softphone-dial-area{flex:0 0 auto}.softphone-popover-backdrop{display:none}.header-profile{position:relative}.header-profile-btn{display:inline-flex;align-items:center;gap:7px}.header-profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-round);background:rgb(var(--accent-primary-rgb) / .12);color:var(--accent-primary);flex-shrink:0}.header-profile-avatar-lg{width:38px;height:38px}.header-profile-name{font-size:var(--text-md);font-weight:600;color:var(--text-primary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-caret{color:var(--text-muted);transition:transform var(--transition-fast)}.header-profile-caret.open{transform:rotate(180deg)}.header-profile-dropdown{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:280px;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-overlay);padding:10px;animation:an-dropdown-in .13s ease}.header-profile-identity{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background var(--transition-fast)}.header-profile-identity:hover,.header-profile-identity:focus-visible{background:var(--bg-hover)}.header-profile-identity:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.header-profile-identity-go{margin-inline-start:auto;flex-shrink:0;color:var(--text-muted)}[dir=rtl] .header-profile-identity-go{transform:scaleX(-1)}.header-profile-identity-text{min-width:0}.header-profile-identity-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-identity-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:1px}.header-profile-role{text-transform:capitalize}.header-profile-divider{height:1px;background:var(--border-primary);margin:6px 0}.header-profile-section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:4px 4px 6px}.header-profile-row{flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px}.header-profile-row-label{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-md);color:var(--text-secondary)}.header-profile-row-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.header-profile-segmented{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:2px;gap:2px}.header-profile-seg{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;white-space:nowrap;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast)}.header-profile-seg:hover{color:var(--text-primary)}.header-profile-seg.active{background:var(--accent-primary);color:var(--text-on-accent);font-weight:600}.header-profile-seg:disabled{opacity:.5;cursor:not-allowed}.header-profile-seg:disabled:not(.active):hover{color:var(--text-secondary)}.header-profile-identity-monitor{display:flex;align-items:center;gap:4px}.header-profile-signout{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--status-error, var(--accent-danger));cursor:pointer;font-size:var(--text-md);font-weight:600;font-family:inherit;transition:background var(--transition-fast)}.header-profile-signout:hover{background:rgb(var(--accent-danger-rgb) / .1)}.header-profile-avatar.has-ring{color:var(--ring);background:color-mix(in srgb,var(--ring) 12%,var(--bg-card));box-shadow:0 0 0 2px var(--bg-card),0 0 0 3.5px var(--ring)}.header-profile-text{display:grid;min-width:0;text-align:start;line-height:1.25}.header-profile-state{font-size:var(--text-xs);font-weight:600;color:var(--ring);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-state.is-near .u-mono{color:var(--warning)}.header-profile-state.is-over .u-mono{color:var(--danger)}@media(max-width:640px){.header-profile-text{display:none}}.header-profile-dropdown{min-width:300px;max-inline-size:calc(100vw - 24px)}.profile-status-lock{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:7px 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--status-call);background:var(--status-call-bg)}.status-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font:inherit;font-size:var(--text-md);font-weight:500;text-align:start;cursor:pointer;transition:background var(--transition-fast)}.status-menu-item:hover:not(:disabled){background:var(--bg-hover)}.status-menu-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.status-menu-item:disabled{opacity:.45;cursor:not-allowed}.status-menu-item>svg{flex-shrink:0;color:var(--text-secondary)}.status-menu-text{display:grid;flex:1;min-width:0}.status-menu-text small{font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.status-menu-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--ring);flex-shrink:0}.status-menu-swatch{width:10px;height:10px;border-radius:var(--radius-2xs);background:var(--ring);flex-shrink:0}.status-menu-meta{font-size:var(--text-xs);color:var(--text-muted)}.status-menu-item>.status-menu-tick{color:var(--accent-primary)}.status-menu-sub{display:grid;gap:1px;padding-inline-start:18px;padding-block:2px 4px}.status-menu-sub .status-menu-item{padding-block:6px}.status-menu-switch{position:relative;flex-shrink:0;width:34px;height:20px;border-radius:var(--radius-pill);background:var(--border-accent);transition:background var(--transition-fast)}.status-menu-switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:var(--radius-round);background:var(--text-on-accent);box-shadow:var(--shadow-sm);transition:inset-inline-start var(--transition-fast)}.status-menu-switch.on{background:var(--status-call)}.status-menu-switch.is-dnd.on{background:var(--danger)}.status-menu-switch.on:after{inset-inline-start:17px}[dir=rtl] .u-flip-rtl{transform:scaleX(-1)}.status-menu{gap:1px;min-inline-size:250px}.status-menu-head{padding:4px 10px 8px;margin-bottom:4px;border-bottom:1px solid var(--border-primary);font-size:var(--text-sm);color:var(--text-primary)}.status-menu-head b{font-weight:var(--weight-semibold)}.status-menu-note{padding:6px 10px;font-size:var(--text-sm);color:var(--text-muted)}.agent-pill-timer.is-near{color:var(--warning)}.agent-pill-timer.is-over{color:var(--danger)}.softphone-transfer{margin-top:16px;padding:12px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.softphone-transfer{flex-direction:column;align-items:stretch;gap:10px}.sp-xfer-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sp-xfer-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.sp-xfer-input{width:100%}.sp-xfer-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;text-align:start;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.sp-xfer-option:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-tertiary, var(--bg-secondary))}.sp-xfer-option:disabled{opacity:.5;cursor:not-allowed}.sp-xfer-option-icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border-radius:var(--radius-round);background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary)}.sp-xfer-option-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sp-xfer-option-label{font-size:var(--text-md);font-weight:600}.sp-xfer-option-desc{font-size:var(--text-xs);line-height:1.35;color:var(--text-muted)}.sp-xfer-option-go{flex:0 0 auto;color:var(--text-muted)}.sp-xfer-status{display:flex;align-items:center;gap:8px}.sp-xfer-dot{flex:0 0 8px;height:8px;border-radius:var(--radius-round);background:var(--accent-warning)}.sp-xfer-dot--calling,.sp-xfer-dot--ringing{animation:sp-xfer-pulse 1.2s ease-in-out infinite}.sp-xfer-dot--connected{background:var(--accent-success);animation:none}@keyframes sp-xfer-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.sp-xfer-dot--calling,.sp-xfer-dot--ringing{animation:none}}.sp-xfer-status-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sp-xfer-status-text strong{font-size:var(--text-md);color:var(--text-primary)}.sp-xfer-status-text span{font-size:var(--text-xs);color:var(--text-muted)}.sp-xfer-note{margin:0;font-size:var(--text-xs);line-height:1.4;color:var(--text-muted)}.sp-xfer-buttons{display:flex;gap:8px}.sp-xfer-error{font-size:var(--text-sm);color:var(--accent-danger)}.sidebar-item:focus-visible,.header-hamburger:focus-visible,.header-profile-seg:focus-visible,.softphone-dialpad-key:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(max-width:768px){.header-hamburger{display:inline-flex}.sidebar{position:fixed;inset-block:56px 0;inset-inline-start:0;width:270px;z-index:var(--z-header-mobile);transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-xl)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:270px}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-connection{justify-content:flex-start}.sidebar-backdrop{display:block;position:fixed;inset:56px 0 0;background:rgb(var(--scrim-rgb) / .5);z-index:var(--z-header);animation:an-dropdown-in .15s ease}}@media(max-width:600px){.softphone-popover{inset-block-end:0;inset-inline:0;top:auto;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-card)}.softphone-popover .softphone-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.softphone-popover-backdrop{display:block;position:fixed;inset:0;z-index:var(--z-fab-mobile);background:rgb(var(--scrim-rgb) / .45);animation:an-dropdown-in .15s ease}.softphone-popover .softphone-dialpad-key{min-height:54px}.softphone-fab.is-open{opacity:0;pointer-events:none}}@media(max-width:600px){.extensions-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.softphone-fab,.softphone-fab--ringing{animation:none;transition:none}.softphone-fab:hover{transform:none}.sidebar{transition:none}}.rec-inline-status{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-md)}.ui-table .ui-toggle-row{display:inline-flex;gap:var(--space-2);padding:0;background:none;border:none}.ui-table .ui-toggle-row:hover{background:none}.rec-folder-browser{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);padding:var(--space-3) var(--space-3h);margin-bottom:var(--space-3)}.rec-folder-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.rec-folder-list{display:flex;flex-direction:column;gap:var(--space-1h);margin-bottom:var(--space-2h)}.rec-folder-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2h)}.rec-folder-new{display:flex;align-items:center;gap:var(--space-2)}.rec-folder-new .form-input{flex:1}.opt-tag{display:inline-block;margin-inline-start:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-muted);vertical-align:middle}.crm-field-badges{display:inline-flex;gap:var(--space-1);margin-inline-start:var(--space-2);vertical-align:middle;text-transform:none;letter-spacing:0}.crm-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.crm-chip{display:inline-flex;align-items:center;gap:var(--space-1h);padding:var(--space-1h) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.crm-chip:hover{border-color:var(--border-accent);color:var(--text-primary);background:var(--bg-hover)}.crm-chip.on{background:rgb(var(--accent-primary-rgb) / .18);border-color:var(--accent-primary);color:var(--accent-primary-hover);box-shadow:0 0 0 1px rgb(var(--accent-primary-rgb) / .2) inset}.crm-chip.locked{cursor:default;background:var(--gradient-brand-tint-mid);border-color:rgb(var(--accent-primary-rgb) / .4);color:var(--accent-primary)}.crm-chip .crm-chip-ico{display:inline-flex;opacity:.9}.crm-keymap-rows{display:flex;flex-direction:column;gap:var(--space-2)}.crm-keymap-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.2fr) auto minmax(0,1.4fr);align-items:center;gap:var(--space-2h)}.crm-keymap-row.collide .crm-keymap-input{border-color:var(--warning, var(--accent-warning));box-shadow:0 0 0 1px rgb(var(--accent-warning-rgb) / .4) inset}.crm-keymap-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.crm-keymap-default{font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-keymap-arrow{color:var(--text-muted);font-size:var(--text-md)}.crm-keymap-input{font-family:var(--font-mono, monospace);font-size:var(--text-sm);padding:var(--space-1h) var(--space-2h);border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--control-surface);color:var(--text-primary);width:100%}.crm-keymap-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgb(var(--accent-primary-rgb) / .18)}.crm-keymap-input::placeholder{color:var(--text-muted);opacity:.7}@media(max-width:640px){.crm-keymap-row{grid-template-columns:1fr auto 1fr}.crm-keymap-label{grid-column:1 / -1}}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:transparent}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--text-on-accent)}.btn-danger:hover{background:var(--danger);border-color:var(--danger);filter:brightness(1.08)}.btn-ghost.btn-danger{background:transparent;border-color:transparent;color:var(--danger)}.btn-ghost.btn-danger:hover{background:rgb(var(--accent-danger-rgb) / .1);border-color:transparent;color:var(--danger);filter:none}.ui-toggle-row{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.ui-toggle-row:hover{border-color:var(--border-accent);background:var(--bg-hover)}.ui-toggle-row:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ui-toggle-row.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.ui-toggle-switch{position:relative;width:44px;height:26px;border-radius:var(--radius-pill);background:var(--bg-tertiary);border:2px solid var(--border-accent);transition:all var(--transition-normal);flex-shrink:0}.ui-toggle-switch.active{background:var(--accent-primary);border-color:transparent}.ui-toggle-knob{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:var(--radius-round);background:var(--text-muted);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-size:var(--text-xs);transition:all var(--transition-normal)}.ui-toggle-switch.active .ui-toggle-knob{inset-inline-start:20px;background:var(--text-on-accent);color:var(--accent-primary);box-shadow:0 2px 6px rgb(var(--scrim-rgb) / .22)}.ui-toggle-info{display:flex;flex-direction:column;gap:2px}.ui-toggle-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.ui-toggle-desc{font-size:var(--text-sm);color:var(--text-muted)}.ui-toggle-row,.ui-toggle-info{text-align:start}.ui-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:92vh;overflow:hidden}.ui-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ui-modal-title-row{display:flex;align-items:center;gap:10px}.ui-modal-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent-primary);flex-shrink:0}.ui-modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.ui-modal-close{color:var(--text-muted);flex-shrink:0}.ui-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ui-modal-body>.ui-alert:first-child{margin-bottom:var(--space-4)}.ui-modal-footer{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.ui-bar{display:flex;gap:2px;height:12px;border-radius:var(--radius-pill);overflow:hidden;background:var(--bg-tertiary)}.ui-bar--sm{height:8px}.ui-bar-seg{min-width:3px;border:0;padding:0;transition:flex-grow var(--transition)}.ui-bar-seg--empty{flex:1;background:transparent}.ui-bar--selectable .ui-bar-seg{cursor:pointer;appearance:none}.ui-bar--selectable .ui-bar-seg:hover{filter:brightness(1.35)}.ui-bar--selectable .ui-bar-seg:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;position:relative;z-index:var(--z-base)}.ui-bar--selectable:has(.ui-bar-seg--active) .ui-bar-seg:not(.ui-bar-seg--active){opacity:.35}.ui-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-table-wrap--framed{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.ui-table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.ui-table thead tr{background:var(--bg-secondary)}.ui-table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;text-align:start}.ui-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:hover{background:var(--bg-hover)}.ui-table--compact th,.ui-table--compact td{padding:var(--space-2h) var(--space-3)}.ui-table--default th,.ui-table--default td{padding:var(--space-3) var(--space-4)}.ui-table--sticky th{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-tertiary)}.ui-table--clickable tbody tr{cursor:pointer}.ui-td--end{text-align:end}.ui-td--center{text-align:center}.ui-td--primary{color:var(--text-primary);font-weight:var(--weight-medium)}.ui-th-sort{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.ui-th-sort:hover{color:var(--text-secondary)}.ui-th-sort-idle{opacity:.35}.ui-table-empty-row td{padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-muted)}@media(max-width:768px){.ui-table-wrap{overflow-x:visible}.ui-table thead{display:none}.ui-table,.ui-table tbody,.ui-table tr,.ui-table td{display:block;width:auto}.ui-table tr{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);padding:var(--space-2h) var(--space-3);margin-block-end:var(--space-2)}.ui-table tbody tr:hover{background:var(--bg-card)}.ui-table td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:none;text-align:start}.ui-table td[data-label]:before{content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ui-table td.ui-td--primary{display:block;font-size:var(--text-base);color:var(--text-primary);padding-block-end:var(--space-2);margin-block-end:var(--space-1h);border-bottom:1px solid var(--border-subtle)}.ui-table td.ui-td--primary:before{content:none}.ui-table .ui-td--desktop{display:none}.ui-table-empty-row td{display:block}}.ui-sortable{list-style:none;margin:0;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden}.ui-sortable-item{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-1h);padding-inline:var(--space-3h) var(--space-2)}.ui-sortable-item+.ui-sortable-item{border-block-start:1px solid var(--border-subtle)}.ui-sortable-pos{min-inline-size:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center}.ui-sortable-body{flex:1;min-inline-size:0;align-self:stretch;display:flex;align-items:center;overflow-wrap:anywhere}.ui-sortable-body>label{flex:1;align-self:stretch;margin:0;font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--text-primary);text-transform:none;letter-spacing:normal}.ui-sortable-move:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ui-sortable-moves{display:flex;gap:var(--space-1);flex-shrink:0}.ui-sortable.is-disabled .ui-sortable-body{color:var(--text-muted)}@media(pointer:coarse){.ui-sortable-move{min-inline-size:var(--touch-target);min-block-size:var(--touch-target)}.ui-sortable-moves{gap:var(--space-2)}}.ui-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle)}.ui-pagination-info{font-size:var(--text-sm);color:var(--text-muted)}.ui-pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.ui-pagination-current{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);font-family:var(--font-mono);min-inline-size:3ch;text-align:center}.ui-pagination-total{color:var(--text-muted);font-weight:var(--weight-normal)}@media(max-width:640px){.ui-pagination{flex-direction:column;align-items:stretch;text-align:center}.ui-pagination-controls{justify-content:center}.ui-pagination-label{display:none}}.ui-alert{display:flex;align-items:flex-start;gap:var(--space-2h);font-size:var(--text-md);line-height:1.5;color:rgb(var(--alert-rgb))}.ui-alert--error{--alert-rgb: var(--accent-danger-rgb)}.ui-alert--warning{--alert-rgb: var(--accent-warning-rgb)}.ui-alert--success{--alert-rgb: var(--accent-success-rgb)}.ui-alert--info{--alert-rgb: var(--accent-primary-rgb)}.ui-alert--banner{padding:var(--space-2h) var(--space-3h);border-radius:var(--radius-md);background:rgb(var(--alert-rgb) / .1);border:1px solid rgb(var(--alert-rgb) / .3)}.ui-alert--inline{font-size:var(--text-xs);line-height:1.6}.ui-alert-icon{display:flex;flex-shrink:0;margin-block-start:1px}.ui-alert-text{flex:1;min-inline-size:0;overflow-wrap:anywhere}.ui-alert-text code{font-family:var(--font-mono);background:rgb(var(--alert-rgb) / .18);padding:0 var(--space-1);border-radius:var(--radius-sm)}.ui-alert-dismiss{color:inherit;flex-shrink:0;opacity:.7}.ui-alert-dismiss:hover{opacity:1}.softphone-alert{flex-shrink:0;margin:0 var(--space-5) var(--space-2h)}.sup-modal--listen{--sup-accent: var(--status-idle)}.sup-modal--whisper{--sup-accent: var(--accent-amber)}.sup-modal--barge{--sup-accent: var(--accent-pink)}.sup-modal .ui-modal-icon{background:rgb(var(--accent-primary-rgb) / .08);color:var(--sup-accent)}.sup-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin-block-end:var(--space-5)}.sup-target{background:var(--bg-secondary);padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-block-end:var(--space-5)}.sup-target-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-1h)}.sup-target-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--sup-accent);font-family:var(--font-mono)}.ui-tabs{display:flex;gap:var(--space-5);border-bottom:1px solid var(--border-subtle);max-width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:var(--space-4)}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.ui-tab{display:inline-flex;align-items:center;gap:var(--space-1h);padding:var(--space-2h) var(--space-1);margin-bottom:-1px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);font-family:inherit;white-space:nowrap}.ui-tab svg{width:14px;height:14px}.ui-tab:hover{color:var(--text-primary)}.ui-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:var(--weight-semibold)}.ui-tab-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-pill);padding:0 var(--space-1h);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.ui-tab.active .ui-tab-count{background:rgb(var(--accent-primary-rgb) / .14);color:var(--accent-primary)}.ui-page.panel:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.ui-page-header{background:var(--bg-card)}.ui-page:has(>.ui-page-tabs)>.ui-page-header{border-bottom:none;padding-bottom:var(--space-2)}.ui-page-count{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-pill);padding:1px var(--space-2);font-variant-numeric:tabular-nums}.ui-page-tabs{padding:0 var(--space-5);background:var(--bg-card)}.ui-page-tabs>.ui-tabs{margin-bottom:0}.ui-page-toolbar{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.ui-page-body{padding:var(--space-5)}.ui-page-body>*+*{margin-top:var(--space-4)}.ui-card-stack{display:flex;flex-direction:column;gap:var(--space-4)}.ui-page-body--flush{padding:0}@media(max-width:768px){.ui-page-tabs{padding:0 var(--space-3)}.ui-page-toolbar{padding:var(--space-2h) var(--space-3)}.ui-page-body{padding:var(--space-3)}.ui-page-body--flush{padding:0}}.logs-page{flex:1;min-height:0;display:flex;flex-direction:column}.logs-page>.ui-page-body{flex:1;min-height:0;display:flex;flex-direction:column}@media(min-width:769px){.cl-history-table{min-width:1200px}}@media(max-width:640px){.ui-page-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.ui-page-header .panel-header-actions{inline-size:100%}.ui-page-header .ui-range-trigger{inline-size:100%;justify-content:flex-start}.ui-page-header .ui-range-value{flex:1;overflow:hidden;text-overflow:ellipsis}}.ui-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ui-toolbar-search{flex:1 1 240px;min-width:0;max-width:360px}.ui-toolbar-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ui-toolbar-filters [data-active] .ui-dd-trigger{border-color:var(--accent-primary);box-shadow:0 0 0 1px rgb(var(--accent-primary-rgb) / .35)}.ui-toolbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}.ui-toolbar .ui-dd-trigger,.ui-toolbar .btn{min-height:var(--control-h)}@media(max-width:768px){.ui-toolbar-search{max-width:none;flex-basis:100%}}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;color:var(--text-muted)}.ui-empty--md{padding:var(--space-8) var(--space-6)}.ui-empty--sm{padding:var(--space-6) var(--space-4)}.ui-empty-icon{width:44px;height:44px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;background:rgb(var(--accent-primary-rgb) / .1);color:var(--accent-primary)}.ui-empty--sm .ui-empty-icon{width:36px;height:36px}.ui-empty-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.ui-empty-desc{font-size:var(--text-md);max-width:46ch}.ui-empty-action{margin-top:var(--space-2)}.ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;color:var(--text-muted)}.ui-loading--md{padding:var(--space-8) var(--space-6)}.ui-loading--sm{padding:var(--space-6) var(--space-4)}.ui-loading .spinner{color:var(--accent-primary)}.ui-loading-label{font-size:var(--text-md)}.ui-segmented{display:inline-flex;align-items:stretch}.ui-segmented>.btn{flex:1 1 0;border-radius:0}.ui-segmented>.btn+.btn{margin-inline-start:-1px}.ui-segmented>.btn:first-child{border-start-start-radius:var(--control-radius);border-end-start-radius:var(--control-radius)}.ui-segmented>.btn:last-child{border-start-end-radius:var(--control-radius);border-end-end-radius:var(--control-radius)}.ui-segmented>.btn.is-selected{background:rgb(var(--accent-primary-rgb) / .12);border-color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--accent-primary);color:var(--accent-primary)}.ui-segmented--block{display:flex;inline-size:100%}.ui-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;min-width:0}.ui-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3h) var(--space-4);border-bottom:1px solid var(--border-subtle)}.ui-card-icon{width:32px;height:32px;flex:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:rgb(var(--accent-primary-rgb) / .1);color:var(--accent-primary)}.ui-card-heading{flex:1;min-width:0}.ui-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.ui-card-desc{font-size:var(--text-md);color:var(--text-muted);margin-top:2px}.ui-card-actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.ui-card-body{padding:var(--space-4)}.ui-card-body--flush{padding:0}.ui-card-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.ui-card-body>.ui-tabs:first-child{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding-inline:var(--space-4)}.ui-card-body--flush>.ui-tabs:first-child{margin:0 0 var(--space-4)}.ui-card-body .ui-toolbar{margin-bottom:var(--space-3)}.ui-card-body--flush .ui-toolbar{padding-inline:var(--space-4)}@media(max-width:768px){.ui-card-header{flex-wrap:wrap}.ui-card-body{padding:var(--space-3)}.ui-card-body>.ui-tabs:first-child{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3);padding-inline:var(--space-3)}.ui-card-body--flush>.ui-tabs:first-child{margin:0 0 var(--space-3)}}.gp-chevron{transition:transform var(--transition-fast)}.gp-chevron.is-open{transform:rotate(180deg)}.badge-custom{color:var(--badge-color);background:color-mix(in srgb,var(--badge-color) 12%,transparent);border-color:color-mix(in srgb,var(--badge-color) 28%,transparent)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-round);background:currentColor;flex:none}.up-hint{font-size:var(--text-sm);color:var(--text-muted)}.up-field-error{display:block;font-size:var(--text-sm);color:var(--danger);margin-block-start:var(--space-1)}.up-form-divider.first{margin-top:0}.up-form-row.triple{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ui-required{color:var(--danger);margin-inline-start:2px}.ui-advanced{margin:4px 0 8px}.ui-advanced-toggle{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:4px 2px;border-radius:var(--radius-sm);font-family:inherit;transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.ui-advanced-toggle:hover{color:var(--text-secondary)}.ui-advanced-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ui-advanced-chevron{display:flex;align-items:center;color:var(--text-muted)}.ui-advanced-body{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-subtle)}.logs-viewer-card,.logs-viewer-body{flex:1;min-height:0;display:flex;flex-direction:column}.logs-viewer{direction:ltr;text-align:left;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;background:var(--bg-secondary)}.logs-line{display:flex;align-items:flex-start;gap:8px;padding:2px 10px;cursor:pointer;transition:background var(--transition-fast);border-left:2px solid transparent;width:100%;background:none;border-top:0;border-right:0;border-bottom:0;text-align:start;font:inherit;color:inherit}.logs-line:hover{background:var(--bg-hover)}.logs-line.is-open{background:var(--bg-hover);border-left-color:var(--accent-primary)}.logs-line-chevron{flex-shrink:0;align-self:center;opacity:.35;color:var(--text-muted);transition:transform .12s ease,opacity .12s ease}.logs-line.is-open .logs-line-chevron{transform:rotate(90deg);opacity:.7}.logs-line-ts{flex:0 0 76px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.logs-line-level{flex:0 0 160px;white-space:nowrap;font-weight:600;overflow:hidden;text-overflow:ellipsis}.logs-line-text{flex:1 1 auto;min-width:0;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logs-line-fields{padding:6px 10px 10px 48px;display:grid;grid-template-columns:max-content 1fr;gap:3px 16px;background:var(--bg-card);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);animation:fadeIn .1s ease}.logs-line-field-key{color:var(--text-muted);-webkit-user-select:none;user-select:none;white-space:nowrap}.logs-line-field-val{color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.logs-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;background:var(--bg-card)}@media(max-width:640px){.logs-line-level{flex:0 0 110px}}.notes-tab-body{margin-top:16px}.notes-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:16px}.notes-toolbar .panel-subtitle{margin-top:0}.notes-toolbar-action{margin-inline-start:auto;white-space:nowrap}.notes-card-actions{display:flex;justify-content:flex-end;margin-top:16px}.notes-compose-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.notes-compose-textarea{resize:vertical}.notes-compose-footer{display:flex;align-items:center;gap:var(--space-5);margin-top:16px}.notes-compose-send{margin-inline-start:auto}.notes-target-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.notes-target-col{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;background:var(--bg-tertiary)}.notes-target-title{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:10px}.notes-target-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.notes-target-item{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;padding:5px 6px;border-radius:var(--radius-sm)}.notes-target-item:hover{background:var(--bg-hover)}.notes-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2);max-height:340px;overflow-y:auto;padding:2px}.notes-group-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:start;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.notes-group-option:hover{border-color:var(--border-primary);background:var(--bg-hover)}.notes-group-option.is-selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-secondary));box-shadow:0 0 0 1px var(--accent-primary) inset}.notes-group-check{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-on-accent);transition:background var(--transition-fast),border-color var(--transition-fast)}.notes-group-option.is-selected .notes-group-check{background:var(--accent-primary);border-color:var(--accent-primary)}.notes-group-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.notes-group-option.is-selected .notes-group-avatar{color:var(--accent-primary)}.notes-group-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-cell-strong{font-weight:var(--weight-semibold);color:var(--text-primary)}.notes-cell-body{color:var(--text-muted);font-size:var(--text-sm);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-row-actions{display:flex;gap:6px;justify-content:flex-end}.notes-row-inactive{opacity:.55}.notes-table-empty{color:var(--text-muted);text-align:center;padding:24px}.notes-muted{color:var(--text-muted)}.notes-row-urgent td{background:color-mix(in srgb,var(--accent-danger) 8%,transparent)}.header-bell-badge-urgent{background:var(--accent-danger)!important;color:var(--text-on-accent)!important}.header-bell-item-urgent{border-left:3px solid var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 6%,transparent)}.notes-urgent-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;color:var(--accent-danger);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.notes-item-title{font-weight:600;font-size:var(--text-sm)}.notes-item-body{color:var(--text-secondary);font-size:var(--text-sm);white-space:pre-wrap}.softphone-note{display:flex;flex-direction:column;gap:8px;width:100%;margin:4px 0 10px}.softphone-note-textarea{width:100%;resize:vertical;font:inherit}.cl-note-context{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:10px}.cl-note-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow-y:auto}.cl-note-item{border:1px solid var(--border);border-radius:var(--radius-smd);padding:8px 10px;background:var(--bg-card)}.cl-note-meta{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--text-muted)}.cl-note-ext{font-weight:600}.cl-note-time{margin-inline-start:auto}.cl-note-text{margin-top:6px;font-size:var(--text-sm);white-space:pre-wrap}.cl-note-add{display:flex;flex-direction:column;gap:8px}.softphone-wrapup-body{display:flex;flex-direction:column;gap:10px;padding:16px}.softphone-wrapup-heading{font-weight:600;font-size:var(--text-base);text-align:center;color:var(--text-primary);margin-bottom:2px}.softphone-wrapup-hint{font-size:var(--text-xs);color:var(--accent-warning)}.softphone-wrapup-hint--error{color:var(--accent-danger)}.softphone-wrapup-actions{display:flex;gap:10px;margin-top:4px}.softphone-wrapup-actions .btn{flex:1 1 0;justify-content:center}.cbpick{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);text-align:start}.cbpick-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.cbpick-presets{display:flex;flex-wrap:wrap;gap:6px}.cbpick-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.cbpick-chip:hover{background:var(--bg-hover);color:var(--text-primary)}.cbpick-chip.on{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:var(--weight-semibold)}.cbpick-cal{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px;background:var(--bg-card)}.cbpick-cal-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:4px}.cbpick-cal-month{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}[dir=rtl] .cbpick-nav-ico-prev,[dir=rtl] .cbpick-nav-ico-next{transform:scaleX(-1)}.cbpick-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cbpick-grid-dow{margin-bottom:2px}.cbpick-dow{text-align:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase}.cbpick-day{aspect-ratio:1 / 1;min-height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;padding:0}.cbpick-day:hover:not(:disabled){background:var(--bg-hover)}.cbpick-day:disabled{color:var(--text-muted);opacity:.4;cursor:default}.cbpick-day-blank{cursor:default}.cbpick-day.today{border-color:var(--border-accent)}.cbpick-day.sel{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--weight-semibold)}.cbpick-time{display:flex;align-items:center;gap:6px}.cbpick-time-label{font-size:var(--text-xs);color:var(--text-secondary);flex:0 0 auto}.cbpick-time-select{flex:1 1 auto;min-width:0}.cbpick-time-input{flex:0 0 96px;font:inherit}.cbpick-summary{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted)}.cbpick-summary.on{color:var(--accent-primary);font-weight:var(--weight-semibold)}.cl-note-callback{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.softphone-wrapup-field{display:flex;flex-direction:column;gap:5px;text-align:left}.softphone-wrapup-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.dialer-progress-fill{background:var(--gradient-brand-bar);border-radius:var(--radius-sm)}.ui-dd{position:relative;flex-shrink:0}.ui-dd-trigger{display:flex;align-items:center;gap:var(--space-1h);inline-size:100%;padding:var(--space-1h) var(--space-2h);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--control-surface);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.ui-dd-trigger:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-hover)}.ui-dd-trigger:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .25)}.ui-dd.open .ui-dd-trigger{border-color:var(--accent-primary);background:var(--bg-hover);box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .15)}.ui-dd--disabled .ui-dd-trigger,.ui-dd-trigger:disabled{opacity:.55;cursor:not-allowed}.ui-dd--md .ui-dd-trigger{block-size:var(--control-h);padding-block:0;padding-inline:var(--control-pad-inline);border-radius:var(--control-radius);font-size:var(--text-md)}.ui-dd-icon,.ui-dd-chevron{color:var(--text-muted);flex-shrink:0}.ui-dd-chevron{transition:transform var(--transition-fast)}.ui-dd.open .ui-dd-chevron{transform:rotate(180deg)}.ui-dd-label{flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis}.ui-dd-panel{display:flex;flex-direction:column;background:var(--bg-card);overflow:hidden;z-index:var(--z-dropdown)}.ui-dd-menu{position:fixed;top:var(--layer-top, auto);bottom:var(--layer-bottom, auto);left:var(--layer-left, auto);right:var(--layer-right, auto);min-inline-size:var(--layer-min-width);max-inline-size:min(90vw,420px);inline-size:max-content;max-block-size:var(--layer-max-h);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:0 8px 28px rgb(var(--scrim-rgb) / .45),0 1px 4px rgb(var(--scrim-rgb) / .2);animation:ui-dd-in var(--transition-fast)}.ui-dd-menu--flipped{animation-name:ui-dd-in-up}@keyframes ui-dd-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-dd-in-up{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-dd-scroll{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0}.ui-dd-list{flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-accent) transparent}.ui-dd-pad{block-size:var(--dd-pad, 0);flex-shrink:0}.ui-dd-edge{position:absolute;inset-inline:0;block-size:var(--space-6);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.ui-dd-edge--start{inset-block-start:0;background:var(--gradient-scroll-fade-start)}.ui-dd-edge--end{inset-block-end:0;background:var(--gradient-scroll-fade-end)}.ui-dd-scroll[data-fade-start] .ui-dd-edge--start,.ui-dd-scroll[data-fade-end] .ui-dd-edge--end{opacity:1}@media(prefers-reduced-motion:reduce){.ui-dd-edge{transition:none}}.ui-dd-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.ui-dd-option:hover,.ui-dd-option.active{background:var(--bg-hover);color:var(--text-primary)}.ui-dd-option.selected{color:var(--accent-primary);background:rgb(var(--accent-primary-rgb) / .08);font-weight:var(--weight-medium)}.ui-dd-option.is-disabled{opacity:.45;cursor:not-allowed}.ui-dd-option-label{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.ui-dd-option-check{color:var(--accent-primary);flex-shrink:0}.ui-dd-option-count{flex:none;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums}.ui-dd-option-label mark{background:none;color:var(--accent-primary);font-weight:var(--weight-semibold)}.ui-dd-option.selected .ui-dd-option-label mark{color:inherit;text-decoration:underline;text-underline-offset:.2em}.ui-dd-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.ui-dd-empty-query{color:var(--text-secondary);font-weight:var(--weight-medium)}.ui-dd-panel--md .ui-dd-option{padding-block:var(--space-2h);font-size:var(--text-md)}.ui-dd-panel--md .ui-dd-empty,.ui-dd-panel--md .ui-dd-search-input{font-size:var(--text-md)}.ui-dd-panel--md .ui-dd-search-input{padding-block:var(--space-2)}.ui-dd-icon,.ui-dd-chevron,.ui-dd-search-icon{inline-size:var(--icon-lead);block-size:var(--icon-lead)}.ui-dd--md .ui-dd-icon,.ui-dd--md .ui-dd-chevron,.ui-dd-panel--md .ui-dd-search-icon{inline-size:var(--icon-control);block-size:var(--icon-control)}.ui-dd-option-check,.ui-dd-search-clear svg{inline-size:var(--icon-mark);block-size:var(--icon-mark)}.ui-dd-panel--md .ui-dd-option-check,.ui-dd-panel--md .ui-dd-search-clear svg{inline-size:var(--icon-mark-lg);block-size:var(--icon-mark-lg)}.ui-dd-chip-x svg{inline-size:var(--icon-chip);block-size:var(--icon-chip)}.ui-dd--md .ui-dd-chip-x svg{inline-size:var(--icon-mark);block-size:var(--icon-mark)}.ui-dd-search{position:relative;display:flex;align-items:center;padding:var(--space-2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ui-dd-search-icon{position:absolute;inset-inline-start:var(--space-3h);color:var(--text-muted);pointer-events:none}.ui-dd-search-input{inline-size:100%;padding:var(--space-1h) var(--space-6) var(--space-1h) var(--space-7);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--control-surface);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.ui-dd-search-input:focus{outline:none;border-color:var(--accent-primary)}.ui-dd-search-clear{position:absolute;inset-inline-end:var(--space-3h);display:flex;align-items:center;background:none;border:0;padding:0;color:var(--text-muted);cursor:pointer}.ui-dd-search-clear:hover{color:var(--text-primary)}.ui-dd-trigger--chips{flex-wrap:wrap;min-block-size:38px;cursor:pointer}.ui-dd--md .ui-dd-trigger--chips{block-size:auto;min-block-size:var(--control-h);padding-block:var(--space-1)}.ui-dd-trigger--chips:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .25)}.ui-dd-placeholder{color:var(--text-muted)}.ui-dd-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;min-inline-size:0}.ui-dd-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-1h);border-radius:var(--radius-sm);background:rgb(var(--accent-primary-rgb) / .14);color:var(--accent-primary);font-size:var(--text-xs);white-space:nowrap}.ui-dd-chip-x{display:flex;align-items:center;background:none;border:0;padding:0;color:inherit;cursor:pointer;opacity:.7}.ui-dd-chip-x:hover{opacity:1}.ui-dd-sheet-backdrop{position:fixed;inset:0;background:rgb(var(--scrim-rgb) / .5);z-index:var(--z-dropdown);animation:ui-dd-fade var(--transition-fast)}.ui-dd-sheet{position:fixed;inset-inline:0;inset-block-end:0;max-block-size:85dvh;border-block-start:1px solid var(--border-accent);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);box-shadow:0 -8px 28px rgb(var(--scrim-rgb) / .45);transform:translateY(var(--sheet-drag, 0px));padding-block-end:env(safe-area-inset-bottom);animation:ui-dd-sheet-in var(--transition-normal)}@keyframes ui-dd-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-dd-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ui-dd-sheet-grip{display:flex;justify-content:center;flex-shrink:0;padding-block:var(--space-2h);cursor:grab;touch-action:none}.ui-dd-sheet-grip-bar{inline-size:var(--space-8);block-size:var(--space-1);border-radius:var(--radius-sm);background:var(--border-accent)}.ui-dd-sheet .ui-dd-list{padding-block-end:var(--space-2)}@media(pointer:coarse){.ui-dd-option{min-block-size:var(--touch-target)}.ui-dd-chip-x{padding:var(--space-2);margin:calc(var(--space-2) * -1)}}.softphone-popover .softphone-panel{max-block-size:calc(100dvh - var(--sp-anchor-offset) - var(--space-4))}.softphone-wrapup-body{min-block-size:0;overflow-y:auto;overscroll-behavior:contain}.softphone-wrapup-actions{position:sticky;inset-block-end:0;margin-block-start:0;padding-block:var(--space-2);background:var(--bg-card);border-block-start:1px solid var(--border-subtle)}.cbpick-time{flex-wrap:wrap}.cbpick-time-select{flex:1 1 150px;min-inline-size:0}.cbpick-time-input{flex:1 1 120px;min-inline-size:0}.softphone-popover .cbpick-cal{padding:var(--space-1)}.softphone-popover .cbpick-day{min-height:24px;font-size:var(--text-xs)}.ui-visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-popover{position:fixed;top:var(--layer-top, auto);bottom:var(--layer-bottom, auto);left:var(--layer-left, auto);right:var(--layer-right, auto);min-inline-size:var(--layer-min-width);max-inline-size:min(92vw,420px);inline-size:max-content;max-block-size:var(--layer-max-h);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);z-index:var(--z-dropdown);box-shadow:0 8px 28px rgb(var(--scrim-rgb) / .45),0 1px 4px rgb(var(--scrim-rgb) / .2);animation:ui-dd-in var(--transition-fast)}.ui-popover--flipped{animation-name:ui-dd-in-up}.ui-tooltip{position:fixed;top:var(--layer-top, auto);bottom:var(--layer-bottom, auto);left:var(--layer-left, auto);right:var(--layer-right, auto);max-inline-size:min(92vw,320px);inline-size:max-content;max-block-size:var(--layer-max-h);padding:var(--space-2) var(--space-2h);background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:1.5;text-align:start;z-index:var(--z-dropdown);box-shadow:0 8px 28px rgb(var(--scrim-rgb) / .45),0 1px 4px rgb(var(--scrim-rgb) / .2);animation:ui-dd-in var(--transition-fast);pointer-events:none}.ui-tooltip--flipped{animation-name:ui-dd-in-up}.ui-tooltip-formula{display:block;margin-block-start:var(--space-1h);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.ui-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;margin-inline-start:var(--space-1);border:0;background:none;color:var(--text-muted);cursor:help;vertical-align:middle;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.ui-tooltip-trigger:hover,.ui-tooltip-trigger[data-state=open]{color:var(--accent-primary)}.ui-tooltip-trigger:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ui-popover,.ui-tooltip,.ui-dd-menu,.ui-dd-sheet,.ui-dd-sheet-backdrop{animation:none}}.ui-search{position:relative;display:flex;align-items:center;inline-size:100%;min-inline-size:0}.ui-search-icon{position:absolute;inset-inline-start:var(--control-pad-inline);color:var(--text-muted);pointer-events:none}.ui-search-input{inline-size:100%;min-inline-size:0;block-size:var(--control-h);padding-inline:calc(var(--control-pad-inline) * 2 + var(--space-3)) calc(var(--control-pad-inline) * 2 + var(--space-2));border:1px solid var(--border-subtle);border-radius:var(--control-radius);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-md);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-search-input::placeholder{color:var(--text-muted)}.ui-search-input::-webkit-search-cancel-button{appearance:none}.ui-search-input:hover{border-color:var(--border-accent)}.ui-search-input:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .25)}.ui-search-clear,.ui-search-spinner{position:absolute;inset-inline-end:var(--control-pad-inline);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.ui-search-clear{padding:0;border:0;background:none;cursor:pointer}.ui-search-clear:hover{color:var(--text-primary)}.ui-search-clear:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.ui-range-trigger{display:inline-flex;align-items:center;gap:var(--space-2);block-size:var(--control-h);padding-inline:var(--control-pad-inline);border:1px solid var(--border-subtle);border-radius:var(--control-radius);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-md);font-family:inherit;font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-range-trigger:hover{border-color:var(--border-accent)}.ui-range-trigger:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgb(var(--accent-primary-rgb) / .25)}.ui-range-trigger[data-state=open]{border-color:var(--accent-primary)}.ui-range-icon,.ui-range-caret{color:var(--text-muted);flex-shrink:0}.ui-range-value{font-variant-numeric:tabular-nums;white-space:nowrap}.ui-range-presets{display:flex;flex-direction:column}.ui-range-preset{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:var(--space-7);padding-inline:var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:var(--text-md);font-family:inherit;text-align:start;cursor:pointer}.ui-range-preset:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-range-preset:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.ui-range-preset[aria-pressed=true]{color:var(--accent-primary);font-weight:var(--weight-semibold)}.ui-range-custom{display:flex;flex-direction:column;gap:var(--space-2);margin-block-start:var(--space-2);padding-block-start:var(--space-3);padding-inline:var(--space-3);border-block-start:1px solid var(--border-subtle)}.ui-range-custom-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ui-range-dates{display:flex;align-items:center;gap:var(--space-1)}.ui-range-date{min-inline-size:0;flex:1 1 auto;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;color-scheme:light dark;cursor:pointer}.ui-range-date:focus-visible{outline:none;border-color:var(--accent-primary)}.ui-range-arrow{color:var(--text-muted);flex-shrink:0}.crmx{container-type:inline-size;container-name:crmx}.crmx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:var(--space-4)}.crmx-col{display:flex;flex-direction:column;gap:var(--space-4);min-inline-size:0}@container crmx (max-width: 820px){.crmx-grid{grid-template-columns:minmax(0,1fr)}.crmx-rail{position:static}}.crmx-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-block:var(--space-4) var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary)}.crmx-meta-cell{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.crmx-meta-k{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.crmx-meta-v{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0;font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crmx-meta-v.mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);direction:ltr;text-align:start;unicode-bidi:isolate}.crmx-num{direction:ltr;unicode-bidi:isolate}.crmx-dot{inline-size:8px;block-size:8px;flex-shrink:0;border-radius:var(--radius-round);background:var(--text-muted)}.crmx-dot.ok{background:var(--accent-success);box-shadow:0 0 0 3px rgb(var(--accent-success-rgb) / .15)}.crmx-dot.warn{background:var(--accent-warning);box-shadow:0 0 0 3px rgb(var(--accent-warning-rgb) / .15)}.crmx-dot.off{background:var(--text-muted)}.crmx-rail{position:sticky;inset-block-start:var(--space-4);min-inline-size:0}.crmx-preview{display:flex;flex-direction:column;gap:var(--space-3)}.crmx-req{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-2h);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary)}.crmx-req code{min-inline-size:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere;direction:ltr;text-align:start;unicode-bidi:isolate}.crmx-json{margin:0;padding:var(--space-3);max-block-size:46vh;overflow:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;direction:ltr;text-align:start;unicode-bidi:isolate;white-space:pre}.crmx-json-line{display:block}.crmx-json .j-k{color:var(--accent-primary)}.crmx-json .j-s{color:var(--accent-success)}.crmx-json .j-n{color:var(--accent-purple)}.crmx-json .j-p{color:var(--text-muted)}.crmx-bar-state{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}.crmx-bar-state.dirty{color:var(--accent-warning)}.lead-page-sub{font-variant-numeric:tabular-nums}.lead-table th.lead-rail,.lead-table td.lead-rail{padding:0;position:relative;width:3px}.lead-rail-mark{position:absolute;inset-block:0;inset-inline-start:0;width:3px}.lead-trail{display:inline-flex;align-items:center;gap:3px}.lead-trail-dot{width:8px;height:8px;flex:none;border-radius:var(--radius-round);border:1.5px solid currentColor}.lead-trail-dot.is-answered{background:currentColor}.lead-trail-dot.is-agent{width:6px;height:6px}.lead-trail-tally{margin-inline-start:var(--space-1h);color:var(--text-secondary);font-variant-numeric:tabular-nums}.lead-trail-agent{font-size:var(--text-xs)}.lead-mix{display:flex;flex-direction:column;gap:var(--space-1)}.lead-cause{display:block;margin-top:2px}.ui-table tbody tr.is-selected,.ui-table tbody tr.is-selected:hover{background:var(--accent-light)}.lead-col-menu{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1)}.lead-col-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1h) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-secondary);cursor:pointer}.lead-col-option:hover{background:var(--bg-hover);color:var(--text-primary)}.lead-bulkbar{position:sticky;bottom:var(--space-3);z-index:var(--z-menu);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2h) var(--space-4);border:1px solid var(--border-accent);border-radius:var(--radius-md);background:var(--bg-tertiary);box-shadow:var(--shadow-xl)}.cl-status-qos{all:unset;cursor:pointer;display:inline-flex;border-radius:var(--radius-sm)}.cl-status-qos:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dialer-progress{min-inline-size:130px}.dialer-progress-track{block-size:6px;border-radius:var(--radius-sm);background:var(--bg-tertiary);overflow:hidden}.dialer-chip{display:inline-flex;align-items:center;gap:var(--space-1h);min-height:var(--control-h);padding:0 var(--space-3);border-radius:var(--control-radius);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;text-transform:capitalize;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.dialer-chip:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dialer-chip:hover{border-color:var(--border-accent);color:var(--text-primary)}.dialer-chip.is-active{color:var(--chip-c, var(--text-muted));background:color-mix(in srgb,var(--chip-c, var(--text-muted)) 13%,transparent);border-color:color-mix(in srgb,var(--chip-c, var(--text-muted)) 53%,transparent)}.dialer-chip-count{font-size:var(--text-xs);font-weight:var(--weight-bold);opacity:.8}.dialer-info{padding:var(--space-1);max-inline-size:300px}.dialer-info-title{font-weight:var(--weight-semibold);margin-bottom:2px}.dialer-info-list{margin:0;padding-inline-start:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.lead-uuid{max-inline-size:140px}.dialer-paste,.cl-note-add textarea{resize:vertical}.login-panel{width:100%;max-width:400px;box-shadow:var(--shadow-xl)}.softphone-lead-details{width:100%;margin-block:var(--space-2) var(--space-1);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:start}.softphone-hint a{text-decoration:underline}a.btn{text-decoration:none}.softphone-incall-btn:focus-visible,.softphone-btn-hangup:focus-visible,.softphone-bottom-btn:focus-visible,.softphone-btn-answer:focus-visible,.softphone-btn-decline:focus-visible,.softphone-header-btn:focus-visible,.softphone-log-toggle:focus-visible,.sp-xfer-option:focus-visible,.incoming-call-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.apikey-scope-group{background:none;border:0;padding:0;font:inherit;color:inherit}.apikey-scope-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-1) var(--space-3);padding-inline-start:var(--space-5)}.apikey-tricheck{width:14px;height:14px;flex:none;border-radius:calc(var(--radius-sm) / 2);border:1.5px solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent)}.apikey-tricheck.is-checked{background:var(--accent-primary);border-color:var(--accent-primary)}.apikey-tricheck.is-mixed{background:rgb(var(--accent-primary-rgb) / .3)}.apikey-tricheck-mixed{width:6px;height:6px;border-radius:var(--radius-3xs);background:var(--accent-primary)}.crmx-card{overflow:visible}.crmx-card>.ui-card-footer{position:sticky;inset-block-end:0;z-index:var(--z-sticky)}.extension-card{position:relative;display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.extension-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--ext-accent, var(--status-unavailable))}.extension-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.extension-card.status-ringing{animation:ring-pulse 1.5s ease-in-out infinite}.ext-card-top{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ext-identity{flex:1;min-width:0}.extension-number{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.02em}.extension-name{font-size:var(--text-md);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ext-avatar{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-round);font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--ext-accent, var(--status-unavailable));background:var(--ext-accent-bg, var(--status-unavailable-bg));box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px var(--ext-accent, var(--status-unavailable))}.ext-avatar-sm{width:30px;height:30px;font-size:var(--text-xs);box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 3.5px var(--ext-accent, var(--status-unavailable))}.ext-reg{position:absolute;inset-inline-end:-4px;bottom:-4px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-round);background:var(--bg-secondary);color:var(--text-muted)}.ext-reg i{width:8px;height:8px;border-radius:var(--radius-round);background:var(--status-idle)}.ext-more{flex-shrink:0}.ext-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.ext-winbar{display:block;height:4px;border-radius:var(--radius-xs);background:var(--bg-tertiary);overflow:hidden}.ext-winbar i{display:block;height:100%;border-radius:var(--radius-xs);background:var(--warning)}.ext-winbar.is-over i{background:var(--danger)}.ext-chips{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.ext-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.ext-chip.is-in{color:var(--status-call);background:var(--status-call-bg);border-color:color-mix(in srgb,var(--status-call) 30%,transparent)}.ext-chip.is-paused{color:var(--warning);background:rgb(var(--accent-warning-rgb) / .08);border-color:rgb(var(--accent-warning-rgb) / .32)}.ext-chip.is-out{color:var(--text-muted);background:transparent;border-style:dashed}.ext-chip.is-rtc{color:var(--accent-teal);background:rgb(var(--accent-teal-rgb) / .08);border-color:rgb(var(--accent-teal-rgb) / .3)}.extension-info{display:grid;gap:var(--space-2);padding-top:var(--space-2h);border-top:1px solid var(--border-subtle);font-size:var(--text-md);color:var(--text-secondary)}.ext-call-who{display:flex;align-items:baseline;gap:var(--space-1h);min-width:0}.ext-call-who>svg{flex-shrink:0;align-self:center}.ext-call-who b{font-weight:var(--weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ext-call-who .u-mono{font-size:var(--text-sm);white-space:nowrap}.ext-call-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:480px){.extension-card{padding:var(--space-3)}}.ext-rows{display:grid;gap:var(--space-1h)}.ext-rows-head,.ext-row{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(190px,1fr) minmax(140px,1fr) minmax(150px,1.1fr) auto;gap:var(--space-3h);align-items:center}.ext-rows-head{padding:0 var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ext-row{position:relative;padding:var(--space-2h) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);border-inline-start:3px solid var(--ext-accent, var(--status-unavailable))}.ext-row:hover{border-color:var(--border-accent);border-inline-start-color:var(--ext-accent, var(--status-unavailable))}.ext-row-id{display:flex;align-items:center;gap:var(--space-2h);min-width:0}.ext-row-who{display:grid;min-width:0}.ext-row-name{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ext-row-status{display:grid;gap:5px;min-width:0}.ext-row-call{display:grid;gap:2px;min-width:0;font-size:var(--text-sm);color:var(--text-secondary)}.ext-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}@media(max-width:900px){.ext-rows-head{display:none}.ext-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-3)}.ext-row-id{grid-column:1;grid-row:1}.ext-row-actions{grid-column:2;grid-row:1}.ext-row-status,.ext-row>.ext-chips,.ext-row-call{grid-column:1 / -1}.ext-row-call:empty{display:none}}.agent-board-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-inline-start:3px solid var(--agent-accent, var(--status-unavailable));border-radius:var(--radius-md)}.agent-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.agent-board-name{font-weight:600;color:var(--text-primary)}.agent-board-ext{font-size:var(--text-sm);color:var(--text-muted)}.agent-board-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.agent-board-timer{font-variant-numeric:tabular-nums;font-weight:600}.agent-board-queue{display:inline-flex;align-items:center;gap:4px;color:var(--status-call)}.agent-board-actions{display:flex;align-items:center;gap:var(--space-2);margin-block-start:auto}.an-section{background:var(--bg-card, var(--bg-tertiary));border:1px solid var(--border-subtle, rgb(var(--border-primary-rgb) / .5));border-radius:var(--radius-md);padding:16px}.an-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.an-section-title{font-size:.8rem;font-weight:600;color:var(--text-secondary, var(--text-secondary));text-transform:uppercase;letter-spacing:.06em}@media(max-width:640px){.an-section{padding:12px}}.queue-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.queue-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:14px 18px;background:var(--gradient-surface);border-bottom:1px solid var(--border-subtle)}.queue-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}.queue-callers{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);background:rgb(var(--accent-warning-rgb) / .05)}.queue-callers-title{display:flex;align-items:center;gap:var(--space-1h);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--status-ringing);text-transform:uppercase;letter-spacing:.05em}.queue-caller{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1h) 0;font-size:var(--text-xs);color:var(--text-secondary)}.u-row{display:flex;align-items:center}.u-row-top{display:flex;align-items:flex-start}.u-row-bottom{display:flex;align-items:flex-end}.u-row-stretch{display:flex}.u-col{display:flex;flex-direction:column}.u-inline-row{display:inline-flex;align-items:center}.u-grid{display:grid}.u-block{display:block}.u-inline-block{display:inline-block}.u-hidden{display:none}.u-contents{display:contents}.u-between{justify-content:space-between}.u-justify-center{justify-content:center}.u-justify-end{justify-content:flex-end}.u-wrap{flex-wrap:wrap}.u-nowrap{white-space:nowrap}.u-flex-1{flex:1}.u-flex-none{flex:0 0 auto}.u-w-full{width:100%}.u-h-full{height:100%}.u-gap-1{gap:var(--space-1)}.u-gap-1h{gap:var(--space-1h)}.u-gap-2{gap:var(--space-2)}.u-gap-2h{gap:var(--space-2h)}.u-gap-3{gap:var(--space-3)}.u-gap-3h{gap:var(--space-3h)}.u-gap-4{gap:var(--space-4)}.u-gap-5{gap:var(--space-5)}.u-gap-6{gap:var(--space-6)}.u-mb-0{margin-bottom:0}.u-mb-1{margin-bottom:var(--space-1)}.u-mb-1h{margin-bottom:var(--space-1h)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-2h{margin-bottom:var(--space-2h)}.u-mb-3{margin-bottom:var(--space-3)}.u-mb-4{margin-bottom:var(--space-4)}.u-mb-5{margin-bottom:var(--space-5)}.u-mb-6{margin-bottom:var(--space-6)}.u-mt-0{margin-top:0}.u-mt-1{margin-top:var(--space-1)}.u-mt-1h{margin-top:var(--space-1h)}.u-mt-2{margin-top:var(--space-2)}.u-mt-2h{margin-top:var(--space-2h)}.u-mt-3{margin-top:var(--space-3)}.u-mt-4{margin-top:var(--space-4)}.u-mt-5{margin-top:var(--space-5)}.u-mt-6{margin-top:var(--space-6)}.u-my-3{margin-block:var(--space-3)}.u-push-end{margin-inline-start:auto}.u-ms-1{margin-inline-start:var(--space-1)}.u-ms-1h{margin-inline-start:var(--space-1h)}.u-ms-2{margin-inline-start:var(--space-2)}.u-mx-3{margin-inline:var(--space-3)}.u-p-0{padding:0}.u-p-1{padding:var(--space-1)}.u-p-2{padding:var(--space-2)}.u-p-3{padding:var(--space-3)}.u-p-4{padding:var(--space-4)}.u-py-1{padding-block:var(--space-1)}.u-py-2{padding-block:var(--space-2)}.u-py-3{padding-block:var(--space-3)}.u-px-2{padding-inline:var(--space-2)}.u-px-3{padding-inline:var(--space-3)}.u-px-4{padding-inline:var(--space-4)}.u-pad-chip{padding:var(--space-1) var(--space-2)}.u-pad-chip-lg{padding:var(--space-1) var(--space-2h)}.u-pad-cell{padding:var(--space-2) var(--space-3)}.u-pad-empty{padding:var(--space-8) var(--space-6)}.u-text-xs{font-size:var(--text-xs)}.u-text-sm{font-size:var(--text-sm)}.u-text-md{font-size:var(--text-md)}.u-text-base{font-size:var(--text-base)}.u-text-lg{font-size:var(--text-lg)}.u-text-xl{font-size:var(--text-xl)}.u-normal{font-weight:var(--weight-normal)}.u-medium{font-weight:var(--weight-medium)}.u-semibold{font-weight:var(--weight-semibold)}.u-bold{font-weight:var(--weight-bold)}.u-mono{font-family:var(--font-mono)}.u-upper{text-transform:uppercase;letter-spacing:.06em}.u-tight{line-height:var(--leading-tight)}.u-relaxed{line-height:var(--leading-normal)}.u-center{text-align:center}.u-start{text-align:start}.u-end{text-align:end}.u-fg{color:var(--text-primary)}.u-fg-secondary{color:var(--text-secondary)}.u-fg-muted{color:var(--text-muted)}.u-fg-accent{color:var(--accent-primary)}.u-fg-success{color:var(--accent-success)}.u-fg-warning{color:var(--accent-warning)}.u-fg-danger{color:var(--accent-danger)}.u-fg-on-accent{color:var(--text-on-accent)}.u-fg-inherit{color:inherit}.u-pointer{cursor:pointer}.u-dim{opacity:.6}.u-dimmer{opacity:.3}.u-disabled{opacity:.5;cursor:not-allowed}.u-relative{position:relative}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-min-w-0{min-width:0}.u-fill-x{inline-size:var(--u-fill, 0%);block-size:100%;transition:inline-size var(--transition)}.u-fill-y{block-size:var(--u-fill, 0%);inline-size:100%;transition:block-size var(--transition)}.u-fg-var{color:var(--u-color, inherit)}.u-bg-var{background:var(--u-color, transparent)}.u-align-center{align-items:center}.u-align-top{align-items:flex-start}.u-align-bottom{align-items:flex-end}