@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.detail-extra{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-extra input{width:100%;border:1px solid #dfe7e1;border-radius:8px;padding:9px;margin:5px 0 10px}.detail-extra label{font-size:11px;color:#81918a;font-weight:700}@media(max-width:700px){.detail-extra{grid-template-columns:1fr}}
.search-filters{flex-wrap:wrap}.search-filters>*{width:calc(25% - 8px)}@media(max-width:700px){.search-filters>*{width:calc(50% - 5px)}}
.danger{color:#a63c37;border-color:#e8c8c5;margin-top:12px}.danger:hover{border-color:#bd6a62}.delete-link{color:#a63c37;margin-left:10px}
.pill.uploaded{background:#e8eefc;color:#345d9a}.row-actions{white-space:nowrap}.row-actions .text-link{margin-right:8px}.row-actions .delete-link{margin-left:0}.upload-item{grid-template-columns:minmax(0,1fr) 120px 70px 200px}.upload-item-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.upload-item-actions .text-link{white-space:nowrap}.upload-item small{display:block;color:#a63c37;margin-top:5px}.upload-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #edf1ed}.upload-actions span{font-size:12px;color:#84938a}.upload-actions button:disabled,.ask-form button:disabled{opacity:.45;cursor:not-allowed}.detail-extra .primary{margin-top:12px;margin-right:8px}@media(max-width:700px){.upload-item{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.upload-item-actions{grid-column:1 / -1;justify-content:flex-start}.upload-item>span:nth-child(3){text-align:right}}
.batch-picker{display:flex;align-items:center;gap:12px;margin-bottom:15px}.batch-picker label{font-size:12px;color:#66796d;font-weight:700}.batch-picker select{flex:1;min-width:0;background:white;border:1px solid #dfe7e1;border-radius:9px;padding:10px 13px;color:#24372b}@media(max-width:700px){.batch-picker{align-items:stretch;flex-direction:column}}
:root{font-family:'DM Sans',sans-serif;color:#202b32;background:#f6f8f7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h2{font-size:24px;letter-spacing:-.035em}h3{font-size:16px;letter-spacing:-.02em}.hidden{display:none!important}.shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:none;background:#102723;color:#e6f2eb;display:flex;flex-direction:column;padding:28px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 42px;font:800 20px Manrope;letter-spacing:-.05em}.brand small{display:block;font:600 8px 'DM Sans';letter-spacing:.16em;color:#92b0a1;margin-top:1px}.brand-mark{background:#b5e779;color:#102723;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-size:25px;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{border:0;background:transparent;color:#abc2b5;border-radius:10px;text-align:left;padding:13px 14px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:12px}.sidebar nav button span{font-size:19px;width:22px;text-align:center;font-weight:400}.sidebar nav button:hover,.sidebar nav button.active{background:#25443a;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #b5e779}.sidebar-foot{margin-top:auto;border-top:1px solid #305044;padding:20px 8px 0;display:flex;align-items:center;gap:8px;font-size:11px;color:#b8cfc0}.status-dot{width:7px;height:7px;border-radius:50%;background:#aee275}.sidebar-foot button{margin-left:auto;background:none;border:0;color:#b8cfc0;font-size:20px}.main{min-width:0;flex:1;max-width:1600px;padding:38px 46px 70px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.topbar h1{font-size:30px;letter-spacing:-.05em;margin:3px 0 0}.eyebrow{font-size:10px;letter-spacing:.18em;color:#619177;font-weight:800}.top-actions{display:flex;align-items:center;gap:20px;color:#8b9695;font-size:12px}.primary{border:0;background:#193d30;color:white;padding:12px 20px;border-radius:9px;font-weight:700;box-shadow:0 5px 12px #193d301a}.primary:hover{background:#2e6448}.outline{background:white;border:1px solid #dbe5de;border-radius:9px;padding:10px 16px;color:#254b38;font-weight:700}.outline:hover{border-color:#a6c9ab}.view{display:none}.view.active{display:block}.intro{background:linear-gradient(110deg,#e5f2dc,#f1f7ed 60%,#e4f0e9);padding:30px 34px;border-radius:17px;margin-bottom:24px;position:relative;overflow:hidden}.intro:after{content:'◉';position:absolute;right:35px;top:-73px;font-size:225px;color:#b5ddab55}.intro h2{font-size:25px;margin-bottom:7px;max-width:600px}.intro p,.section-head p{color:#74817a;font-size:13px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid #e6ebe7;border-radius:13px;padding:19px 21px}.metric .label{font-size:11px;font-weight:700;color:#81918a;text-transform:uppercase;letter-spacing:.07em}.metric .value{font:800 28px Manrope;margin:11px 0 2px;letter-spacing:-.04em}.metric .hint{font-size:11px;color:#8b9b92}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:white;border:1px solid #e4ebe5;border-radius:13px;padding:21px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h3{margin:0}.panel-head span{font-size:11px;color:#94a19a}.bar-row{display:grid;grid-template-columns:115px 1fr 35px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.bar-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d6f66}.bar-bg{height:8px;border-radius:9px;background:#eef2ed;overflow:hidden}.bar-fill{height:100%;background:#8ebc86;border-radius:9px}.bar-count{text-align:right;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-head h2{margin-bottom:5px}.counter{font-size:12px;background:#e4f2e6;padding:8px 12px;border-radius:30px;color:#376b4b;font-weight:700}.toolbar{display:flex;gap:10px;margin-bottom:17px}.toolbar input,.toolbar select,.search-filters input,.search-filters select,.ask-form input,.auth-card input{background:white;border:1px solid #dfe7e1;border-radius:9px;padding:11px 13px;outline:none;color:#24372b}.toolbar input:focus,.search-form input:focus,.ask-form input:focus{border-color:#80ae81}.toolbar input{min-width:280px}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#91a098;font-size:10px;letter-spacing:.08em;font-weight:700;padding:17px 19px;border-bottom:1px solid #edf0ed;white-space:nowrap}td{padding:16px 19px;border-bottom:1px solid #f1f3f1;white-space:nowrap;color:#5a6c61}tr:last-child td{border-bottom:0}td strong{color:#20392b;font-size:12px}.text-link{border:0;background:none;color:#397050;font-weight:700;font-size:12px}.pill{padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;background:#edf0ed;color:#617268}.pill.completed{background:#e5f6e6;color:#387c46}.pill.failed{background:#fee9e4;color:#af4637}.pill.processing,.pill.analyzing,.pill.embedding,.pill.queued{background:#fff4de;color:#a17422}.dropzone{border:2px dashed #bbd1bf;border-radius:17px;background:#f9fcf8;text-align:center;padding:50px 20px;margin-bottom:22px}.dropzone.dragging{background:#eaf6e7;border-color:#4a9c66}.dropzone .upload-icon{width:53px;height:53px;border-radius:15px;background:#e3f1e0;color:#336b45;font-size:32px;margin:0 auto 17px;line-height:53px}.dropzone h3{font-size:20px;margin:0 0 7px}.dropzone p{font-size:13px;color:#84938a;margin-bottom:20px}.dropzone small{display:block;color:#a3aea5;margin-top:21px}.upload-list.empty{color:#a0aca4;font-size:13px;text-align:center;padding:25px}.upload-item{display:grid;grid-template-columns:1fr 110px 70px;gap:15px;align-items:center;padding:11px;border-top:1px solid #eef2ef;font-size:12px}.upload-item:first-child{border:0}.progress-track{height:5px;background:#eaf0e9;border-radius:5px;margin-top:7px}.progress-track div{height:100%;background:#78b172;border-radius:5px}.search-form{background:white;border:1px solid #e2eae3;border-radius:13px;padding:15px;margin-bottom:20px}.search-main{display:flex;align-items:center;gap:11px}.search-main span{font-size:24px;color:#88a68c}.search-main input{flex:1;border:0;outline:0;font-size:15px;padding:10px 0}.search-filters{display:flex;gap:10px;padding-top:12px;margin-top:12px;border-top:1px solid #eef2ef}.search-filters>*{width:25%;font-size:12px}.results-placeholder{text-align:center;color:#99a79c;padding:80px 10px}.result-card{background:white;border:1px solid #e4ebe5;border-radius:12px;margin:11px 0;padding:19px 22px}.result-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.result-head strong{font-size:13px}.result-card p{font-size:13px;color:#4e5e54;line-height:1.6;margin-bottom:11px}.result-meta{font-size:11px;color:#91a097}.ask-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;min-height:590px}.ask-main,.evidence-side{background:#fff;border:1px solid #e4ebe5;border-radius:13px}.ask-main{display:flex;flex-direction:column;min-height:590px}.conversation{padding:28px;flex:1;max-height:580px;overflow-y:auto}.welcome{text-align:center;max-width:500px;margin:100px auto 40px}.sparkle{font-size:37px;color:#6fac74}.welcome h3{font-size:23px;margin:8px 0}.welcome p{color:#8a9a8d;font-size:13px;line-height:1.6}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:22px}.suggestions button{border:1px solid #dce9dc;border-radius:30px;background:#f8fbf8;padding:9px 11px;color:#477653;font-size:11px}.ask-form{border-top:1px solid #edf1ed;display:flex;gap:9px;padding:16px}.ask-form input{flex:1}.message{max-width:90%;padding:14px 18px;margin:13px 0;border-radius:12px;font-size:13px;line-height:1.65;white-space:pre-wrap}.message.user{margin-left:auto;background:#e7f1e6}.message.assistant{background:#f4f7f3}.evidence-side{padding:22px}.evidence-side h3{margin-bottom:7px}.evidence-side>p{font-size:11px;color:#8b9b90;line-height:1.5}.evidence-item{border-top:1px solid #edf1ed;padding:15px 0;font-size:11px}.evidence-item strong{display:block;margin-bottom:4px}.evidence-item p{color:#6c7b6e;line-height:1.5}.back{border:0;background:none;color:#49815b;font-weight:700;margin-bottom:22px;padding:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:18px}.detail-title{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:19px}.detail-title h2{margin-bottom:5px}.detail-title p{color:#91a098;font-size:12px}.audio-panel audio{width:100%;margin:12px 0}.segment{border-top:1px solid #edf0ed;padding:12px 0;display:grid;grid-template-columns:60px 90px 1fr;gap:10px;font-size:12px;line-height:1.6}.segment button{border:0;background:none;color:#4b9460;padding:0;text-align:left;font-weight:700}.segment .speaker{font-weight:700;color:#687a6e}.segment p{margin:0}.detail-summary{font-size:13px;line-height:1.6;color:#506358}.detail-data{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:12px;padding:8px 0;border-bottom:1px solid #f0f2ef}.detail-data span{color:#93a096}.finding{display:inline-block;margin:3px;padding:6px 9px;border-radius:7px;background:#edf4ed;color:#477155;font-size:11px}.notice{padding:12px 16px;background:#fff3df;border:1px solid #eed7a4;border-radius:9px;color:#7d5e22;margin-bottom:20px;font-size:12px}.empty-state{color:#a0aca4;font-size:12px;padding:20px}.auth-cover{position:fixed;z-index:10;inset:0;background:#102723e8;display:grid;place-items:center}.auth-card{background:#fff;border-radius:18px;padding:35px;width:min(400px,90vw);box-shadow:0 20px 80px #0003}.auth-card .brand-mark{margin-bottom:16px}.auth-card h1{font-size:25px;margin-bottom:6px}.auth-card p{font-size:13px;color:#7d8c80;line-height:1.5}.auth-card form{display:flex;gap:8px;margin-top:22px}.auth-card input{min-width:0;flex:1}.auth-card small{color:#bc5045;display:block;margin-top:10px}.retry{margin-top:12px}@media(max-width:1000px){.main{padding:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.ask-layout{grid-template-columns:1fr}.evidence-side{min-height:150px}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:12px}.brand{padding:0 4px 12px}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar nav button{white-space:nowrap;padding:9px}.sidebar nav button span,.sidebar-foot{display:none}.main{padding:22px 14px}.topbar{gap:10px}.top-actions #clock{display:none}.metric-grid,.panel-grid{grid-template-columns:1fr}.search-filters{flex-wrap:wrap}.search-filters>*{width:calc(50% - 5px)}.segment{grid-template-columns:50px 1fr}.segment p{grid-column:2}}

/* Tables fit the page; compact widths become readable cards. */
.main{max-width:none;width:100%;margin:0}
.table-wrap{overflow:visible;max-width:100%}
.table-wrap table{width:100%;table-layout:fixed}
.table-wrap th,.table-wrap td{white-space:normal;overflow-wrap:break-word;vertical-align:top;padding:13px 11px}
.table-wrap th:nth-child(1){width:18%}.table-wrap th:nth-child(2){width:10%}.table-wrap th:nth-child(3){width:10%}.table-wrap th:nth-child(4){width:12%}.table-wrap th:nth-child(5){width:10%}.table-wrap th:nth-child(6){width:11%}.table-wrap th:nth-child(7){width:16%}.table-wrap th:nth-child(8){width:13%}
.table-wrap td.row-actions{white-space:normal}
.table-wrap .row-actions .text-link{display:inline-block;margin:0 8px 6px 0}
.table-wrap td .pill{align-self:flex-start;white-space:nowrap}
.toolbar{flex-wrap:wrap}.toolbar input{min-width:0;flex:1 1 230px}
.segment{grid-template-columns:60px 125px minmax(0,1fr)}
.segment .speaker{overflow-wrap:anywhere}
@media(max-width:1200px){
  .table-wrap{background:transparent;border:0;padding:0}
  .table-wrap table,.table-wrap tbody{display:block}
  .table-wrap thead{display:none}
  .table-wrap tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px;background:white;border:1px solid #e4ebe5;border-radius:12px;padding:11px;gap:3px 12px}
  .table-wrap td{display:flex;flex-direction:column;min-width:0;padding:7px 10px;border:0}
  .table-wrap td::before{content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#91a098;margin-bottom:4px}
  .table-wrap td:first-child,.table-wrap td:nth-child(7),.table-wrap td:last-child{grid-column:1 / -1}
  .table-wrap td.row-actions{display:block;border-top:1px solid #edf0ed;margin-top:4px;padding-top:12px}
  .table-wrap td.row-actions .text-link{margin-right:14px}
  .table-wrap td.empty-state{display:block;grid-column:1 / -1}
  .table-wrap td.empty-state::before{content:none}
}
@media(max-width:700px){
  .table-wrap tr{grid-template-columns:1fr}
  .table-wrap td{grid-column:1 / -1}
  .segment{grid-template-columns:50px minmax(0,1fr)}
  .segment p{grid-column:2}
}

/* Batch review workspace */
.dropzone{display:grid;grid-template-columns:53px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 25px;text-align:left}
.dropzone .upload-icon{margin:0}
.dropzone-copy h3{font-size:17px;margin:0 0 3px}
.dropzone-copy p{margin:0 0 5px}
.dropzone-copy small{margin:0}
.batch-workspace{padding:24px}
.batch-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}
.batch-head h3{font-size:20px;margin:4px 0 5px}
.batch-head p{font-size:12px;color:#7c8d82;margin:0}
.batch-toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}
.batch-toolbar label{font-size:11px;font-weight:700;color:#66796d;display:grid;gap:7px;flex:1;max-width:500px}
.batch-toolbar select{width:100%;background:#fff;border:1px solid #dfe7e1;border-radius:9px;padding:11px 13px;color:#24372b}
.batch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.batch-summary>div{border:1px solid #e5ece6;background:#f8faf8;border-radius:10px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.batch-summary span{font-size:11px;color:#7a8a80;font-weight:700}.batch-summary strong{font:800 18px Manrope;color:#204331}
.batch-filters{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #e8eee9;padding-bottom:13px;margin-bottom:4px}
.batch-filters button{border:1px solid #dfe8df;background:#fff;color:#65806e;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:700}
.batch-filters button.active{background:#244b37;border-color:#244b37;color:#fff}
.audio-list.empty{color:#91a096;font-size:13px;padding:35px;text-align:center}
.audio-card{display:grid;grid-template-columns:40px minmax(0,1fr) 120px 230px;gap:14px;align-items:center;padding:15px 5px;border-bottom:1px solid #eef2ee}
.audio-card:last-child{border-bottom:0}.audio-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf4e8;color:#3b7952;font-size:19px}
.audio-info{min-width:0}.audio-info strong{display:block;font-size:13px;color:#263d2e;overflow-wrap:anywhere}.audio-info small{display:block;font-size:11px;color:#90a094;margin-top:4px}.audio-info .audio-error{color:#ac473d}
.audio-card>.pill{justify-self:start;white-space:nowrap}.audio-card-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.audio-card-actions .text-link{white-space:nowrap}.audio-card-actions .upload-delete{color:#a63c37}
@media(max-width:1000px){.batch-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-card{grid-template-columns:40px minmax(0,1fr) 100px}.audio-card-actions{grid-column:2 / -1;justify-content:flex-start}}
@media(max-width:700px){.dropzone{grid-template-columns:40px minmax(0,1fr);padding:18px}.dropzone .upload-icon{width:40px;height:40px;line-height:40px;font-size:25px}.dropzone #pick-files{grid-column:1 / -1}.batch-workspace{padding:18px}.batch-head,.batch-toolbar{flex-direction:column;align-items:stretch}.batch-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-summary>div{display:block}.batch-summary strong{display:block;margin-top:5px}.audio-card{grid-template-columns:35px minmax(0,1fr);gap:8px}.audio-card>.pill{grid-column:2}.audio-card-actions{grid-column:2}.batch-toolbar label{max-width:none}}

/* Diarized voices with editable call center roles */
.role-panel p{font-size:12px;color:#718479;line-height:1.5;margin:0 0 15px}
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.role-item{display:grid;gap:6px;background:#f8faf8;border:1px solid #e4ece5;border-radius:10px;padding:12px;min-width:0}
.role-item>span{font-size:12px;font-weight:700;color:#284833}.role-item>span small{font-weight:400;color:#9aa99d;margin-left:5px;overflow-wrap:anywhere}
.role-item select{width:100%;background:#fff;border:1px solid #dce7dd;border-radius:8px;padding:8px 10px;color:#284833;font-weight:700}
.role-item .role-source{font-size:10px;color:#89a08e}
.segment .speaker[data-role="operator"]{color:#246b48}.segment .speaker[data-role="client"]{color:#425ea0}.segment .speaker[data-role="other"]{color:#8b642a}
.segment-role-select{max-width:100%;border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 3px;color:inherit;font-size:12px;font-weight:700;cursor:pointer}
.segment-role-select:hover,.segment-role-select:focus{border-color:#cadccc;background:#f7fbf7;outline:0}
@media(max-width:700px){.role-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar nav{flex-wrap:wrap;overflow:visible}.sidebar nav button{flex:1 1 105px;white-space:normal;justify-content:center;text-align:center;font-size:11px}}

/* Transcription first: a clear daily workflow and quieter secondary tools. */
.sidebar .nav-section{display:block;margin:13px 14px 5px;color:#89ad9b;font-size:10px;font-weight:800;letter-spacing:.15em}
.sidebar .nav-section-secondary{border-top:1px solid #315044;padding-top:22px;margin-top:25px}
.sidebar nav button[data-view="dashboard"],.sidebar nav button[data-view="upload"],.sidebar nav button[data-view="calls"]{font-size:14px}
.sidebar nav button[data-view="training"]{color:#b8cbbc}
.sidebar nav button[data-view="training"].active{color:#fff}
.transcription-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr);gap:32px;align-items:center;background:linear-gradient(115deg,#e3f1df,#f3f8ef 67%,#e4f2e6);border:1px solid #dcebdc;border-radius:20px;padding:42px 46px;margin-bottom:21px;overflow:hidden}
.transcription-hero-copy{min-width:0}.hero-kicker{display:block;color:#4f805f;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:13px}
.transcription-hero h2{font-size:clamp(27px,3vw,42px);line-height:1.14;letter-spacing:-.055em;color:#163d2c;margin-bottom:12px;max-width:640px}
.transcription-hero p{max-width:630px;color:#5a7161;font-size:14px;line-height:1.65;margin-bottom:23px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .primary,.hero-actions .outline{min-height:43px}.hero-actions .primary span{margin-left:15px}
.hero-flow{display:grid;gap:9px}.hero-flow>div{display:grid;grid-template-columns:31px minmax(0,1fr);gap:1px 11px;align-items:center;background:#ffffffc9;border:1px solid #fff;border-radius:11px;padding:13px 16px;box-shadow:0 7px 24px #2a563013}
.hero-flow span{grid-row:1 / 3;display:grid;place-items:center;background:#dcefd9;color:#3f7951;border-radius:9px;width:31px;height:31px;font-size:10px;font-weight:800}
.hero-flow strong{font-size:13px;color:#294735}.hero-flow small{font-size:11px;color:#819487}
.recent-panel>.panel-head{gap:16px}.recent-panel>.panel-head p{color:#8b9b90;font-size:12px;margin:5px 0 0}.recent-panel>.panel-head .text-link{flex:none}
.recent-panel .table-wrap{border:0;margin:-5px -10px -11px}.dashboard-insights{margin-top:6px}.dashboard-insights summary{cursor:pointer;color:#5e8069;font-size:12px;font-weight:700;padding:13px 4px}.dashboard-insights .panel-grid{margin-top:12px}
@media(max-width:1000px){.transcription-hero{grid-template-columns:1fr;padding:32px}.hero-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sidebar .nav-section{width:100%;margin:9px 3px 1px}.sidebar .nav-section-secondary{margin-top:5px;padding-top:12px}.sidebar nav button[data-view="dashboard"],.sidebar nav button[data-view="upload"],.sidebar nav button[data-view="calls"]{font-size:12px}.transcription-hero{padding:25px 21px;gap:24px}.hero-flow{grid-template-columns:1fr}.topbar{align-items:flex-start}.top-actions{align-self:flex-start}.top-actions #top-upload{font-size:11px;padding:9px}.recent-panel>.panel-head{align-items:flex-start}.recent-panel>.panel-head .text-link{white-space:nowrap}}

/* Statistics: period controls, interactive charts and review queue. */
.sidebar nav button[data-view="statistics"]{font-size:14px}
#dashboard .metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.dashboard-section-head{margin:0 0 15px}.dashboard-section-head h2{font-size:19px}.dashboard-section-head .text-link{font-size:13px}
.stats-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.stats-intro>div:first-child{max-width:690px}.stats-intro h2{font-size:26px;margin:7px 0 7px}.stats-intro p{font-size:13px;color:#708076;line-height:1.6;margin:0}.stats-toolbar{display:flex;align-items:end;gap:9px;flex:none}.stats-toolbar label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#677e6e}.stats-toolbar select{min-width:190px;background:#fff;border:1px solid #dce8dd;border-radius:9px;padding:10px 12px;color:#264431;font-weight:700}.stats-toolbar .outline{height:41px}
.stats-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:19px}.stats-metric{display:flex;flex-direction:column;min-width:0;min-height:116px;background:#fff;border:1px solid #e2eae3;border-radius:13px;padding:17px 18px}.stats-metric>span{color:#7a8c80;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:800}.stats-metric strong{font:800 clamp(19px,1.6vw,27px) Manrope,sans-serif;letter-spacing:-.04em;color:#1d402e;margin:12px 0 2px;white-space:nowrap}.stats-metric small{color:#92a096;font-size:10px;line-height:1.4}.stats-metric:last-child{background:#e9f5e8;border-color:#d5e8d5}
.stats-chart-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:17px}.stats-breakdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.stats-bottom-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:17px}.stats-panel{min-width:0;overflow:hidden}.stats-panel .panel-head{align-items:start;gap:12px}.stats-panel .panel-head h3{font-size:15px}.stats-panel .panel-head p,.stats-drilldown .panel-head p{font-size:11px;color:#91a096;margin:5px 0 0}.chart-key{display:flex;gap:13px;flex-wrap:wrap;color:#738b79;font-size:10px;font-weight:700;white-space:nowrap}.chart-key span{display:flex;align-items:center;gap:5px}.chart-key i{display:block;width:8px;height:8px;border-radius:2px}.key-loaded{background:#9aca9c}.key-completed{background:#2e7250}
.stats-chart{position:relative;min-height:226px}.stats-series{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:8px;height:210px;border-bottom:1px solid #dce6de;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#eef3ef 45px,#eef3ef 46px)}.stats-series-group{display:flex;flex-direction:column;justify-content:end;min-width:0;height:100%}.stats-series-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:180px;min-width:0}.stats-bar{display:block;position:relative;border:0;border-radius:5px 5px 0 0;width:min(27px,42%);min-height:2px;padding:0}.stats-bar.loaded{background:#9aca9c}.stats-bar.completed{background:#2e7250}.stats-bar.cost{background:linear-gradient(#9cc798,#3e8a62);width:min(38px,68%)}button.stats-bar:not(:disabled):hover{filter:brightness(.83);outline:2px solid #276442;outline-offset:2px}button.stats-bar:disabled{opacity:.3;cursor:default}.stats-bar.cost span{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:800;color:#568267}.stats-series-group>span{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#8a9c8e;padding:7px 2px 0;min-height:27px}.stats-empty-overlay{position:absolute;inset:40px 0 auto;text-align:center;color:#9aa99e;font-size:12px;background:#ffffffce;padding:10px}
.stats-status-layout{display:flex;align-items:center;gap:20px}.stats-donut{width:122px;height:122px;border-radius:50%;padding:19px;flex:none}.stats-donut>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:50%}.stats-donut strong{font:800 25px Manrope,sans-serif;color:#254a34}.stats-donut span{font-size:10px;color:#9aa79d}.stats-status-list{display:grid;gap:4px;flex:1;min-width:0}.stats-status-item{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;text-align:left;color:#64796a;padding:5px 3px;border-radius:6px;font-size:11px}.stats-status-item:hover,.stats-rank:hover,.stats-review-count:hover{background:#f3f8f2}.stats-status-item i{width:8px;height:8px;border-radius:2px;flex:none}.stats-status-item span{flex:1;min-width:0}.stats-status-item strong{color:#2c5038}
.stats-ranking{display:grid;gap:11px}.stats-rank{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:100%;border:0;border-radius:8px;background:transparent;text-align:left;padding:6px;color:#4a6351}.stats-rank-label{font-size:11px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.stats-rank strong{font-size:11px;color:#2c5b3f}.stats-rank-track{grid-column:1 / -1;height:6px;width:100%;display:block;background:#edf2ec;border-radius:6px;overflow:hidden}.stats-rank-track i{display:block;height:100%;background:#8cbd8e;border-radius:6px}
.stats-review-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.stats-review-count{display:flex;flex-direction:column;gap:4px;align-items:start;min-width:0;border:1px solid #e6ede6;background:#f8faf8;border-radius:9px;padding:10px;text-align:left;color:#758779}.stats-review-count strong{font:800 19px Manrope,sans-serif;color:#2a523b}.stats-review-count span{font-size:10px;line-height:1.3}.stats-review-list{border-top:1px solid #edf2ee}.stats-review-item,.stats-drill-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #edf2ee}.stats-review-item:last-child,.stats-drill-row:last-child{border-bottom:0}.stats-review-item>div,.stats-drill-row>div{min-width:0}.stats-review-item strong,.stats-drill-row strong{display:block;font-size:11px;color:#294231;overflow-wrap:anywhere}.stats-review-item span,.stats-drill-row span{display:block;font-size:10px;color:#8b9c8e;margin-top:4px}.stats-review-item .text-link,.stats-drill-row .text-link{flex:none}
.stats-stages{display:grid;gap:18px}.stats-stage>div{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px}.stats-stage strong{color:#345640}.stats-stage span{color:#9aa99c}.stats-stage b{margin-left:auto;color:#315b42;white-space:nowrap}.stats-stage .stats-rank-track i{background:#8fba99}.stats-drilldown{scroll-margin-top:25px}.stats-drilldown .panel-head{align-items:start}.stats-note{color:#97a59b;font-size:11px;line-height:1.5;margin:2px 0 0}
@media(max-width:1500px){#dashboard .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-status-layout{flex-direction:column;align-items:start}}
@media(max-width:1050px){.stats-chart-grid,.stats-breakdown-grid,.stats-bottom-grid{grid-template-columns:1fr}.stats-status-layout{flex-direction:row}.stats-intro{align-items:start;flex-direction:column}.stats-toolbar{align-self:stretch}.stats-toolbar label{flex:1}.stats-toolbar select{width:100%}}
@media(max-width:700px){#dashboard .metric-grid,.stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section-head{align-items:start;gap:10px}.dashboard-section-head .text-link{max-width:120px}.stats-intro h2{font-size:23px}.stats-panel{padding:18px}.stats-panel .panel-head{flex-wrap:wrap}.stats-status-layout{flex-direction:column}.stats-review-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-series{gap:3px}.stats-series-bars{gap:2px}.stats-series-group>span{font-size:9px}.stats-bar.cost span{display:none}.stats-metric{padding:15px;min-height:107px}.stats-metric strong{font-size:19px}.sidebar nav button[data-view="statistics"]{font-size:12px}}