/* ДомЛидер: shared work surfaces. Token roles and reference lock: ops/design-system.md. */
.lead-control-intro { margin-bottom:24px; }
.critical-summary { margin:28px 0 32px; }
.critical-summary h2 { font-size:18px;letter-spacing:-.3px;margin:0 0 8px; }
.critical-summary>p { color:var(--sub);font-size:12px;line-height:1.7;max-width:900px;margin:0 0 16px; }
.critical-table-wrap { overflow-x:auto;border:1px solid var(--line);border-radius:8px; }
.critical-table { width:100%;border-collapse:collapse;font-size:13px;min-width:760px; }
.critical-table th,.critical-table td { padding:16px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums; }
.critical-table thead th { background:var(--card-2);color:var(--sub);font-size:12px;font-weight:500; }
.workspace .critical-table thead th { white-space:normal;text-transform:none;letter-spacing:0;line-height:1.5; }
.critical-table th:first-child { text-align:left;min-width:180px; }
.critical-table tbody th { font-weight:500; }
.critical-table tr:last-child>* { border-bottom:0; }
.critical-table tbody tr:hover,.critical-table tr.selected { background:var(--card-2); }
.critical-table .critical-total { color:var(--r);font-weight:600; }
.lead-control-intro h1 { font-size:24px;letter-spacing:-.6px;margin:0 0 12px; }
.lead-control-intro p { color:var(--sub);font-size:14px;line-height:1.7;max-width:850px; }
.lead-control-intro .lead-control-sync { font-size:12px;margin-top:12px; }
.lead-control-tabs { display:flex;gap:28px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px; }
.lead-control-tabs a { padding:12px 0;color:var(--sub);border-bottom:2px solid transparent;font-size:14px; }
.lead-control-tabs a[aria-current] { color:var(--text);border-color:var(--text);font-weight:600; }
.lead-control-tabs span { margin-left:6px;font-variant-numeric:tabular-nums; }
.lead-control-filters { display:flex;gap:16px;align-items:end;margin-bottom:28px;flex-wrap:wrap; }
.lead-control-filters label { flex:1 1 160px;min-width:150px;font-size:12px;color:var(--sub);display:grid;gap:8px; }
.lead-control-filters select { width:100%; }
.lead-control-case { border:1px solid var(--line);border-radius:8px;margin-bottom:24px;overflow:hidden;background:var(--card); }
.lead-control-case>header { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px; }
.lead-control-eyebrow { margin:0 0 6px;color:var(--sub);font-size:12px; }
.lead-control-case h2 { margin:0;font-size:18px;letter-spacing:-.3px;overflow-wrap:anywhere; }
.lead-control-finding { padding:24px;border-top:1px solid var(--line); }
.lead-control-finding-title { display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap; }
.lead-control-finding h3 { margin:0;font-size:15px;line-height:1.6; }
.lead-control-code { color:var(--sub);margin-right:6px;font-variant-numeric:tabular-nums; }
.lead-control-state { font-size:12px;font-weight:600;white-space:nowrap; }
.lead-control-state.state-violation { color:var(--r); }
.lead-control-state.state-review { color:var(--y); }
.lead-control-state.state-clear { color:var(--g); }
.lead-control-state.state-checking { color:var(--sub); }
.lead-control-quote { margin:16px 0;padding:4px 16px;border-left:2px solid var(--line);max-width:850px;font-size:13px;line-height:1.7; }
.lead-control-quote p { margin:4px 0;white-space:pre-line; }
.lead-control-owner { margin:8px 0 20px;color:var(--sub);font-size:13px; }
.lead-control-facts { display:flex;flex-wrap:wrap;gap:20px 40px;margin:0 0 20px; }
.lead-control-facts dt { font-size:12px;color:var(--sub);margin-bottom:6px; }
.lead-control-facts dd { margin:0;font-size:13px;font-variant-numeric:tabular-nums; }
.lead-control-explanation,.lead-control-decision { font-size:14px;line-height:1.7;max-width:900px; }
.lead-control-review { margin-top:16px;font-size:13px; }
.lead-control-review summary,.lead-control-history summary { cursor:pointer;color:var(--sub); }
.lead-control-review>p { margin:16px 0;color:var(--sub);line-height:1.7; }
.lead-control-review form { max-width:680px;margin-top:16px; }
.lead-control-review label { display:grid;gap:8px; }
.lead-control-review textarea { width:100%;min-height:90px; }
.lead-control-actions { display:flex;gap:12px;margin-top:12px;flex-wrap:wrap; }
.lead-control-history { padding:20px 24px;background:var(--card-2);font-size:13px;border-top:1px solid var(--line); }
.lead-control-history ul { padding-left:20px;line-height:2;color:var(--sub); }
.lead-control-call { display:block;margin:12px 0;overflow-wrap:anywhere; }
.lead-control-empty { padding:48px 24px;text-align:center;border-top:1px solid var(--line); }
.lead-control-empty h2 { font-size:18px;font-weight:500; }
.lead-control-empty p { margin:12px auto;max-width:620px;color:var(--sub);font-size:14px;line-height:1.8; }
.lead-control-data-error { margin:0;padding:12px 24px;background:var(--card-2);color:var(--r);font-size:13px; }
@media(max-width:700px) { .lead-control-tabs { gap:16px;overflow:auto; }.lead-control-tabs a{white-space:nowrap;font-size:12px;}.lead-control-case>header{align-items:start;flex-direction:column;}.lead-control-case>header,.lead-control-finding{padding:20px;}.lead-control-facts{gap:20px;flex-direction:column;} }
.workspace { --font-heading:var(--font); --font-display:var(--font); }
.skip-link { position:fixed;left:260px;top:-60px;z-index:1000;padding:10px 16px;background:var(--card);border:2px solid var(--primary);border-radius:6px; }
.skip-link:focus { top:8px; }
:where(a,button,summary,input,select,textarea):focus-visible { outline:2px solid var(--primary);outline-offset:3px; }
.workspace .page-content { padding:32px 36px 48px;animation:none;max-width:1720px;margin:0 auto; }
.workspace .topbar { height:64px;background:var(--bg);padding:0 36px; }
.workspace .topbar-title { font:600 16px/1.4 var(--font);letter-spacing:-.025em; }
.workspace .topbar-right { flex-wrap:wrap; }
.workspace .sidebar { background:var(--sidebar-bg);border-right:1px solid var(--line); }
.workspace .sb-brand { height:64px;border-bottom:0;padding:0 22px; }
.workspace .sb-brand img { width:28px;height:28px; }
.workspace .sb-title { font-size:16px;font-weight:600;letter-spacing:-.035em; }
.workspace .sb-nav { padding:12px; }
.workspace .sb-section-label { color:var(--sub);font:500 12px/1.5 var(--font);text-transform:none;letter-spacing:0;padding:18px 10px 7px; }
.workspace .sb-link { min-height:38px;gap:10px;padding:8px 10px;font:400 13px/1.5 var(--font);border-radius:6px;margin:2px 0; }
.workspace .sb-link.active { font-weight:600;background:var(--sidebar-hover); }
.workspace .sb-link.active::before { display:none; }
.workspace .sb-icon { width:17px;height:17px;opacity:.85; }
.workspace .sb-footer { padding:12px; }
.workspace .sb-uname { color:var(--sidebar-text-strong);font-size:12px;font-weight:500; }
.workspace .sb-urole,.workspace .sb-logout { color:var(--sub);font-size:12px; }
.workspace .sb-avatar { background:var(--card-2);border:1px solid var(--line);color:var(--text-sec);border-radius:6px; }
.workspace .sb-logout { text-align:left;padding-left:10px; }
.workspace .theme-toggle { border-color:transparent; }
.workspace .card { box-shadow:none;border-radius:8px; }
.workspace .card:hover { box-shadow:none;border-color:var(--line); }
.workspace .card-head { padding:18px 22px;background:transparent; }
.workspace .card-title,.workspace .section-title { font-size:14px;font-weight:600;text-transform:none;letter-spacing:-.015em; }
.workspace .card-body { padding:22px; }
.workspace .kpi { padding:20px 22px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none; }
.workspace .kpi:last-child { border-right:0; }
.workspace .kpi::before { display:none; }
.workspace .kpi:hover { transform:none;box-shadow:none; }
.workspace .kpi-num { font:600 30px/1.2 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-bottom:8px; }
.workspace .kpi-label { font:400 13px/1.5 var(--font);letter-spacing:0;text-transform:none; }
.workspace .kpi-grid { gap:0;padding:0 0 20px;border-bottom:1px solid var(--line); }
.workspace .btn { min-height:36px;font-size:13px;padding:8px 13px;border-radius:6px;box-shadow:none; }
.workspace .btn-sm { min-height:32px;padding:6px 10px;font-size:12px; }
.workspace .btn-outline { border-color:var(--line); }
.workspace .btn-primary { background:#2563eb;border-color:#2563eb;color:#fff; }
.workspace .btn-primary:hover { background:#1d4ed8;border-color:#1d4ed8; }
.workspace .form-label,.workspace .form-row label { font-size:13px; }
.workspace input,.workspace select,.workspace textarea { font-size:14px; }
.workspace select { max-width:100%; }
.workspace .table th,.workspace .btable th { font:500 12px/1.5 var(--font);text-transform:none;letter-spacing:0;background:transparent;padding:12px 18px; }
.workspace .table td { padding:16px 18px; }
.workspace .table tbody tr:hover { background:var(--card-2); }
.workspace .vbadge,.workspace .badge,.workspace .status-chip { font-size:12px;font-weight:500;border-radius:5px;padding:3px 8px; }
.workspace .manager-avatar { background:var(--card-2);color:var(--text-sec);border-radius:7px;font-weight:500; }
.workspace .manager-row { padding:16px 0; }
.workspace .manager-stats,.workspace .call-meta { font-size:12px; }
.workspace .block-comment { font-size:13px;line-height:1.65; }
.workspace .date-filter { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;position:relative;z-index:20; }
.workspace .date-filter .df-btn { color:var(--sub);font-weight:500; }
.workspace .date-filter .df-btn-active { color:var(--text); }
.workspace .report-request { background:var(--card-2);border:0;padding:18px 20px; }
.workspace .report-request p { font-size:13px; }
.workspace .team-report-priority { background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0; }
.workspace .team-report-grid { gap:0 36px; }
.workspace .team-report-eyebrow,.workspace .team-report-rank { text-transform:none;letter-spacing:0;font-size:12px; }
.workspace .team-report-score strong { font-size:26px; }
.workspace .team-report-fact,.workspace .team-report-check p,.workspace .team-report-explanation p,.workspace .team-report-action p { font-size:13px; }
.workspace .team-report-header { padding:22px 24px; }
.workspace .team-report-body { padding:24px; }
.workspace .coach-block { border:0;border-bottom:1px solid var(--line);border-radius:0; }
.workspace .coach-head { padding:12px 0;background:transparent;border:0;font-size:13px;text-transform:none;letter-spacing:0;color:var(--text); }
.workspace .coach-body { padding:0 0 22px; }
.workspace .strength-item,.workspace .impression-text,.workspace .improve-how { font-size:14px; }

/* One workbench: recording stays available while reading the nine criteria. */
.call-workspace { display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start; }
.call-listening { position:sticky;top:88px;min-width:0; }
.context-link { color:var(--sub);font-size:12px;display:inline-block;margin-bottom:22px; }
.context-link:hover { color:var(--primary); }
.call-listening h1 { font-size:22px;line-height:1.35;letter-spacing:-.04em;font-weight:600;margin-bottom:12px;overflow-wrap:anywhere; }
.call-file-label { font-size:12px;color:var(--sub);overflow-wrap:anywhere;line-height:1.7;margin:0 0 6px; }
.listening-score { display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:24px 0;gap:12px; }
.listening-score span { color:var(--sub);font-size:13px; }
.listening-score strong { font-size:32px;font-weight:600;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap; }
.listening-player h2 { font-size:13px;font-weight:600;margin-bottom:12px; }
.listening-player audio { width:100%;height:44px; }
.listening-player .block-comment { margin-top:12px;font-size:12px; }
.listening-scale { font-size:12px;line-height:2;color:var(--sub);margin-top:28px; }
.call-assessment { min-width:0; }
.workspace .call-card { background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:none; }
.workspace .call-card:hover { box-shadow:none; }
.workspace .call-card>.call-top { background:transparent; }
.workspace .call-assessment>#callCard { --call-inset:24px;border:1px solid var(--line);overflow:visible; }
.workspace .call-assessment #callCard>.call-top { padding:var(--call-inset) var(--call-inset) 16px;cursor:default; }
.workspace .call-assessment .call-file-icon { display:none; }
.workspace .call-assessment .call-name { font-size:14px; }
.workspace .call-assessment .call-top .donut { display:none; }
.workspace .call-assessment .call-body { border:0; }
.workspace .call-assessment #callCard>.call-body>.tabs { padding:0 var(--call-inset); }
.workspace .call-assessment #callCard>.call-body>.tab-pane { padding:24px var(--call-inset); }
.workspace .tabs { background:transparent;gap:22px; }
.workspace .tab { padding:14px 0;font-size:13px;white-space:nowrap; }
.workspace .tab.active { color:var(--text);border-color:var(--text); }
.workspace .tab-pane { padding:22px 0; }
.workspace .assessment-summary { padding:16px 18px;background:var(--card-2);border:0;color:var(--sub); }
.workspace .assessment-summary>div { font-size:12px; }
.workspace .assessment-summary p { font-size:12px; }
.workspace .btable td { padding:20px 18px;border-color:var(--line); }
.workspace .btable td:first-child { width:100px;padding-left:24px; }
.workspace .btable th:first-child { padding-left:24px; }
.workspace .btable td:last-child,.workspace .btable th:last-child { padding-right:24px; }
.workspace .call-assessment .btable td:first-child,.workspace .call-assessment .btable th:first-child { padding-left:0; }
.workspace .block-name { font-size:14px;line-height:1.5;margin-bottom:5px; }
.workspace .score-pill { min-width:48px;padding:4px 8px;border-radius:6px;font:600 13px/1.5 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap; }
.workspace .assessment-evidence,.workspace .assessment-unchecked { font-size:13px; }
.workspace .assessment-evidence summary,.workspace .assessment-unchecked summary { color:var(--sub); }
.workspace .assessment-evidence summary:hover { color:var(--primary); }
.workspace .block-score-review { margin-top:12px; }
.workspace .block-score-review>summary { font-size:13px; }
.workspace .viols-title,.workspace .coach-head { text-transform:none;letter-spacing:0; }
.workspace .conclusion { background:var(--card-2);border-left:0;padding:18px; }
.workspace .transcript-panel { padding:0;border:0;background:transparent; }
.workspace .transcript-dialogue { gap:20px; }
.workspace .transcript-utterance { border:0;background:var(--card-2);border-radius:8px; }
.workspace .transcript-turn[data-role="manager"] .transcript-utterance { background:var(--primary-light);border:0; }
.workspace .transcript-utterance p { font-size:14px; }
.workspace .review-fragment { background:transparent; }

/* The two review queues are always visible as real navigation tabs. */
.review-tabs { display:flex;align-items:stretch;gap:28px;border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap; }
.review-tabs>a,.review-tabs>strong { padding:0 0 15px;font-size:14px;line-height:1.6;color:var(--sub);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px; }
.review-tabs>a:hover { color:var(--text); }
.review-tabs>[aria-current] { color:var(--text);border-color:var(--text); }
.queue-count { display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:0 6px;margin-left:6px;border-radius:5px;background:var(--card-2);border:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums; }
.queue-header { padding-bottom:22px;margin-bottom:0; }
.workspace .learning-title { font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1.4;margin:0 0 10px; }
.queue-header .block-comment { max-width:85ch; }
.queue-header .learning-filters { margin-top:24px; }
.workspace .learning-counts { margin:20px 0; }
.workspace .learning-counts strong { font-size:18px;font-weight:600; }
.workspace .learning-filters { gap:12px; }
.workspace .learning-filters label { font-size:12px; }
.workspace .learning-filters select { min-height:38px; }
.workspace .learning-text-field { font-size:13px;font-weight:500;margin:16px 0; }
.workspace .learning-text-field select { background:var(--card);border:1px solid var(--line-hover);border-radius:6px;padding:10px 12px;color:var(--text);font:400 14px var(--font); }
.workspace .review-actions { gap:12px; }
.workspace .review-section { margin-top:20px; }
.workspace .page-content>.review-section { margin-top:8px; }
.workspace .learning-pagination { padding:20px 0;font-size:12px; }
.workspace [data-appeal-card] .card-body { padding:24px 28px; }
.workspace [data-appeal-card] .learning-title { font-size:19px; }
.workspace [data-appeal-card] p { line-height:1.7;overflow-wrap:anywhere; }
.appeal-explanation { padding:18px 20px;margin:20px 0;background:var(--card-2);border-radius:6px; }
.appeal-explanation h3 { font-size:12px;font-weight:500;color:var(--sub);margin:0 0 6px; }
.appeal-explanation p { white-space:pre-wrap;font-size:15px; }
.workspace [data-appeal-card] audio { margin:12px 0; }

/* Quiet upload surface and forms share the same density. */
.workspace .upload-layout { gap:36px; }
.workspace .dropzone { border-radius:8px;min-height:240px;padding:32px 20px;background:var(--card-2); }
.workspace .dz-icon { background:transparent;border:0; }
.workspace .dz-fmt { border:0;background:transparent;font-size:11px;color:var(--sub);padding:0 4px; }
.workspace .dropzone.dz-locked { opacity:.7;filter:none; }
.workspace .dz-title { font-size:15px; }
.workspace .uq-item { box-shadow:none; }
.employee-help { margin:0 0 24px;color:var(--sub);font-size:13px; }
.employee-help summary { cursor:pointer;padding:8px 0; }
.employee-help p { max-width:80ch;margin-top:8px;line-height:1.7; }
.employee-metric { flex:1;text-align:left;padding:8px 4px;border-right:1px solid var(--line);min-width:0; }
.employee-metric:last-child { border:0; }
.workspace #emptyResults { background:var(--card-2) !important;border-color:transparent !important;padding:64px 24px !important; }
.workspace #emptyResults>div { background:transparent !important;border:0 !important; }
.workspace .modal-card { border-radius:10px;box-shadow:var(--shadow-lg); }

/* Dashboard: work that needs attention, then context and recent calls. */
.overview-intro { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px; }
.overview-intro h1 { font-size:26px;font-weight:600;letter-spacing:-.045em;line-height:1.25;margin-bottom:8px; }
.overview-intro p { font-size:13px;color:var(--sub); }
.overview-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:28px;padding:0 0 24px; }
.overview-stat { padding:0 24px;border-right:1px solid var(--line); }
.overview-stat:first-child { padding-left:0; }
.overview-stat:last-child { border:0; }
.overview-stat span { font-size:13px;color:var(--sub); }
.overview-stat strong { display:block;font-size:32px;font-weight:600;letter-spacing:-.05em;line-height:1.5;font-variant-numeric:tabular-nums; }
.overview-stat small { font-size:16px;font-weight:400;color:var(--sub);letter-spacing:0; }
.overview-main { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:28px;align-items:start;margin-bottom:30px; }
.overview-panel { min-width:0;border:1px solid var(--line);border-radius:8px; }
.overview-panel-head { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px; }
.overview-panel-head h2 { font-size:14px;font-weight:600;letter-spacing:-.015em; }
.overview-panel-head>a { font-size:12px;color:var(--sub); }
.overview-panel-head>a:hover { color:var(--primary); }
.overview-chart { padding:4px 22px 22px;height:214px; }
.overview-attention { background:var(--card-2);padding:22px;border-radius:8px; }
.overview-attention h2 { font-size:14px;font-weight:600;margin:0 0 18px; }
.attention-row { display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:12px 0;border-top:1px solid var(--line); }
.attention-row strong { font-size:16px;font-weight:600; }
.overview-attention>a.btn { margin-top:18px;width:100%; }
.overview-team { padding:0 22px 12px; }
.overview-team .manager-bar-wrap { width:50px; }

/* Login uses the same theme and type system, without extra onboarding. */
.auth-page { display:flex;align-items:center;justify-content:center;padding:32px 20px; }
.auth-card { width:100%;max-width:390px; }
.auth-header { padding:0 0 28px; }
.auth-logo-wrap { display:flex;align-items:center;gap:12px;margin-bottom:14px; }
.auth-logo-wrap img { width:32px;height:32px; }
.auth-logo-text { font-size:22px;font-weight:600;letter-spacing:-.04em; }
.auth-tagline { font-size:14px;color:var(--sub); }
.auth-body { border-top:1px solid var(--line);padding-top:28px; }
.auth-page .form-group { margin-bottom:20px; }
.auth-page .form-label { font-size:13px;margin-bottom:8px; }
.auth-page .form-input { height:44px;font-size:15px; }
.auth-page .btn-submit { width:100%;height:42px;border-radius:6px;background:#2563eb;color:#fff;font-weight:500; }
.auth-page .btn-submit:hover { background:#1d4ed8; }
.auth-page .hint-text { margin-top:20px;color:var(--sub);font-size:12px;line-height:1.7; }
.auth-page .flash { margin-bottom:20px;padding:12px 14px;border-radius:6px;font-size:13px; }
.auth-page .flash-error,.auth-page .flash-danger { background:var(--rbg);color:var(--r); }
.auth-page .flash-success { background:var(--gbg);color:var(--g); }
.auth-page .flash-warning { background:var(--ybg);color:var(--y); }

@media (max-width:1250px) {
  .workspace .page-content { padding:28px 24px 40px; }
  .workspace .topbar { padding:0 24px; }
  .call-workspace { grid-template-columns:240px minmax(0,1fr);gap:24px; }
  .overview-main { gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr); }
  .workspace .upload-layout { grid-template-columns:minmax(0,1fr); }
}
.delete-call-dialog { width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 48px);margin:auto;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);box-shadow:var(--shadow-lg); }
.delete-call-dialog::backdrop { background:rgba(0,0,0,.5); }
.delete-call-dialog h2 { margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.3; }
.delete-call-dialog p { font-size:14px;line-height:1.6;color:var(--sub);margin:0 0 16px; }
.delete-call-dialog .delete-call-filename { color:var(--text);font-size:13px;overflow-wrap:anywhere;padding:12px;background:var(--card-2);border-radius:6px; }
.delete-call-dialog .delete-call-error { color:var(--r); }
.delete-call-actions { display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap; }
.delete-call-actions .btn { min-height:40px; }
.delete-call-actions .btn-red { background:#b91c1c;border-color:#b91c1c;color:#fff; }
.history-empty { color:var(--sub);text-align:center;padding:40px !important; }
.history-filters { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end;margin-bottom:24px; }
.date-presets { display:flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px; }
.df-btn { padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--sub);font:500 12px var(--font);cursor:pointer; }
.df-btn-active { background:var(--card-2);color:var(--text); }
.date-range-dialog { width:min(420px,calc(100vw - 32px)); }
.date-range-fields { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px; }
.date-range-fields label { display:grid;gap:8px;color:var(--sub);font-size:13px;min-width:0; }
.date-range-fields input { min-width:0; }
.integration-health { border-top:1px solid var(--line); }
.integration-health h3 { font-size:14px;margin:0 0 12px; }
.integration-health>p { color:var(--sub);line-height:1.6;font-size:13px; }
.integration-facts { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0; }
.integration-facts dt { color:var(--sub);font-size:12px;margin-bottom:6px; }
.integration-facts dd { margin:0;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums; }
.history-filters label { display:grid;gap:8px;font-size:12px;color:var(--sub);min-width:0; }
.history-filter-actions,.history-actions { display:flex;gap:8px;align-items:center; }
.history-filter-actions .btn { min-height:38px; }
.history-table-wrap { overflow-x:auto; }
.history-filename,.filename-details { display:block;min-width:180px;max-width:340px;overflow-wrap:anywhere; }
.filename-details summary { cursor:pointer;line-height:1.5; }
.filename-details p { margin:12px 0 0;color:var(--sub);line-height:1.6; }
.history-score,.history-date { white-space:nowrap;font-variant-numeric:tabular-nums; }
.history-date { color:var(--sub);font-size:12px; }
.history-error { max-width:340px;color:var(--sub);font-size:12px;line-height:1.6;margin:8px 0 0; }
.history-pagination { display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:24px;font-size:13px;color:var(--sub); }
.workspace .icon-btn { min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center; }
.workspace .modal-close { min-width:32px;min-height:32px; }
.regulation-table { table-layout:fixed; }
.regulation-table td { overflow-wrap:anywhere; }
.regulation-table th:first-child { width:112px; }
.form-error { color:var(--r);font-size:13px;line-height:1.6; }
.employee-archive-list { display:grid;gap:16px;margin-top:24px; }
.employee-archive-card { padding:24px;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:24px;align-items:center; }
.employee-archive-card .form-input { max-width:420px; }
.employee-archive-actions { display:flex;flex-wrap:wrap;gap:12px;max-width:440px; }
.employee-archive-actions .form-error { flex-basis:100%; }
.error-page { min-height:100vh;display:grid;place-items:center;padding:32px; }
.error-content { width:100%;max-width:480px; }
.error-code { color:var(--sub);font-size:13px;margin-bottom:16px; }
.error-content h1 { font-size:28px;line-height:1.3;margin:0 0 16px; }
.error-content>p:not(.error-code) { color:var(--sub);font-size:15px;line-height:1.7;margin:0 0 24px; }
.team-report-archive { border-top:1px solid var(--line);margin-top:20px;padding-top:16px; }
.team-report-archive>summary { cursor:pointer;color:var(--sub);font-size:13px;line-height:1.6;padding:8px 0; }
.team-report-archive>summary:focus-visible { outline:2px solid var(--a);outline-offset:4px; }
.team-report-archive-content { padding-top:16px; }
@media (max-width:1000px) {
  .call-workspace { grid-template-columns:minmax(0,1fr); }
  .call-listening { position:static;border-bottom:1px solid var(--line);padding-bottom:24px; }
  .call-listening h1 { font-size:20px; }
  .listening-score { padding:14px 0;margin:16px 0; }
  .listening-scale { display:none; }
  .overview-main { grid-template-columns:minmax(0,1fr); }
  .workspace .grid-2 { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:768px) {
  .employee-archive-card { grid-template-columns:minmax(0,1fr);padding:16px; }
  .workspace .btable td:first-child,.workspace .btable th:first-child { padding-left:16px; }
  .workspace .btable td:last-child,.workspace .btable th:last-child { padding-right:16px; }
  .workspace .call-assessment .btable td:first-child,.workspace .call-assessment .btable th:first-child { padding-left:0; }
  .workspace .topbar { min-height:64px;height:auto;padding:12px 16px;align-items:flex-start; }
  .workspace .page-content { padding:24px 16px 40px; }
  .workspace .topbar-right { justify-content:flex-end;flex:1;min-width:0; }
  .workspace .topbar-title { white-space:normal; }
  .workspace .topbar .review-notice { white-space:normal; }
  .workspace .kpi-grid,.overview-stats { grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px; }
  .overview-stat:nth-child(3) { padding-left:0; }
  .overview-stat:nth-child(2) { border:0; }
  .workspace .kpi { padding:12px 16px; }
  .workspace .tabs { gap:16px;overflow-x:auto; }
  .workspace .call-assessment>#callCard { --call-inset:16px; }
  .workspace .team-report-grid { grid-template-columns:1fr; }
  .workspace .team-report-header { align-items:flex-start;flex-wrap:wrap; }
  .workspace .learning-filters { align-items:stretch; }
  .workspace .learning-filters label { min-width:0;max-width:100%; }
  .workspace .review-tabs { gap:16px; }
  .workspace [data-appeal-card] .card-body { padding:20px; }
  .overview-intro { flex-wrap:wrap; }
  .skip-link { left:16px; }
}