/* Uses shared theme tokens; no additional sidebar module or independent palette. */
.modal.drawer.transcript-dialog {width:min(1060px,calc(100vw - 40px));max-width:1060px}
.transcript-body {overflow:auto;padding:24px}
.transcript-hub-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.transcript-hub-head p {max-width:600px;color:var(--app-muted)}
.transcript-hub-head button {flex-shrink:0}
.transcript-records {overflow-x:auto}
.transcript-records small {display:block;margin-top:4px;color:var(--app-muted)}
.transcript-records td:last-child {min-width:160px}
.transcript-records td:last-child a {display:inline-block;margin:8px}
#transcriptForm {display:grid;gap:20px}
#transcriptForm > .field-grid {margin:0}
#transcriptForm h3 {font-size:16px;margin:0 0 12px}
.transcript-identity {padding:16px 20px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-page)}
.transcript-identity p {margin:5px 0 0;font-size:13px;color:var(--app-muted)}
.transcript-subject-row {display:grid;grid-template-columns:minmax(150px,2fr) minmax(100px,1fr) 70px repeat(2,minmax(90px,1fr)) 65px;align-items:end;gap:12px;padding:12px 0;border-bottom:1px solid var(--app-border)}
.transcript-subject-row label {min-width:0}
.transcript-subject-row button {min-height:44px}
#transcriptForm [hidden] {display:none!important}
#transcriptForm [data-add-subject] {margin-top:12px}
.transcript-preview-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.transcript-preview-dialog {width:min(1100px,calc(100vw - 32px));height:calc(100dvh - 48px);max-height:900px;max-width:none;padding:0;border:1px solid var(--app-border);border-radius:12px;background:var(--app-card,#fff);color:var(--app-text);overflow:hidden}
.transcript-preview-dialog[open] {display:flex;flex-direction:column}
.transcript-preview-dialog::backdrop {background:rgb(20 35 48 / 55%)}
.transcript-preview-dialog > header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--app-border);flex-shrink:0;flex-wrap:wrap}
.transcript-preview-dialog h2 {font-size:18px;margin:0}
.transcript-preview-dialog header > div {display:flex;gap:8px;flex-wrap:wrap}
.transcript-preview-dialog iframe {display:block;width:100%;flex:1;min-height:0;border:0;background:#fff}
#transcriptForm .modal-actions {display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--app-border)}
#transcriptForm .check-label {display:flex;align-items:flex-start;gap:10px}
@media(max-width:700px){
  .modal.drawer.transcript-dialog {width:calc(100vw - 24px)}
  .transcript-hub-head {align-items:stretch;flex-direction:column}
  .transcript-subject-row {grid-template-columns:1fr 1fr}
  .transcript-subject-row > label:first-child {grid-column:1/-1}
  .transcript-subject-row > button {justify-self:start}
  #transcriptForm .field-grid {grid-template-columns:1fr}
}