/* Three layouts: full workspace, compact workspace, touch workspace. */
@media(min-width:768px) and (max-width:1199px){
 .sidebar{width:84px;padding-inline:12px}.brand{padding-inline:10px}.brand-copy,.main-nav .nav-label,.sidebar-footer .theme-field,.sidebar-footer .account-block,.logout-button .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.main-nav a{justify-content:center;padding:14px}.main-nav .icon{width:22px;height:22px}.nav-divider{margin-inline:10px}.sidebar-footer{padding-inline:0}.logout-button{justify-self:center}.main-content{margin-left:84px;padding:28px 24px}.overview-main{grid-template-columns:minmax(0,1fr)}.attention-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.attention-panel>.section-title{grid-column:1/-1}.overview-metrics>a,.overview-metrics>div{padding-inline:16px}.overview-metrics>:first-child{padding-left:0}.detail-workspace{grid-template-columns:minmax(0,1fr)}.detail-transcript{position:static}.detail-transcript .transcript-list{max-height:650px}.primary-filters{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.recordings-wrap{display:none}.mobile-recordings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:767px){
 .sidebar{display:none}.main-content{margin-left:0;padding:24px max(16px,env(safe-area-inset-left)) calc(110px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right));min-height:0}.content-wrap{width:100%}.test-banner{justify-content:flex-start;gap:2px 8px;font-size:.6875rem;padding:6px 16px}.test-banner span{line-height:1.5}.mobile-account{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-brand{display:flex;align-items:center;gap:9px;letter-spacing:-.025em}.mobile-brand .brand-mark{width:30px;height:30px;font-size:1rem;border-radius:8px}.mobile-account .account-name{max-width:130px;font-size:.75rem}.mobile-account .button{padding-inline:0;min-width:44px}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:4px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px 2px;min-height:60px;color:var(--muted);border-radius:8px}.mobile-nav small{font-size:.75rem;font-weight:550}.mobile-nav .icon{width:20px;height:20px}.mobile-nav a.active{color:var(--accent-dark);background:var(--accent-soft)}.page-head{gap:16px;margin-bottom:24px;align-items:flex-start}.page-head h1{font-size:1.65rem}.page-head p{font-size:.875rem}.page-head-actions{width:100%}.page-head-actions .button{width:100%}.section-panel,.chart-panel,.knowledge-card,.script-card{padding:20px}.overview-toolbar{gap:10px;margin-bottom:20px}.period-presets{width:100%;justify-content:space-between}.period-presets .button{flex:1;min-height:44px}.date-range{width:100%;gap:8px}.date-range label{flex:1;min-width:0}.date-range input{width:100%;font-size:1rem}.overview-toolbar>select{max-width:none;flex:1;min-width:0;font-size:.875rem}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-bottom:24px}.overview-metrics>a,.overview-metrics>div{padding:18px 14px!important;border:0}.overview-metrics>:nth-child(odd){padding-left:0!important;border-right:1px solid var(--line)}.overview-metrics>:nth-child(-n+2){border-bottom:1px solid var(--line)}.overview-metrics strong{font-size:1.9rem}.overview-metrics span,.overview-metrics small{font-size:.75rem}.overview-metrics .duration-metric{font-size:1.45rem;padding-block:5px}.overview-main{grid-template-columns:minmax(0,1fr);gap:20px}.team-panel>.section-title,.attention-panel>.section-title{padding:20px 18px 0}.profile-switch{padding-inline:18px;gap:14px}.profile-button{font-size:.8125rem;min-height:48px}.cohort-summary{padding:16px 18px}.team-table td:first-child{padding-left:14px;min-width:145px}.team-table th,.team-table td{padding:12px 8px;font-size:.75rem}.team-table td a{gap:8px}.team-table .person-avatar{display:none}.team-table th:nth-child(3),.team-table td:nth-child(3){display:none}.team-table th:last-child,.team-table td:last-child{padding-right:14px}.attention-item{padding:18px}.activity-panel{padding:20px 18px;margin-top:20px}.activity-chart{gap:10px}.activity-day{min-width:40px}.activity-day small{font-size:.625rem}.chart-legend{font-size:.75rem!important}.primary-filters{grid-template-columns:1fr}.filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.summary-item,.stat-card{padding:16px}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.summary-item strong,.stat-card strong{font-size:1.4rem}.summary-item small{display:block;margin:4px 0 0}.stats-grid{gap:12px}.recordings-wrap{display:none}.mobile-recordings{display:grid;gap:14px}.record-card{padding:18px}.detail-head h1{font-size:1.5rem}.detail-head{gap:16px}.detail-score{padding:12px 16px}.detail-score strong{font-size:1.5rem}.detail-workspace{display:block}.detail-workspace>.detail-tabs{display:flex;gap:8px;margin-bottom:20px}.detail-tabs button{flex:1;border:1px solid var(--line);background:var(--surface);padding:12px;border-radius:8px;font-size:.875rem}.detail-tabs button[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.detail-workspace[data-tab=analysis] #detail-transcript,.detail-workspace[data-tab=transcript] #detail-analysis{display:none}.detail-transcript{position:static}.detail-transcript .transcript-list{max-height:none}.audio-panel{padding:12px;gap:8px;display:block;top:0}.audio-panel>span{display:none}.audio-panel audio{display:block}.transcript-turn{padding:10px 8px;gap:4px 8px;grid-template-columns:44px minmax(0,1fr)}.transcript-text{font-size:1rem}.charts-grid,.card-grid,.analytics-breakdowns,.queue-summary-stages,.queue-stages{grid-template-columns:minmax(0,1fr)}.analytics-tabs{display:grid;grid-template-columns:1fr;gap:8px}.analytics-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters .field:first-child{grid-column:1/-1}.analytics-scroll{display:block;overflow:auto}.queue-row{flex-direction:column;gap:8px}.org-office-tree{padding:14px}.org-department{padding:12px}#intake-form{grid-template-columns:1fr}.stage-controls .button{width:100%}.toast{left:16px;right:16px;bottom:100px;max-width:none}.login-panel{margin:3vh auto;padding:24px 20px}.signed-out .main-content{padding-bottom:32px}.filter-dialog{position:fixed;margin:auto 0 0;bottom:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom))}.filter-dialog .form-actions{position:sticky;bottom:0;background:var(--surface);padding-top:16px;display:grid;grid-template-columns:1fr 1fr}.overview-toolbar #overview-error{flex-basis:100%}
}
@media(max-height:500px) and (max-width:767px){.mobile-nav{position:static}.main-content{padding-bottom:24px}.audio-panel{position:static}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(min-width:768px) and (max-width:1199px){.rail-settings{display:flex;width:48px;justify-self:center}.overview-toolbar>select{flex:1 1 240px;min-width:240px;max-width:none}}
@media(max-width:767px){.team-table{table-layout:fixed}.team-table th:first-child,.team-table td:first-child{width:40%;min-width:0}.team-table th,.team-table td{overflow-wrap:anywhere}.team-table th:last-child,.team-table td:last-child{padding-right:8px}}
@media(max-width:767px){.team-table th:first-child,.team-table td:first-child{width:37%}.team-table th:last-child,.team-table td:last-child{width:80px}}

@media(max-width:767px){.date-range-control{width:100%;gap:10px}.date-range-control .period-presets .button{padding-inline:8px}.date-range-control .date-range input{padding-inline:8px}}