:root {
  --at-navy: #0b1f33;
  --at-navy-2: #12314d;
  --at-teal: #14b8a6;
  --at-teal-dark: #0f766e;
  --at-bg: #f4f7f9;
  --at-border: #dbe5ea;
  --at-text: #172b3a;
  --at-muted: #607383;
  --at-sidebar: 272px;
  --at-sidebar-current: var(--at-sidebar);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--at-bg); color: var(--at-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--at-teal-dark); }
a:hover { color: #0b5e58; }
:focus-visible { outline: 3px solid #2dd4bf; outline-offset: 3px; border-radius: .35rem; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 2000; background: white; color: var(--at-navy); padding: .75rem 1rem; }
.skip-link:focus { top: 1rem; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--at-sidebar-current); display: flex; flex-direction: column; padding: 1.25rem; background: var(--at-navy); color: white; z-index: 1030; overflow: hidden; }
.brand { display: flex; align-items: center; gap: .75rem; color: white; text-decoration: none; font-size: 1.2rem; font-weight: 750; letter-spacing: -.02em; }
.brand:hover { color: white; }
.brand-mark-tile { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border-radius: .75rem; }
.brand-mark { width: 48px; height: 48px; object-fit: contain; }
.sidebar-header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; flex: 0 0 auto; margin-bottom: 1.4rem; }
.sidebar-header .brand { min-width: 0; }
.brand-name { overflow: hidden; white-space: nowrap; }
.sidebar-collapse-toggle { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; padding: 0; border: 1px solid rgba(255,255,255,.16); border-radius: .55rem; background: rgba(255,255,255,.06); color: #c8d6df; }
.sidebar-collapse-toggle:hover { background: rgba(255,255,255,.12); color: white; }
.sidebar-scroll { min-height: 0; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; padding-right: .25rem; scrollbar-width: thin; scrollbar-color: #476174 transparent; }
.primary-links { margin-bottom: 1rem; }
.sidebar-section { margin-top: .35rem; }
.sidebar-section-toggle { display: flex; align-items: center; justify-content: space-between; min-height: 40px; padding: .55rem .75rem; border-radius: .6rem; color: #8ea8bb; cursor: pointer; font-size: .7rem; font-weight: 750; letter-spacing: .11em; list-style: none; text-transform: uppercase; }
.sidebar-section-toggle::-webkit-details-marker { display: none; }
.sidebar-section-toggle:hover { background: rgba(255,255,255,.06); color: #c8d6df; }
.sidebar-section-toggle .bi { font-size: .72rem; transition: transform .15s ease; }
.sidebar-section[open] .sidebar-section-toggle .bi { transform: rotate(180deg); }
.sidebar-section .side-nav { padding: .2rem 0 .55rem; }
.side-nav { display: grid; gap: .25rem; }
.side-link { display: flex; align-items: center; gap: .75rem; min-height: 42px; padding: .6rem .75rem; border-radius: .65rem; color: #c8d6df; text-decoration: none; font-weight: 600; }
.side-link:hover, .side-link.active { background: rgba(255,255,255,.1); color: white; }
.side-link.active { box-shadow: inset 3px 0 var(--at-teal); }
.side-link .bi { width: 1.1rem; color: #8eb7c6; font-size: 1rem; }
.side-link.active .bi { color: var(--at-teal); }
.side-link.disabled { color: #718899; cursor: not-allowed; }
.coming-pill { margin-left: auto; padding: .13rem .38rem; border: 1px solid #506a7c; border-radius: 99px; font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
.sidebar-footer { flex: 0 0 auto; margin-top: 1rem; padding-top: .35rem; background: var(--at-navy); }
.user-chip { display:flex; align-items:center; gap:.7rem; padding:.75rem; border-top:1px solid rgba(255,255,255,.12); color:#c8d6df; font-size:.85rem; }
.user-chip-link { border-radius:.55rem; text-decoration:none; }
.user-chip-link:hover,.user-chip-link:focus-visible,.user-chip-link.active { background:rgba(255,255,255,.09); color:#fff; }
.user-chip-copy { min-width:0; overflow:hidden; }
.user-chip-copy strong,.user-chip-copy>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-avatar { width:40px; height:40px; flex:0 0 auto; border-radius:50%; object-fit:cover; background:#dfe9ee; color:var(--at-navy); }
.profile-avatar-placeholder { display:grid; place-items:center; }
.profile-avatar-lg { width:88px; height:88px; font-size:2rem; }
.profile-image-editor { display:flex; align-items:center; gap:1rem; margin-bottom:.5rem; }
.agency-logo { display:block; max-width:240px; max-height:120px; object-fit:contain; border:1px solid var(--at-border); border-radius:.65rem; padding:.5rem; background:#fff; }
.agency-list-identity { display:flex; align-items:center; gap:.65rem; color:var(--at-navy); text-decoration:none; }
.agency-logo-sm { width:42px; height:42px; flex:0 0 auto; object-fit:contain; border:1px solid var(--at-border); border-radius:.45rem; padding:.2rem; background:#fff; }
.agency-logo-placeholder { display:grid; place-items:center; color:var(--at-muted); }
.app-main { min-height: 100vh; margin-left: var(--at-sidebar-current); }
.sidebar, .app-main { transition: width .18s ease, margin-left .18s ease; }
.sidebar-resize-handle { position: absolute; inset: 0 -4px 0 auto; width: 8px; cursor: ew-resize; touch-action: none; }
.sidebar-resize-handle::after { content: ""; position: absolute; inset: 0 3px; background: transparent; }
.sidebar-resize-handle:hover::after, .sidebar-resize-handle:focus-visible::after, .sidebar.is-resizing .sidebar-resize-handle::after { background: var(--at-teal); }
.sidebar.is-resizing, .sidebar.is-resizing + .app-main { transition: none; user-select: none; }
.sidebar.is-collapsed { padding-inline: .75rem; }
.sidebar.is-collapsed .sidebar-header { justify-content: center; flex-direction: column; }
.sidebar.is-collapsed .brand-name, .sidebar.is-collapsed .sidebar-section, .sidebar.is-collapsed .user-chip { display: none; }
.sidebar.is-collapsed .side-link { justify-content: center; gap: 0; padding-inline: .5rem; font-size: 0; }
.sidebar.is-collapsed .side-link .bi { width: auto; font-size: 1.15rem; }
.sidebar.is-collapsed .side-link-label { display: none; }
.sidebar.is-collapsed .sidebar-footer { border-top: 1px solid rgba(255,255,255,.12); padding-top: .75rem; }
.sidebar.is-collapsed .sidebar-resize-handle { display: none; }
.mobile-bar { display: none; height: 64px; align-items: center; justify-content: space-between; padding: 0 1rem; background: var(--at-navy); }
.content-wrap { width: min(1280px, 100%); margin: 0 auto; padding: 2.5rem 3rem 4rem; }
.page-eyebrow { margin-bottom: .35rem; color: var(--at-teal-dark); font-size: .76rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.page-title { margin: 0; color: var(--at-navy); font-size: clamp(1.8rem, 3vw, 2.55rem); font-weight: 760; letter-spacing: -.035em; }
.page-subtitle { max-width: 720px; margin: .5rem 0 0; color: var(--at-muted); }
.page-header { display: flex; align-items: start; justify-content: space-between; gap: 1.5rem; margin-bottom: 2rem; }
.btn-primary { --bs-btn-bg: var(--at-teal-dark); --bs-btn-border-color: var(--at-teal-dark); --bs-btn-hover-bg: #0b5e58; --bs-btn-hover-border-color: #0b5e58; font-weight: 650; }
.btn-outline-primary { --bs-btn-color: var(--at-teal-dark); --bs-btn-border-color: var(--at-teal-dark); --bs-btn-hover-bg: var(--at-teal-dark); --bs-btn-hover-border-color: var(--at-teal-dark); }
.card { border: 1px solid rgba(11,31,51,.07); border-radius: 1rem; box-shadow: 0 .4rem 1.8rem rgba(25,53,72,.07); }
.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.stat-card { padding: 1.2rem 1.3rem; background: white; border: 1px solid var(--at-border); border-radius: .9rem; }
.stat-label { color: var(--at-muted); font-size: .8rem; font-weight: 650; }
.stat-value { margin-top: .3rem; color: var(--at-navy); font-size: 1.75rem; font-weight: 760; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2rem 0 1rem; }
.section-heading h2 { margin: 0; color: var(--at-navy); font-size: 1.12rem; font-weight: 730; }
.tool-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; }
.tool-card { position: relative; display: flex; min-height: 220px; flex-direction: column; padding: 1.35rem; overflow: hidden; background: white; border: 1px solid var(--at-border); border-radius: 1rem; color: var(--at-text); text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.tool-card:hover { color: var(--at-text); transform: translateY(-2px); border-color: #9bcfc9; box-shadow: 0 .75rem 2rem rgba(25,53,72,.11); }
.tool-card.primary-tool { background: var(--at-navy); border-color: var(--at-navy); color: white; }
.tool-card.primary-tool:hover { color: white; }
.tool-card.unavailable { background: #edf2f4; color: #526876; }
.tool-icon { display: grid; width: 42px; height: 42px; margin-bottom: 1rem; place-items: center; border-radius: .75rem; background: #d9f5f1; color: var(--at-teal-dark); font-size: 1.15rem; }
.primary-tool .tool-icon { background: rgba(20,184,166,.16); color: #5eead4; }
.tool-card h3 { margin: 0 0 .45rem; font-size: 1rem; font-weight: 730; }
.tool-card p { margin: 0 0 1rem; color: inherit; font-size: .86rem; line-height: 1.55; opacity: .82; }
.tool-action { margin-top: auto; font-size: .8rem; font-weight: 700; }
.project-table { margin: 0; }
.project-table th { padding: 1rem 1.25rem; color: var(--at-muted); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.project-table td { padding: 1rem 1.25rem; border-color: #e9eff2; }
.project-name { color: var(--at-navy); font-weight: 700; text-decoration: none; }
.status-badge { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .58rem; border-radius: 99px; font-size: .72rem; font-weight: 700; text-transform: capitalize; }
.status-draft, .status-uploading { background: #e7eef2; color: #425b6b; }
.status-ready { background: #e7eef2; color: #425b6b; }
.status-queued, .status-processing { background: #fff3cd; color: #765300; }
.status-succeeded { background: #d7f3e8; color: #0b6249; }
.status-complete { background: #d7f3e8; color: #0b6249; }
.status-failed { background: #fde2e2; color: #9b2525; }
.project-header { padding: 1.5rem; background: linear-gradient(135deg, var(--at-navy), var(--at-navy-2)); border-radius: 1rem; color: white; }
.project-header .page-title { color: white; }
.project-workspace { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 1.5rem; margin-top: 1.5rem; }
.workspace-nav { position: sticky; top: 1.5rem; align-self: start; padding: .75rem; background: white; border: 1px solid var(--at-border); border-radius: .9rem; }
.workspace-link { display: flex; align-items: center; gap: .6rem; padding: .65rem .7rem; border-radius: .55rem; color: #486070; font-size: .84rem; font-weight: 650; text-decoration: none; }
.workspace-link:hover, .workspace-link.active { background: #e8f7f5; color: #0c625c; }
.workspace-link.disabled { color: #9aa8b1; cursor: not-allowed; }
.workspace-panel { min-width: 0; }
.content-card { padding: 1.5rem; margin-bottom: 1.25rem; }
.content-card h2 { color: var(--at-navy); font-size: 1.08rem; font-weight: 730; }
.recommendation { display: flex; gap: 1rem; padding: 1.1rem; background: #e8f7f5; border: 1px solid #bce5df; border-radius: .8rem; }
.empty-state { padding: 3.5rem 1.5rem; text-align: center; color: var(--at-muted); }
.empty-state .bi { display: block; margin-bottom: .75rem; color: #8ba1af; font-size: 2rem; }
.form-stack { display: grid; gap: 1.35rem; }
.form-field { min-width: 0; }
.form-section { display: grid; gap: 1rem; }
.form-section h2 { margin-bottom: 0; }
.form-grid { display: grid; gap: 1rem; }
.form-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.form-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; }
.form-label { display: flex; align-items: center; gap: .55rem; margin-bottom: .5rem; color: var(--at-navy); font-size: .9rem; font-weight: 700; }
.optional-label { padding: .12rem .42rem; border-radius: 99px; background: #e8f7f5; color: #0c625c; font-size: .64rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.form-help { margin-top: .45rem; color: var(--at-muted); font-size: .8rem; line-height: 1.5; }
.field-errors, .field-errors .errorlist, .errorlist { margin: .45rem 0 0; padding: 0; color: #a52121; font-size: .82rem; list-style: none; }
.form-control, .form-select { width: 100%; min-height: 48px; padding: .7rem .85rem; border-color: #b9cbd5; border-radius: .65rem; background-color: #fff; color: var(--at-text); }
textarea.form-control { min-height: 118px; resize: vertical; }
.form-control::placeholder { color: #8295a2; }
.form-control:focus, .form-select:focus { border-color: var(--at-teal); box-shadow: 0 0 0 .25rem rgba(20,184,166,.15); }
.form-control:disabled, .form-select:disabled, .form-control[readonly] { background:#edf2f4; color:#607383; opacity:1; cursor:not-allowed; }
.form-check { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:.35rem .65rem; min-height:1.5rem; padding-left:0; }
.form-check .form-check-input { position:static; float:none; width:1.15rem; height:1.15rem; margin:.15rem 0 0; border-color:#91a8b6; }
.form-check .form-check-label { color:var(--at-navy); font-weight:700; }
.form-check .form-help,.form-check .field-errors { grid-column:2; margin-top:0; }
.choice-fieldset,.qc-review-fieldset,.qc-client-fieldset,.audio-feedback-fieldset { min-width:0; margin:0; padding:0; border:0; }
.choice-fieldset>legend,.qc-review-fieldset>legend,.qc-client-fieldset>legend,.audio-feedback-fieldset>legend { width:auto; margin:0 0 .5rem; color:var(--at-navy); font-size:.9rem; font-weight:700; }
.choice-fieldset>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem 1rem; }
.choice-fieldset>div>div label { display:flex; align-items:flex-start; gap:.55rem; padding:.55rem .65rem; border:1px solid var(--at-border); border-radius:.6rem; background:#fbfcfd; }
.choice-fieldset input[type=checkbox] { flex:0 0 auto; width:1.15rem; height:1.15rem; margin-top:.18rem; border:1px solid #91a8b6; border-radius:.25rem; accent-color:var(--at-teal-dark); }
.role-fields { min-width:0; margin:0; padding:1rem; border:1px solid var(--at-border); border-radius:.75rem; }
.role-fields>legend { float:none; width:auto; margin:0; padding:0 .25rem; }
.role-fields[hidden] { display:none; }
.status-warning { background:#fff3cd; color:#715900; }
.organization-list .list-group-item { padding:1rem 0; border-color:var(--at-border); background:transparent; }
.specialty-pill { padding:.2rem .5rem; border-radius:99px; background:#e8f7f5; color:#0c625c; font-size:.72rem; font-weight:700; }
.empty-list-message { padding:1.5rem 0; color:var(--at-muted); }
.qc-config-form { margin-top:1rem; }
.qc-review-fieldset,.qc-client-fieldset { padding-top:1rem; border-top:1px solid var(--at-border); }
.qc-review-row { display:grid; grid-template-columns:7rem minmax(0,1fr) minmax(0,1fr); align-items:start; gap:1rem; padding:1rem 0; border-bottom:1px solid #e9eff2; }
.qc-review-number { padding-top:2.45rem; color:var(--at-navy); }
.qc-review-row .form-field { margin:0; }
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; background: linear-gradient(145deg, var(--at-navy), #163d5d); }
.auth-card { width: min(460px, 100%); padding: 2rem; background: white; border-radius: 1.1rem; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.22); }
.auth-brand { flex-direction: column; justify-content: center; gap: .5rem; margin-bottom: 1.5rem; color: var(--at-navy); text-align: center; }
.auth-brand .brand-mark-tile, .auth-brand .brand-mark { width: 64px; height: 64px; }
.auth-card .form-stack { text-align: left; }
.auth-brand:hover { color: var(--at-navy); }
@media (max-width: 1100px) { .tool-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 767.98px) {
  html { scroll-behavior: auto; }
  .sidebar { display: none; }
  .mobile-bar { display: flex; }
  .app-main { margin-left: 0; }
  .content-wrap { padding: 1.5rem 1rem 3rem; }
  .page-header { align-items: stretch; flex-direction: column; }
  .page-header .btn { width: 100%; }
  .tool-grid, .stat-grid { grid-template-columns: 1fr; }
  .project-workspace { grid-template-columns: 1fr; }
  .workspace-nav { position: static; display: flex; gap: .25rem; overflow-x: auto; }
  .workspace-link { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
.transcript-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.5fr) minmax(240px,.65fr);gap:1rem;align-items:start}.transcript-media-panel,.transcript-editor-panel,.transcript-history-panel,.transcript-viewer{padding:1rem}.transcript-media-panel{position:sticky;top:1rem}.transcript-media-panel video{display:block;width:100%;max-height:55vh;background:#071a2c;border-radius:.7rem}.transcript-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--at-border);padding-bottom:.8rem;margin-bottom:.8rem}.speaker-roster{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.speaker-chip{background:#e5f8f5;color:#0b665e;border-radius:999px;padding:.3rem .65rem}.transcript-passage{display:grid;grid-template-columns:4rem 9rem 1fr;gap:.55rem;align-items:start;padding:.7rem 0;border-bottom:1px solid var(--at-border)}.timecode{border:0;background:transparent;color:#087f73;text-decoration:underline;font-variant-numeric:tabular-nums;padding:.25rem}.passage-text{min-height:2.5rem;border:1px solid transparent;border-radius:.45rem;padding:.35rem .5rem;line-height:1.6}.passage-text:focus{border-color:#14b8a6;outline:3px solid rgba(20,184,166,.2)}.transcript-history-panel h2{font-size:1rem}.history-item{border-bottom:1px solid var(--at-border);padding:.55rem 0}.viewer-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.4fr);gap:1rem;align-items:start}.viewer-passage{display:grid;grid-template-columns:4rem 9rem 1fr;gap:.5rem;padding:.65rem 0;border-bottom:1px solid var(--at-border)}.viewer-passage h2{font-size:.95rem;margin:.25rem 0}.viewer-passage p{line-height:1.8;margin:0}.viewer-word{border-radius:.2rem;padding:.08rem}.viewer-word.active{background:#b9f3eb;color:#073b37}.status-extracting,.status-submitted,.status-queued,.status-processing{background:#fff3cd;color:#785b00}.status-completed{background:#d8f5eb;color:#075a45}.status-failed{background:#f8d7da;color:#842029}
@media(max-width:1200px){.transcript-layout{grid-template-columns:1fr 1.5fr}.transcript-history-panel{grid-column:1/-1}.viewer-layout{grid-template-columns:1fr 1.5fr}}@media(max-width:760px){.transcript-layout,.viewer-layout{grid-template-columns:1fr}.transcript-media-panel{position:static}.transcript-passage,.viewer-passage{grid-template-columns:4rem 1fr}.passage-text,.viewer-passage p{grid-column:1/-1}}

/* Dedicated transcript studio and interactive viewer */
.transcript-studio-page .sidebar,.transcript-studio-page .mobile-bar,.transcript-viewer-page .sidebar,.transcript-viewer-page .mobile-bar{display:none!important}.transcript-studio-page .app-main,.transcript-viewer-page .app-main{margin-left:0}.transcript-studio-page .content-wrap,.transcript-viewer-page .content-wrap{width:100%;max-width:none;padding:0}.transcript-viewer-page .auth-shell{display:block;min-height:100vh;padding:0;background:var(--at-bg)}.transcript-viewer-page .auth-card{width:100%;max-width:none;min-height:100vh;padding:0;border-radius:0;box-shadow:none;background:var(--at-bg)}.transcript-viewer-page .auth-brand{display:none}
.transcript-studio{min-height:100vh;background:#eef3f6}.transcript-studio-header{height:64px;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:1rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--at-border);background:#fff}.transcript-studio-header>.btn{justify-self:end}.transcript-back{display:inline-flex;align-items:center;gap:.45rem;width:max-content;color:var(--at-navy);font-weight:700;text-decoration:none}.transcript-title{display:flex;flex-direction:column;align-items:center;min-width:0}.transcript-title span{color:var(--at-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.transcript-title strong{max-width:min(42vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--at-navy)}
.transcript-menubar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.2rem;min-height:46px;padding:.35rem 1rem;border-bottom:1px solid var(--at-border);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 4px 14px rgba(11,31,51,.06)}.transcript-menu-button{padding:.4rem .65rem;border:0;border-radius:.4rem;background:transparent;color:var(--at-text);font-weight:600}.transcript-menu-button:hover,.transcript-menu-button:focus-visible{background:#e8f1f4}.transcript-save-state{margin-left:auto;color:var(--at-muted);font-size:.86rem}.transcript-save-state.is-dirty{color:#8a5a18}.transcript-save-state.is-saving{color:#375a7f}.transcript-save-state.is-saved{color:#087f73}.transcript-save-state.is-error{max-width:420px;color:#a52834;font-weight:700}
.transcript-format-tools{display:flex;align-items:center;gap:.15rem;margin:0 .25rem;padding-left:.45rem;border-left:1px solid var(--at-border)}.transcript-format-button{display:grid;place-items:center;min-width:2rem;height:2rem;padding:.2rem .42rem;border:1px solid transparent;border-radius:.4rem;background:transparent;color:var(--at-text);font-family:inherit;font-size:.92rem;font-weight:700;line-height:1}.transcript-format-button:hover,.transcript-format-button:focus-visible{border-color:#9ccdc7;background:#e8f6f3;outline:0}.transcript-format-button[aria-pressed=true]{border-color:#49a99d;background:#ccefe9;color:#075a50}.transcript-format-button:disabled{opacity:.45;cursor:not-allowed}.transcript-highlight-button span{padding:0 .15rem;border-bottom:.32rem solid #f2cf45}.transcript-clear-format-button span{text-decoration:line-through;text-decoration-color:#a52834}
.transcript-studio-workspace,.interactive-transcript-workspace{--media-share:38%;display:grid;grid-template-columns:minmax(280px,var(--media-share)) 14px minmax(420px,1fr);align-items:start;gap:0;max-width:1800px;margin:0 auto;padding:1.25rem}.transcript-studio-video{position:sticky;top:66px;min-width:0;padding-right:1rem}.transcript-studio-video video,.interactive-video-panel video{display:block;width:100%;max-height:66vh;border-radius:.7rem;background:#071a2c}.transcript-playback-readout{display:flex;align-items:baseline;gap:.55rem;padding:.65rem .1rem;color:var(--at-muted)}.transcript-playback-readout strong{color:var(--at-navy);font-variant-numeric:tabular-nums}
.transcript-split-handle{align-self:stretch;display:grid;place-items:center;min-height:240px;cursor:col-resize;touch-action:none}.transcript-split-handle span{display:block;width:4px;height:72px;border-radius:99px;background:#9eb2be}.transcript-split-handle:hover span,.transcript-split-handle:focus-visible span{background:var(--at-teal-dark)}
.transcript-document{min-width:0;overflow:hidden;border:1px solid var(--at-border);border-radius:.8rem;background:#fff;box-shadow:0 10px 32px rgba(25,53,72,.08)}.transcript-document-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--at-border);background:#f9fbfc}.transcript-document-heading>div{display:flex;flex-direction:column}.transcript-document-heading span{color:var(--at-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.transcript-document-heading strong{font-size:1.15rem}.transcript-document-heading p{max-width:360px;margin:0;color:var(--at-muted);font-size:.85rem}.transcript-document-row{display:grid;grid-template-columns:4.5rem minmax(8rem,11rem) minmax(0,1fr) 6.5rem;align-items:start;gap:.7rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--at-border);transition:background .15s,box-shadow .15s}.transcript-document-row:last-child{border-bottom:0}.transcript-document-row:hover{background:#fbfdfd}.transcript-document-row.is-active{background:#effbf8;box-shadow:inset 4px 0 var(--at-teal)}.transcript-timecode{border:0;background:transparent;color:#087f73;text-decoration:underline;font:700 .82rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;padding:.35rem .2rem;cursor:pointer}.transcript-speaker-button{border:0;border-radius:.4rem;background:transparent;color:#0b665e;font-weight:750;text-align:left;padding:.35rem .45rem;cursor:pointer}.transcript-speaker-button::after{content:' ▾';font-size:.7em}.transcript-speaker-button:hover,.transcript-speaker-button:focus-visible{background:#e5f8f5}.transcript-editable-text{min-width:0;min-height:2.2rem;padding:.3rem .45rem;border-radius:.4rem;color:var(--at-text);font:1rem/1.72 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;outline:none}.transcript-editable-text:hover{background:#f7fafb}.transcript-editable-text:focus{background:#fff;box-shadow:0 0 0 2px var(--at-teal)}.transcript-editable-text mark,.viewer-word mark,.viewer-passage>p>mark,.transcript-text-highlight{padding:0;background:#fff0a6;color:inherit}.transcript-review-status{justify-self:end;min-width:6rem;padding:.35rem .55rem;border:1px solid var(--at-border);border-radius:999px;background:#f5f7f8;color:#526473;font-size:.76rem;font-weight:750}.transcript-review-status:hover,.transcript-review-status:focus-visible{outline:2px solid var(--at-teal);outline-offset:1px}.transcript-review-status.is-edited{border-color:#e5ba5d;background:#fff5d9;color:#75510b}.transcript-review-status.is-complete{border-color:#72c7ad;background:#dcf5ec;color:#075a45}.transcript-review-status:disabled{opacity:.65;cursor:not-allowed}
.speaker-popover{position:fixed;z-index:1080;width:min(320px,calc(100vw - 2rem));max-height:calc(100vh - 24px);overflow:auto;padding:.55rem;border:1px solid var(--at-border);border-radius:.7rem;background:#fff;box-shadow:0 18px 45px rgba(11,31,51,.22)}.speaker-popover [role=listbox]{max-height:250px;overflow:auto;margin:.4rem 0}.speaker-popover [role=option],.speaker-popover-actions button{display:block;width:100%;padding:.6rem .65rem;border:0;border-radius:.35rem;background:transparent;text-align:left}.speaker-popover [role=option]:hover,.speaker-popover [role=option]:focus,.speaker-popover-actions button:hover{background:#e8f5f3}.speaker-popover-actions{padding-top:.35rem;border-top:1px solid var(--at-border)}
.transcript-dialog{width:min(94vw,780px);max-height:88vh;padding:0;border:0;border-radius:1rem;box-shadow:0 25px 75px rgba(11,31,51,.34)}.transcript-dialog::backdrop{background:rgba(7,26,44,.62)}.transcript-dialog>header,.transcript-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}.transcript-dialog>header{border-bottom:1px solid var(--at-border)}.transcript-dialog>header span{color:var(--at-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.transcript-dialog h2{margin:0;font-size:1.35rem}.transcript-dialog>footer{justify-content:flex-end;border-top:1px solid var(--at-border)}.transcript-dialog-body{max-height:65vh;overflow:auto;padding:1.2rem}.dialog-close{border:0;background:transparent;color:var(--at-muted);font-size:2rem;line-height:1}.speaker-manager-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--at-border)}.speaker-manager-row label{display:grid;gap:.3rem;font-weight:700}.version-history-item{display:grid;gap:.45rem;padding:1rem 0;border-bottom:1px solid var(--at-border)}.version-history-item small{color:var(--at-muted)}.version-history-item details p{max-height:9rem;overflow:auto;margin:.5rem 0;padding:.65rem;border-radius:.5rem;background:#f4f7f9}.version-history-item .btn{justify-self:start}.share-link-item{display:flex;align-items:center;gap:.65rem;padding:.7rem 0;border-bottom:1px solid var(--at-border)}.share-link-item span{color:var(--at-muted);font-size:.88rem}.share-link-item .btn{margin-left:auto}.audio-feedback-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.audio-feedback-controls audio,.qc-feedback-card audio{max-width:100%}.qc-feedback-card{display:grid;gap:.55rem;margin-bottom:.75rem;padding:.85rem;border:1px solid var(--at-border);border-radius:.65rem;background:#f9fbfc}.qc-feedback-card p{margin:0;color:var(--at-muted)}.qc-feedback-actions{display:flex;flex-wrap:wrap;gap:.5rem}.narration-check-item{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.6rem;padding:.8rem;border:1px solid var(--at-border);border-radius:.65rem;background:#f9fbfc}.narration-check-item .form-check-input{flex:0 0 auto;margin-top:.2rem}
.interactive-transcript{min-height:100vh;padding:1rem 1.25rem 1.5rem;background:var(--at-bg)}.interactive-transcript-header{max-width:1800px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.interactive-transcript-header h1{margin:.2rem 0 0;color:var(--at-navy);font-size:clamp(1.45rem,3vw,2.2rem)}.interactive-transcript-header p{margin:0;color:var(--at-muted)}.interactive-transcript-brand{color:var(--at-teal-dark);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.interactive-transcript-workspace{--media-share:55%;padding:0;grid-template-columns:minmax(320px,var(--media-share)) 14px minmax(360px,1fr)}.interactive-video-panel{position:sticky;top:1rem;min-width:0;padding-right:1rem}.interactive-transcript-panel{--transcript-font:'Open Sans',sans-serif;--transcript-size:18px;--transcript-color:#172b3a;--transcript-background:#fff;--transcript-highlight:#b9f3eb;display:flex;flex-direction:column;height:min(78vh,820px);min-height:380px;min-width:0;overflow:hidden;border:1px solid var(--at-border);border-radius:.8rem;background:var(--transcript-background);box-shadow:0 10px 32px rgba(25,53,72,.08)}.interactive-transcript-toolbar{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--at-border);background:rgba(255,255,255,.78)}.interactive-transcript-scroll{flex:1;overflow:auto;padding:1rem 1.25rem;color:var(--transcript-color);background:var(--transcript-background);font-family:var(--transcript-font);font-size:var(--transcript-size);line-height:1.75;scroll-behavior:smooth}.viewer-passage{display:block;grid-template-columns:none;margin:0 0 1.2em;padding:.35rem;border-radius:.4rem}.viewer-passage:focus-visible{outline:3px solid var(--at-teal);outline-offset:2px}.viewer-passage-heading{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.18rem}.viewer-passage-heading strong{font-size:.92em}.viewer-passage p{margin:0}.viewer-word{appearance:none;margin:0;padding:.04em .08em;border:0;border-radius:.2em;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer}.viewer-word:hover,.viewer-word:focus-visible{background:color-mix(in srgb,var(--transcript-highlight) 55%,transparent)}.viewer-word.is-active{background:var(--transcript-highlight);box-shadow:0 0 0 2px var(--transcript-highlight)}
.transcript-display-dialog{width:min(94vw,680px)}.transcript-display-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.transcript-setting{display:flex;flex-direction:column;gap:.4rem;font-weight:700}.transcript-setting input[type=color]{width:100%;height:2.6rem}.font-picker{position:relative}.font-picker-button{width:100%;padding:.65rem;text-align:left;background:#fff;border:1px solid #aebec8;border-radius:.4rem}.font-picker-options{position:absolute;z-index:4;inset:calc(100% + 4px) 0 auto;max-height:230px;overflow:auto;border:1px solid #aebec8;border-radius:.4rem;background:#fff;box-shadow:0 10px 25px rgba(11,31,51,.16)}.font-picker-options button{display:block;width:100%;padding:.6rem;border:0;background:#fff;text-align:left}.font-picker-options button:hover,.font-picker-options button:focus{background:#e8f5f3}.transcript-auto-scroll,.contrast-warning,.transcript-display-preview{grid-column:1/-1}.contrast-warning{margin:0;color:#9b241b}.transcript-display-preview{padding:1rem;border-radius:.5rem;color:var(--transcript-color);background:var(--transcript-background);font-family:var(--transcript-font);font-size:var(--transcript-size)}.transcript-display-preview span{background:var(--transcript-highlight)}
@media(max-width:899px){.transcript-studio-header{grid-template-columns:1fr auto}.transcript-title{display:none}.transcript-studio-workspace,.interactive-transcript-workspace{display:flex;flex-direction:column;gap:1rem;padding:1rem}.transcript-studio-video,.interactive-video-panel{position:relative;top:auto;width:100%;padding:0}.transcript-split-handle{display:none}.transcript-document,.interactive-transcript-panel{width:100%}.interactive-transcript-panel{height:min(65vh,680px)}.transcript-document-row{grid-template-columns:4.2rem minmax(7rem,9rem) minmax(0,1fr) 6.5rem}}
@media(max-width:640px){.transcript-studio-header{height:auto;padding:.75rem}.transcript-menubar{overflow-x:auto}.transcript-save-state{min-width:max-content}.transcript-document-heading{flex-direction:column}.transcript-document-row{grid-template-columns:4rem 1fr;gap:.35rem;padding:.8rem}.transcript-editable-text{grid-column:1/-1}.transcript-review-status{grid-column:2;justify-self:start}.speaker-manager-row{grid-template-columns:1fr}.interactive-transcript{padding:.75rem}.interactive-transcript-header{align-items:flex-start}.interactive-transcript-header .btn{min-width:max-content}.transcript-display-body{grid-template-columns:1fr}.transcript-auto-scroll,.contrast-warning,.transcript-display-preview{grid-column:auto}}
@media(max-width:760px){.form-grid-2,.form-grid-3,.choice-fieldset>div{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions .btn{width:100%}.qc-review-row{grid-template-columns:1fr;gap:.6rem}.qc-review-number{padding-top:0}.transcript-dialog>footer{align-items:stretch;flex-direction:column-reverse}.transcript-dialog>footer .btn{width:100%}.audio-feedback-controls{align-items:stretch;flex-direction:column}.audio-feedback-controls .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.interactive-transcript-scroll{scroll-behavior:auto}}

.transcript-document{position:relative}.transcript-alignment-overlay{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:320px;padding:2rem;text-align:center;background:rgba(255,255,255,.9);backdrop-filter:blur(3px)}.transcript-alignment-overlay[hidden]{display:none}.transcript-alignment-overlay p{max-width:480px;color:var(--at-muted)}.transcript-editable-text.is-word-active{background:#d7f7f2}.transcript-editable-text::highlight(transcript-active-word){color:#073b37;background:#8de6da;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.transcript-document.is-alignment-locked .transcript-menu-button,.transcript-document.is-alignment-locked [contenteditable]{pointer-events:none}.alignment-dialog .alert{margin-bottom:0}
.transcript-inline-ed{display:inline-block;margin:0 .3rem;padding:.12rem .45rem;border:0;border-radius:.45rem;background:#eef8f7;color:#0b665d;font:inherit;font-style:italic}
.transcript-descriptor-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto auto;gap:.75rem;align-items:start;margin:.65rem 1rem;padding:.85rem 1rem;border-left:4px solid #14b8a6;border-radius:.5rem;background:#f4fbfa}
.transcript-descriptor-row.transcript-ad{border-left-color:#6750a4;background:#f7f4fc}
.transcript-descriptor-kind{font-weight:800;color:#087c70}.transcript-ad .transcript-descriptor-kind{color:#6750a4}
.transcript-descriptor-body p{margin:0;white-space:pre-wrap}.transcript-descriptor-body small{color:#657786}
.viewer-descriptor{position:relative;margin:.75rem 1rem;padding:.8rem 1rem;border-left:4px solid #14b8a6;background:#f4fbfa;border-radius:.4rem}
.viewer-descriptor.viewer-ad{border-left-color:#6750a4;background:#f7f4fc}.viewer-descriptor>p{display:inline;margin:0 0 0 .6rem}
.viewer-inline-ed{color:#0b665d;font-style:italic;margin:0 .15rem}.viewer-ad-words span{border-radius:.25rem;padding:.05rem .08rem}
.viewer-ad-words span.is-active{background:var(--transcript-highlight,#b9f3eb);box-shadow:0 0 0 2px rgba(20,184,166,.16)}
.viewer-descriptor.is-draft::after{content:"Draft - audio is not finalized";display:block;margin-top:.35rem;color:#657786;font-size:.82rem}
.interactive-transcript.hide-ed .viewer-ed,.interactive-transcript.hide-ed .viewer-inline-ed{display:none}
.interactive-transcript.hide-ad .viewer-ad{display:none}
@media(max-width:720px){.transcript-descriptor-row{grid-template-columns:2.5rem 1fr}.transcript-descriptor-row .btn{grid-column:auto}}
.share-link-item{flex-wrap:wrap}.share-link-item>a.text-break{flex:1 0 100%;word-break:break-all}
.share-link-item .btn{margin-left:0}

/* Closed caption studio */
.caption-studio-page .sidebar,.caption-studio-page .mobile-bar{display:none!important}.caption-studio-page .app-main{margin-left:0}.caption-studio-page .content-wrap{width:100%;max-width:none;padding:0}.caption-studio{min-height:100vh;background:#eef3f6}.caption-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem;background:#fff;border-bottom:1px solid var(--at-border)}.caption-header h1{font-size:1.1rem;margin:0}.caption-header small{color:var(--at-muted)}.caption-toolbar{position:sticky;top:0;z-index:20;display:flex;gap:.35rem;overflow:auto;padding:.5rem 1rem;background:#f9fbfc;border-bottom:1px solid var(--at-border)}.caption-toolbar button,.caption-studio dialog button{white-space:nowrap;border:1px solid #9eb2be;border-radius:.4rem;padding:.42rem .65rem;background:#fff}.caption-workspace{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,1fr);gap:1rem;padding:1rem;max-width:1900px;margin:auto}.caption-media{position:sticky;top:54px;align-self:start}.caption-stage{position:relative;min-height:240px;background:#071a2c;border-radius:.7rem;overflow:hidden}.caption-stage video,.caption-stage audio{width:100%;max-height:52vh}.caption-stage audio{position:absolute;bottom:1rem}.caption-overlay{position:absolute;inset:0;pointer-events:none}.preview-cue{position:absolute;padding:.2em .45em;background:rgba(0,0,0,.82);color:#fff;font-size:clamp(16px,2.1vw,30px);white-space:pre-line}.preview-ad{background:rgba(76,45,130,.9)}.preview-ed{background:rgba(0,95,90,.9)}.caption-below{min-height:3.2rem;padding:.65rem;text-align:center;background:#111;color:#fff}.caption-below .preview-cue{position:static;display:inline-block;margin:.15rem}.caption-readout{display:flex;justify-content:space-between;padding:.45rem;font-family:monospace}.caption-timeline{position:relative;overflow:hidden;border:1px solid var(--at-border);background:#fff}.caption-timeline canvas{display:block;width:100%;height:90px}.timeline-spoken,.timeline-descriptor{position:relative;height:36px;border-top:1px solid #ccd7dd}.timeline-block{position:absolute;top:4px;height:28px;overflow:hidden;border:0;border-radius:.25rem;background:#137e75;color:#fff;font-size:.68rem}.timeline-block.cue-ad{background:#6750a4}.timeline-block.cue-ed{background:#347b68}.caption-list-panel{background:#fff;border:1px solid var(--at-border);border-radius:.7rem;overflow:hidden}.caption-list-heading{display:flex;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--at-border)}.caption-warnings{padding:.3rem 1rem;color:#9b4b00}.caption-list{max-height:calc(100vh - 180px);overflow:auto}.caption-cue{display:grid;grid-template-columns:8rem 9rem 9rem minmax(180px,1fr);gap:.45rem;align-items:center;padding:.65rem;border-bottom:1px solid var(--at-border);border-left:4px solid #16877d}.caption-cue.cue-ad{border-left-color:#6750a4}.caption-cue.cue-ed{border-left-color:#347b68}.caption-cue.selected{background:#effbf8}.caption-cue label{font-size:.72rem;color:var(--at-muted)}.caption-cue input,.caption-cue textarea{width:100%;border:1px solid #aebec8;border-radius:.3rem;padding:.35rem}.caption-cue textarea{grid-column:1/-1;font:1rem/1.4 monospace}.timing-quality{font-size:.72rem}.timing-quality.estimated,.timing-quality.unanchored,.cue-warning{color:#9b4b00}.caption-studio dialog{width:min(92vw,580px);border:0;border-radius:.8rem;padding:1.2rem}.caption-studio dialog form{display:grid;gap:.8rem}.caption-studio dialog label{display:grid;gap:.3rem}.caption-empty{margin:4rem auto;padding:2rem;max-width:600px;background:#fff;text-align:center}@media(max-width:950px){.caption-workspace{grid-template-columns:1fr}.caption-media{position:static}.caption-list{max-height:none}}@media(max-width:650px){.caption-cue{grid-template-columns:1fr 1fr}.caption-cue textarea{grid-column:1/-1}}