*{box-sizing:border-box}
.saved-note{border:1px solid #dce3ed;border-radius:6px;padding:10px;margin:8px 0;background:#f5f7fb;overflow-wrap:anywhere}.saved-note p{white-space:pre-wrap;margin:8px 0}.saved-note small{display:block;color:#64748b}.note-preview{display:block;overflow-wrap:anywhere;white-space:pre-wrap}#workspace[data-pane=detail] #note-history,#workspace[data-pane=detail] #reviewfields>h3{grid-column:1/-1}
#list-tabs{display:flex;gap:6px;margin-bottom:16px}#list-tabs button{flex:1;padding:8px 5px;min-height:44px;background:white;color:#34465e;border-color:#cbd5e1;font-size:13px}#list-tabs button[aria-pressed=true]{background:#205ad3;color:white;border-color:#205ad3}.review-badge{color:#205ad3;font-weight:600}
body{margin:0;background:#f5f7fb;color:#17263b;font:14px/1.5 system-ui,sans-serif}header{height:64px;padding:16px 28px;background:white;border-bottom:1px solid #dce3ed;display:flex;align-items:center;justify-content:space-between}header strong{font-size:20px}header span{font-weight:400;color:#52637c}button,input,select,textarea{font:inherit;border-radius:6px}button{border:1px solid #205ad3;background:#205ad3;color:white;padding:9px 14px;cursor:pointer}button.secondary{background:white;color:#34465e;border-color:#cbd5e1}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #80aaff;outline-offset:2px}input,select,textarea{width:100%;border:1px solid #cbd5e1;background:white;padding:9px;color:#17263b}label{display:block;font-weight:600;font-size:12px}label input,label select,label textarea{display:block;margin-top:5px;font-weight:400;font-size:14px}h1{font-size:28px}h2{font-size:17px;margin:0 0 12px}p{margin:8px 0 16px}.muted,.hint,.coverage{color:#64748b}.hint{font-size:12px}.coverage{padding:10px 24px;margin:0;font-size:12px}#filters{display:flex;gap:12px;align-items:end;padding:12px 24px 20px;flex-wrap:wrap}#filters label{flex:1;min-width:120px}#filters label:first-child{flex:1.4}.columns{display:grid;grid-template-columns:300px minmax(350px,1fr) 300px;border-top:1px solid #dce3ed;height:calc(100vh - 215px);min-height:450px}.columns>aside,.columns>section{background:white;padding:20px;overflow:auto;border-right:1px solid #dce3ed}.listhead{display:flex;align-items:start;justify-content:space-between;gap:10px}.listhead span{font-size:12px;color:#64748b;text-align:right}.call{display:block;background:white;border:1px solid #e0e6ef;text-align:left;color:#17263b;width:100%;margin-bottom:8px;padding:12px}.call strong,.call small{display:block}.call small{color:#64748b}.call.selected{border-color:#205ad3;background:#eff5ff}.pager{display:flex;justify-content:space-between;align-items:center;gap:5px}.pager button{padding:7px}.pager span{font-size:11px}.empty{padding:50px 20px;color:#64748b}.callhead{border-bottom:1px solid #e0e6ef;padding-bottom:12px}.callhead h1{font-size:24px;margin:0}audio{width:100%;position:sticky;top:0;margin:12px 0;z-index:1;background:#fff}.segment{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f6}.segment p{white-space:pre-wrap;margin:5px 0}.seek{padding:4px;background:#edf4ff;color:#205ad3;border:0;height:30px}.segment strong{font-size:12px;color:#52637c}.notice{padding:12px;background:#fff6de;border-radius:6px;font-size:12px}fieldset{border:0;padding:0;margin:0}#reviewpanel label{margin-top:18px}#reviewpanel button{margin-top:14px}#savestate{font-size:12px;color:#52637c}#login{margin:70px auto;max-width:380px;padding:28px;background:white;border:1px solid #e0e6ef;border-radius:10px}#login button{margin-top:18px}#loginerror{color:#ad2234}[hidden]{display:none!important}@media(min-width:1600px){.columns{grid-template-columns:340px minmax(350px,1fr) 340px}}@media(max-width:1000px){.columns{grid-template-columns:250px minmax(300px,1fr);height:auto}.columns>aside{max-height:65vh}#reviewpanel{grid-column:2}#detail{max-height:75vh}}@media(max-width:620px){header{padding:12px 16px}.coverage{padding:10px 16px}#filters{padding:12px 16px}.columns{display:block}.columns>aside{max-height:400px}.columns>section{border-top:1px solid #dce3ed}#detail{max-height:70vh}.columns{min-height:0}#login{margin:30px 16px}.pager{padding-bottom:8px}}
/* Mobile review: one task pane, native page scrolling and persistent navigation. */
#mobile-nav{display:none}
#filterbox>summary{padding:12px 24px;cursor:pointer;font-weight:600}
@media(min-width:801px){#filterbox>summary{display:none}}
@media(max-width:800px){
 body{font-size:16px}
 header{padding:10px 12px;height:64px}header strong{font-size:18px}
 button,input,select,textarea,label input,label select,label textarea{font-size:16px;min-height:44px}
 button{touch-action:manipulation}
 input,select,textarea{min-width:0;max-width:100%}
 #mobile-nav{display:flex;gap:6px;position:sticky;top:0;z-index:5;background:#f5f7fb;padding:8px 12px;border-bottom:1px solid #dce3ed;height:60px}
 #mobile-nav button{flex:1;padding:8px 4px;background:white;color:#34465e;border-color:#cbd5e1}
 #mobile-nav button[aria-pressed=true]{background:#205ad3;color:white;border-color:#205ad3}
 #filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:12px}
 #filters label{min-width:0}#filters label:first-child,#filters label:last-of-type{grid-column:1/-1}
 #filterbox>summary{min-height:44px;padding:12px}
 .coverage{padding:10px 12px;font-size:12px}
 .columns{display:block;height:auto;min-height:0}
 .columns>aside,.columns>section,#detail{max-height:none;overflow:visible;border-right:0;padding:16px 12px}
 #workspace:not([data-pane=calls]) #call-list,#workspace:not([data-pane=detail]) #detail,#workspace:not([data-pane=reviewpanel]) #reviewpanel{display:none}
 #workspace:not([data-pane=calls]) #filterbox,#workspace:not([data-pane=calls]) #coverage{display:none}
 .segment{grid-template-columns:58px minmax(0,1fr);gap:10px;scroll-margin-top:130px}
 .segment p,.callhead,#review-call{overflow-wrap:anywhere}
 .seek{height:44px;min-width:44px;font-variant-numeric:tabular-nums}
 audio{top:60px;min-width:0;max-width:100%;height:54px}
 #reviewpanel{padding-bottom:max(24px,env(safe-area-inset-bottom))}
 #reviewpanel button{display:block;width:100%}
 #notes{min-height:160px;height:28vh}
 #savestate{font-size:14px}
 #login{margin:24px 12px;padding:20px}
}
/* One shared form: desktop sidebar, mobile transcript drawer, full Review tab. */
#notes-toggle{display:none!important}
@media(max-width:800px){
 #workspace[data-pane=detail] #reviewpanel{display:block;position:fixed;z-index:6;left:0;right:0;bottom:var(--keyboard-offset,0px);max-height:var(--drawer-limit,46dvh);overflow:auto;padding:0 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid #cbd5e1;box-shadow:0 -4px 16px #17263b12;border-radius:12px 12px 0 0}
 #workspace[data-pane=detail] #notes-toggle{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;margin:0;width:100%;background:white;color:#17263b;border:0;border-radius:0;padding:10px 0;min-height:44px;text-align:left}
 #workspace[data-pane=detail] #reviewpanel>h2,#workspace[data-pane=detail] #reviewpanel>p,#workspace[data-pane=detail] #reviewfields>.hint{display:none}
 #workspace[data-pane=detail]:not(.notes-open) #reviewform{display:none}
 #workspace[data-pane=detail] #detail{padding-bottom:calc(var(--drawer-height,60px) + 24px)}
 #workspace[data-pane=detail] #reviewfields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end;margin:0;padding:0}
 #workspace[data-pane=detail] #reviewfields>label:has(#notes){grid-column:1/-1;grid-row:1}
 #workspace[data-pane=detail] #notes{height:80px;min-height:64px;resize:vertical}
 #workspace[data-pane=detail] #reviewpanel button{margin:0}
 #workspace[data-pane=detail] #reloadreview{grid-column:1/-1}
 #workspace[data-pane=detail] #savestate{margin:6px 0 0;font-size:12px}
}