.asr-sidebar{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;overflow-wrap:anywhere}
.asr-auto-switch{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);text-align:left}.asr-auto-switch:hover{background:#f1f6f2}.asr-auto-label{flex:1;min-width:0;font-weight:600}.asr-auto-state{font-size:12px;color:var(--muted);white-space:nowrap}.asr-switch-track{position:relative;display:block;flex:0 0 40px;height:24px;border-radius:20px;background:#929f99;transition:background .15s}.asr-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .15s}.asr-auto-switch[aria-checked=true] .asr-switch-track{background:var(--green)}.asr-auto-switch[aria-checked=true] .asr-switch-track:after{transform:translateX(16px)}.asr-auto-switch:focus-visible{outline:3px solid var(--green);outline-offset:3px}.asr-auto-switch:disabled{opacity:.65;cursor:wait}@media(prefers-reduced-motion:reduce){.asr-switch-track,.asr-switch-track:after{transition:none}}
.asr-current{margin:12px 0;padding:12px;background:#f1f6f2;border:1px solid var(--line);border-radius:10px}.asr-current .asr-state{margin-top:0}.asr-current progress{display:block;width:100%;height:10px;accent-color:var(--green)}.asr-current progress[hidden]{display:none}.asr-current .stat-note{margin-bottom:0}
.asr-overall-counts{white-space:pre-line;line-height:1.9;font-size:13px;margin:8px 0}.asr-current #asr-overall-eta{margin:10px 0 0}
.asr-view-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;margin:14px 0}.asr-view-switch button{flex:1;min-width:0;background:transparent;color:var(--muted);white-space:normal}.asr-view-switch button[aria-pressed=true]{background:var(--green);color:white}
.asr-preview{font-size:13px;line-height:1.75;margin:10px 0;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.asr-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.asr-heading h2{font-size:20px}.asr-heading h3{font-size:14px;margin:0;min-width:0}
.asr-sidebar .stat-note{font-size:12px;line-height:1.65;margin:8px 0}.asr-sidebar #asr-policy{padding:10px;background:#edf4ed;border-radius:8px;color:#345a49}
.asr-list{display:grid;gap:10px;margin-top:14px}.asr-recording{min-width:0;border:1px solid var(--line);border-radius:10px;padding:13px}.asr-recording h3{font-size:13px;margin:0;font-weight:600}.asr-recording button{margin:4px 6px 0 0;white-space:normal;text-align:left;font-size:12px;padding:7px 10px}.asr-recording progress{width:100%;height:7px;accent-color:var(--green)}
.asr-state{font-size:12px;font-weight:600;color:var(--green);margin:8px 0}.asr-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.asr-pagination button{padding:7px 10px;font-size:12px}.asr-pagination span{font-size:12px;color:var(--muted)}
.asr-detail{margin:16px 0;padding:12px;background:#f6f8f3;border:1px solid #cddccd;border-radius:10px}.asr-detail .asr-heading{align-items:flex-start}.asr-detail .quiet{padding:3px 0;flex-shrink:0;font-size:12px}#asr-text{display:grid;gap:8px;max-height:52vh;overflow-y:auto;margin-top:10px}.asr-detail .transcription-segment{background:white;border-color:var(--line);font-size:13px}
@media(min-width:1101px){
 body:has(#dashboard:not([hidden])) main{max-width:1840px;padding-left:28px;padding-right:28px}
 #dashboard{display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:24px;align-items:start}
 #dashboard>*{grid-column:1;min-width:0}
 #dashboard>.asr-sidebar{grid-column:2;grid-row:1 / span 8;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain}
}
@media(min-width:1101px) and (max-width:1400px){#dashboard{grid-template-columns:minmax(0,1fr) 360px;column-gap:20px}.recording-workspace{grid-template-columns:230px minmax(0,1fr);gap:16px}.recording-workspace #player-panel{padding:18px}.asr-sidebar{padding:16px}}
@media(max-width:1100px){.asr-sidebar{margin-top:20px}.asr-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.asr-sidebar{padding:16px}.asr-list{grid-template-columns:minmax(0,1fr)}}
.asr-model-control{display:grid;gap:6px;font-size:13px;margin:10px 0}.asr-model-control select{width:100%;min-width:0}