/* Design Completion C: visual-only meeting/report/secondary surfaces.
   Semantic evidence state labels and audio consent are NEVER rewritten here. */
body[data-screen=live] #app { overflow:visible; }
#live .lv-now { gap:var(--tw-space-3); min-width:0; }
#live .listen { border-radius:var(--tw-radius-lg); }
#live .lv-warn { border-radius:var(--tw-radius-sm); line-height:1.65; }
#live .lv-panel { border-radius:var(--tw-radius-lg); border:1px solid var(--tw-border);
  background:var(--tw-surface); box-shadow:var(--tw-elevation-card); }
#live .lvp-head h2 { font:700 18px/1.45 var(--display); }
#live .lvp-tabs { padding:var(--tw-space-1); border-radius:var(--tw-radius-sm); }
#live .lvp-tabs [role=tab] { min-height:var(--tw-touch); }
#live .lv-cue { min-height:0; margin-top:var(--tw-space-2); }
#live #cues .cue { border-radius:var(--tw-radius-lg); padding:var(--tw-space-5); margin:0; box-shadow:var(--tw-elevation-card);
  font:650 clamp(19px,5vw,26px)/1.55 var(--body); overflow-wrap:anywhere; }
#live #cues .cue .say { font:500 clamp(16px,4vw,19px)/1.65 var(--body);
  margin-top:var(--tw-space-3); padding:var(--tw-space-3) var(--tw-space-4); border-radius:var(--tw-radius-sm); }
#live #cues .cue.old { padding:var(--tw-space-3); font-size:15px; border-radius:var(--tw-radius-md); }
#live .caption-card { border-radius:var(--tw-radius-lg); padding:var(--tw-space-4); border:1px solid var(--tw-border);
  box-shadow:var(--tw-elevation-card); background:var(--tw-surface); }
#live .caption-top { align-items:start; gap:var(--tw-space-3); }
#live .caption-top h2 { font:700 18px/1.5 var(--display); }
#live .caption-show { min-height:var(--tw-touch); border-radius:var(--tw-radius-sm);
  background:var(--tw-surface-accent); color:var(--tw-accent); border:1px solid var(--tw-border); }
#live .caption-partial { background:var(--tw-surface-muted); color:var(--tw-text-muted);
  border-radius:var(--tw-radius-sm); border-inline-start:3px solid var(--tw-positive); }
#live .caption-line { background:var(--tw-surface); border:1px solid var(--tw-border); border-radius:var(--tw-radius-md);
  padding:var(--tw-space-3) var(--tw-space-4); }
#live .caption-speaker { min-height:var(--tw-touch); border-radius:var(--tw-radius-sm); font-size:14px; }
#live .caption-provenance { font-size:12px; line-height:1.65; }
#live .caption-connection[data-alert=true] { border-inline-start:3px solid var(--tw-danger); padding-inline-start:var(--tw-space-2); }
#live .dock { padding-block:var(--tw-space-3) calc(var(--tw-space-3) + env(safe-area-inset-bottom)); }
#live .dock-in { gap:var(--tw-space-2); }
#live .dock .main { min-height:54px; border-radius:var(--tw-radius-sm); font-size:15px; }
#live .dock #end { min-width:84px; border:1.5px solid var(--tw-border); }
#live .dock .closer { font-weight:700; }
#review h1, #progress h1, #pay h1, #setup h1, #done h1, #command h1 { font:700 clamp(23px,5vw,30px)/1.4 var(--display); }
#review .j-card, #review .r-main > section, #review .r-side > section { min-width:0; border-radius:var(--tw-radius-md); }
#review :is(.j-in,.j-ta,textarea,select,input) { min-width:0; max-width:100%; font-size:16px; }
#review .j-items li { align-items:flex-start; min-width:0; }
#review .j-items .j-in { flex:1; min-width:0; }
#review .j-pos > li { background:var(--tw-surface); border-radius:var(--tw-radius-md); padding:var(--tw-space-4); }
#review .j-pos .j-src, #review .j-src.heard, #review .j-src.inferred { font-size:12px; }
#review .j-src.heard { color:var(--sky); border:1px dashed currentColor; }
#review .j-src.inferred { color:var(--amber-ink); border:1px dashed currentColor; }
#review .j-src.confirmed { color:var(--tw-positive); }
#review .r-guard { border-radius:var(--tw-radius-sm); }
#review .j-dock { gap:var(--tw-space-3); z-index:8; padding-block:var(--tw-space-3) calc(var(--tw-space-3) + env(safe-area-inset-bottom)); }
#review .j-dock .main { min-height:52px; border-radius:var(--tw-radius-sm); }
#review .j-lv-hint { line-height:1.65; }
#review .j-pos-top { gap:var(--tw-space-2); }
#pay .plan { border-radius:var(--tw-radius-lg); }
#pay .pl { border-radius:var(--tw-radius-md); padding:var(--tw-space-5); }
#pay :is(.pl .main,#payAct) { min-height:var(--tw-touch); border-radius:var(--tw-radius-sm); }
#pay .pay-state:not(.hidden) { border-radius:var(--tw-radius-sm); line-height:1.7; }
#pay .fld input { font-size:16px; min-height:50px; }
#setup :is(.deal,.card,.assist,.pledge) { border-radius:var(--tw-radius-md); }
#setup :is(.deal,.chip,.main,.menu button) { min-height:var(--tw-touch); }
#setup .menu { border:1px solid var(--tw-border); border-radius:var(--tw-radius-md); box-shadow:var(--tw-elevation-card); }
#setup .intake :is(input,textarea) { min-height:50px; font-size:16px; border-radius:var(--tw-radius-sm); }
#progress .card, #done .card, #command .cc-card { border-radius:var(--tw-radius-md); }
#command .cc-tab { min-height:var(--tw-touch); border-radius:var(--tw-radius-sm); }
#command .cc-tablewrap { overflow-x:auto; max-width:100%; }
#command .cc-card { background:var(--tw-surface); border:1px solid var(--tw-border); }
#command .cc-stat { background:var(--tw-surface-muted); border-radius:var(--tw-radius-sm); }
#command .cc-add input { background:var(--tw-surface); color:var(--tw-text); font-size:16px; }
.intro .in-demo { border-radius:var(--tw-radius-lg); }
.intro .in-tip { border-radius:var(--tw-radius-md); }
.intro .in-how li, .intro .card { border-radius:var(--tw-radius-md); }
.intro :is(button,.main,a.in-main) { min-height:var(--tw-touch); }
.sheet { border-radius:var(--tw-radius-lg); }
.sheet :is(.chip,.main,input,select,textarea) { min-height:var(--tw-touch); }
#delDlg { max-width:min(520px,calc(100vw - 24px)); }
#delDlg input { font-size:16px; }
@media (max-width:430px) {
  #live .caption-card { padding:var(--tw-space-3); }
  #live .caption-top h2 { font-size:16px; }
  #live .caption-show { padding-inline:var(--tw-space-3); font-size:12px; }
  #live #cues .cue { padding:var(--tw-space-4); }
  #live .dock { padding-inline:var(--tw-space-2); }
  #live .dock .main { font-size:13px; }
  #review .j-dock .main { font-size:14px; }
  #command .cc-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:980px) {
  #live .lv-wrap { gap:var(--tw-space-5); }
  #live .caption-history { max-height:calc(100dvh - 330px); }
  #review .r-main, #review .r-side { min-width:0; }
}
@media (prefers-reduced-motion:reduce) {
  #live #cues .cue,#live .caption-line { animation:none; transition:none; }
}