:root {
  color-scheme: light;
  --page: #f3f5f8; --surface: #ffffff; --sidebar: #f8f9fb; --hover: #e9eef6;
  --ink: #182232; --muted: #526074; --line: #d8dee7; --field-line: #7b8798;
  --blue: #2359b8; --blue-hover: #19488f; --on-blue: #ffffff; --selected: #e5edfc;
  --error-bg: #fff1f0; --error-ink: #9c2929; --focus: #2359b8;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #111419; --surface: #1c2027; --sidebar: #171b21; --hover: #2a303a;
  --ink: #e6ecf5; --muted: #aeb8c8; --line: #343d4b; --field-line: #8491a3;
  --blue: #9bbfff; --blue-hover: #b8d2ff; --on-blue: #10213f; --selected: #203451;
  --error-bg: #362025; --error-ink: #ffb4b4; --focus: #9bbfff;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-height: 100dvh; display: flex; flex-direction: column; background: var(--page); color: var(--ink); line-height: 1.5; }
a { color: var(--blue); text-underline-offset: 3px; }
button, input, select, textarea { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
h1, h2, p { margin-top: 0; }
h1 { font-size: clamp(1.65rem, 2.5vw, 2rem); line-height: 1.2; letter-spacing: -.025em; margin-bottom: .65rem; }
h2 { font-size: 1.15rem; line-height: 1.35; margin-bottom: .5rem; }
p { margin-bottom: 1rem; }
.topbar { padding: 16px 18px; display: flex; align-items: center; gap: 4px; border-bottom: 1px solid var(--line); background: var(--surface); flex-wrap: wrap; }
.brand-lockup { display: flex; align-items: baseline; gap: 18px; }
.wordmark { color: var(--ink); text-decoration: none; font-size: min(1.45rem, 6vw); font-weight: 750; letter-spacing: -.045em; display: inline-flex; align-items: center; min-height: 44px; }
.workspace-label { color: var(--muted); font-size: .85rem; display: none; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 2px; }
.topbar form { margin: 0; display: flex; }
.button { min-height: 44px; padding: 10px 17px; border: 1px solid var(--blue); border-radius: 9px; background: var(--blue); color: var(--on-blue); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: .875rem; font-weight: 650; cursor: pointer; line-height: 1.4; }
.button:hover { background: var(--blue-hover); border-color: var(--blue-hover); }
.button.secondary { background: var(--hover); border-color: transparent; color: var(--ink); }
.button.secondary:hover { background: var(--selected); color: var(--blue); }
.button.utility-button, .button.quiet-button { background: transparent; border-color: transparent; color: var(--muted); }
.button.utility-button { padding: 10px; min-width: 44px; }
.button.quiet-button { color: var(--blue); padding: 8px 10px; }
.button.utility-button:hover, .button.quiet-button:hover { background: var(--hover); color: var(--ink); }
.ui-icon { width: 18px; height: 18px; flex: 0 0 18px; display: block; }
.utility-label { display: none; }
.theme-icon { display: inline-flex; }
.theme-icon-sun, :root[data-theme="dark"] .theme-icon-moon { display: none; }
:root[data-theme="dark"] .theme-icon-sun { display: inline-flex; }
.button:disabled { cursor: not-allowed; opacity: .7; }
.button.destructive { background: var(--error-bg); color: var(--error-ink); border-color: var(--error-ink); }
.button.destructive:hover { background: var(--error-ink); color: var(--surface); }
.workspace { display: grid; flex: 1; }
.auth-workspace { flex: 1; }
.sidebar { display: none; border-bottom: 1px solid var(--line); padding: 22px 18px; background: var(--sidebar); }
.sidebar.is-open { display: block; }
.account-context { display: grid; gap: 3px; font-size: .875rem; overflow-wrap: anywhere; margin-bottom: 24px; }
.account-context span, .sidebar-note { color: var(--muted); font-size: .8rem; }
.sidebar nav { display: grid; gap: 7px; }
.nav-link { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 11px 10px; border-radius: 6px; text-decoration: none; color: var(--muted); font-size: .875rem; font-weight: 550; }
.nav-link:hover { color: var(--ink); background: var(--hover); }
.nav-link[aria-current="page"] { background: var(--selected); color: var(--blue); }
.sidebar-note { margin-top: 32px; line-height: 1.65; }
.main-content { min-width: 0; padding: 26px 18px 48px; }
.auth-workspace .main-content { max-width: 1120px; margin: 0 auto; }
.legal-document { max-width: 760px; margin-inline: auto; overflow-wrap: anywhere; }
.legal-navigation { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 20px; margin-bottom: 24px; font-size: .875rem; }
.legal-navigation a { display: inline-flex; align-items: center; min-height: 44px; }
.legal-navigation a[aria-current="page"] { color: var(--ink); font-weight: 650; }
.legal-document section { margin-top: 28px; }
.legal-document section p:last-child { margin-bottom: 0; }
.metrics-refresh-note { margin-block: 16px; }
.leaderboard { min-width: 0; }
.leaderboard-period { border: 1px solid var(--line); border-radius: 6px; padding: 4px 10px; font-size: .75rem; color: var(--muted); }
.leaderboard .workspace-tabs { margin-bottom: 18px; }
.leaderboard .tab-button[aria-current="page"] { color: var(--blue); background: var(--selected); border-bottom: 3px solid var(--blue); }
.leaderboard-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.leaderboard-filters > .field:first-of-type { flex: 1 1 260px; }
.leaderboard-filters > .field { flex: 0 1 200px; }
.leaderboard .leaderboard-explanation { margin-block: 16px; }
.leaderboard .table-scroll { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.leaderboard-rank { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 36px; font-variant-numeric: tabular-nums; font-weight: 650; color: var(--muted); }
.leaderboard-rank-leading { background: var(--selected); color: var(--blue); border-radius: 8px; }
.leaderboard-views strong { font-size: 1.15rem; font-variant-numeric: tabular-nums; }

/* Work pages share a stronger editorial hierarchy without changing their controls. */
.studio-workspace { --raised: #fff; }
:root[data-theme="dark"] .studio-workspace { --raised: #222832; }
.studio-workspace > .page-heading { align-items: center; padding-bottom: 24px; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.studio-workspace .page-heading h1 { font-size: clamp(2rem, 3.2vw, 2.65rem); font-weight: 720; letter-spacing: -.045em; }
.studio-workspace .page-heading .section-label { color: var(--blue); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }
.studio-workspace .page-heading .muted { font-size: .9rem; max-width: 65ch; }
.studio-workspace .metrics-refresh-note { margin-block: 16px; }
.studio-workspace .panel > .filters { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.studio-workspace .filters label { font-size: .75rem; font-weight: 650; }
.studio-workspace .filters input:not([type=submit]), .studio-workspace .filters select { background-color: var(--page); }
.studio-workspace .table-scroll { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.studio-workspace table thead { background: var(--sidebar); }
.studio-workspace table th { font-size: .7rem; font-weight: 650; letter-spacing: .045em; }
.studio-workspace table tbody tr { background: var(--surface); }
.studio-workspace table tbody tr:hover { background: var(--hover); }
.studio-workspace .task-title-link { color: var(--ink); text-decoration: none; font-weight: 680; }
.studio-workspace .task-title-link:hover { color: var(--blue); text-decoration: underline; }
.collection-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 26px 0 14px; }
.collection-title { display: flex; align-items: center; gap: 9px; }
.collection-title > .ui-icon { color: var(--blue); width: 18px; height: 18px; }
.collection-title h2 { margin: 0; font-size: 1rem; letter-spacing: -.02em; }
.collection-heading .result-count { margin: 0; font-size: .75rem; color: var(--muted); }
.platform-list { display: flex; flex-wrap: wrap; gap: 6px; }
.platform-token { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; font-size: .75rem; background: var(--page); }
.platform-token svg { width: 15px; height: 15px; }
.task-cover-placeholder { display: inline-flex; align-items: center; justify-content: center; color: var(--muted); border: 1px solid var(--line); background: var(--page); }
.task-cover-placeholder > .ui-icon { width: 25px; height: 25px; }
.metrics-record { display: flex; align-items: center; gap: 12px; min-width: 0; }
.metrics-record > div { min-width: 0; }
.metrics-record-thumbnail { width: 56px; height: 56px; flex: 0 0 56px; object-fit: contain; border-radius: 9px; background: var(--page); }
.account-context { display: flex; align-items: center; gap: 10px; }
.account-context > div { display: grid; min-width: 0; }
.account-context .account-avatar { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid var(--line); border-radius: 10px; color: var(--blue); background: var(--selected); font-size: .75rem; font-weight: 700; }
.nav-link[aria-current="page"] { box-shadow: inset 3px 0 0 var(--blue); }
.work-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 24px; }
.work-summary-item { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); text-decoration: none; }
.work-summary-item:hover { background: var(--hover); border-color: var(--field-line); }
.work-summary-item > span:not(.summary-symbol) { min-width: 0; }
.summary-symbol { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; background: var(--page); color: var(--muted); border-radius: 10px; }
.work-summary-action .summary-symbol { background: var(--selected); color: var(--blue); }
.work-summary-action { border-top: 3px solid var(--blue); padding-top: 18px; }
.summary-label { display: block; color: var(--muted); font-size: .75rem; }
.work-summary-item strong { display: block; font-size: 1.9rem; letter-spacing: -.05em; line-height: 1.2; font-variant-numeric: tabular-nums; margin-top: 5px; }
.work-summary-item > .ui-icon { margin-left: auto; color: var(--muted); width: 16px; height: 16px; }
.studio-workspace .overview-tasks { border: 1px solid var(--line); background: var(--surface); padding: 24px; }
.overview-task-intro { display: flex; align-items: center; gap: 20px; min-width: 0; }
.overview-task-intro > div { min-width: 0; }
.overview-task-intro .section-label { color: var(--blue); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 6px; }
.feature-symbol { width: 56px; height: 64px; flex: 0 0 56px; display: grid; place-items: center; border-radius: 10px; color: var(--blue); background: var(--selected); }
.feature-symbol .ui-icon { width: 28px; height: 28px; }
.studio-workspace .overview-queue-section:first-child { border: 1px solid var(--line); background: var(--raised); }
.studio-workspace .queue-total { border: 1px solid var(--line); padding: 3px 9px; border-radius: 6px; background: var(--page); }
.studio-workspace .queue-item-empty strong { background: var(--page); color: var(--muted); }
.studio-workspace .overview-deadlines { padding: 18px 0; }
@media (max-width: 699px) {
  .work-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .work-summary-item { padding: 12px 10px; display: block; }
  .work-summary-action { padding-top: 10px; }
  .work-summary-item .summary-symbol, .work-summary-item > .ui-icon { display: none; }
  .summary-label { font-size: .7rem; min-height: 2.8em; }
  .work-summary-item strong { font-size: 1.65rem; }
  .studio-workspace .overview-tasks { padding: 18px; }
  .overview-task-intro { gap: 12px; align-items: start; }
  .feature-symbol { width: 38px; height: 46px; flex-basis: 38px; }
  .feature-symbol .ui-icon { width: 23px; height: 23px; }
  .metrics-record-thumbnail { width: 44px; height: 44px; flex-basis: 44px; }
  .studio-workspace .work-list-table tbody tr { background: var(--surface); }
}
.auth-layout { display: grid; gap: 28px; padding-top: 18px; }
.auth-intro { align-self: center; max-width: 400px; }
.auth-intro h1 { font-size: clamp(2rem, 4vw, 3rem); }
.auth-intro > p:not(.section-label) { color: var(--muted); font-size: 1.05rem; }
.section-label { color: var(--muted); font-size: .8rem; font-weight: 650; margin-bottom: .65rem; }
.help-text.milestone-note, .milestone-note { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); font-size: .875rem; }
.milestone-note p { margin-top: 6px; color: var(--muted); }
.panel { background: var(--surface); border: 1px solid transparent; border-radius: 14px; padding: 24px; min-width: 0; }
.panel + .panel { margin-top: 24px; }
.panel:has(> .filters) { padding: 0; background: transparent; }
.panel > .filters { padding: 20px; background: var(--surface); border-radius: 12px; }
.panel > .table-scroll { background: var(--surface); border-radius: 12px; }
.auth-panel { width: 100%; max-width: 430px; }
.form-panel { max-width: 620px; }
.form-stack { display: grid; gap: 20px; margin-top: 24px; }
.form-panel > .form-stack:first-child { margin-top: 0; }
.form-stack > .button { justify-self: start; }
.campaign-form { max-width: 760px; }
.task-campaign-context { display: grid; gap: 2px; }
.task-campaign-context .text-link { justify-self: start; }
.social-history-settings { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid var(--line); }
.social-history-settings h4 { margin: 0 0 8px; }
.social-history-settings form { margin-top: 14px; }
.metric-history-current { margin-bottom: 18px; }
.metric-history-current h2 { margin-bottom: 10px; }
.metric-history-current strong { font-size: 1.75rem; font-variant-numeric: tabular-nums; }
.metric-history-current .help-text { display: block; margin-top: 6px; }
.metric-history > .metric-history-explanation { margin-bottom: 20px; max-width: 80ch; }
.history-observations { min-width: 0; }
.history-observations th { white-space: normal; }
.history-observations td:first-child { min-width: 0; }
.campaign-notes { margin-bottom: 24px; padding-block: 14px; }
.campaign-directory > .help-text, .campaign-tasks > .help-text { margin: 16px 0 12px; }
.campaign-notes summary { cursor: pointer; font-weight: 600; }
.campaign-notes p { margin: 14px 0 0; white-space: normal; overflow-wrap: anywhere; }
.campaign-task-table td:last-child { min-width: 220px; }
@media (max-width: 700px) {
  .campaign-task-table td:last-child { grid-column: 1 / -1; min-width: 0; }
  .campaign-task-table td:last-child .button { width: 100%; white-space: normal; }
}
.field { display: grid; gap: 7px; min-width: 0; }
.field label { font-size: .875rem; font-weight: 600; }
.field input, .field select, .field textarea { min-height: 44px; padding: 10px 12px; width: 100%; min-width: 0; border: 1px solid var(--field-line); border-radius: 6px; background: var(--surface); color: var(--ink); }
.field textarea { resize: vertical; line-height: 1.6; }
.field select { appearance: none; padding-inline-end: 44px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23526074' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px; background-position: right 14px center; }
:root[data-theme="dark"] .field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a6b3c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.field input::placeholder { color: var(--muted); }
.field_with_errors { display: contents; }
.field_with_errors input, .field_with_errors textarea, .field_with_errors select { border-color: var(--error-ink); }
.help-text { font-size: .8rem; color: var(--muted); margin: 0; }
.auth-panel > .help-text { margin-top: 24px; }
.muted { color: var(--muted); }
.page-heading { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin-bottom: 28px; }
.page-heading p:last-child { margin-bottom: 0; }
.page-heading > div { min-width: 0; overflow-wrap: anywhere; }
.form-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.form-actions form { display: flex; margin: 0; }
.flash { padding: 14px 16px; background: var(--selected); border: 1px solid var(--blue); border-radius: 6px; margin-bottom: 20px; overflow-wrap: anywhere; }
.flash.error { background: var(--error-bg); border-color: var(--error-ink); color: var(--error-ink); }
.flash ul { margin-bottom: 0; padding-left: 20px; }
.account-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-bottom: 24px; }
.account-summary p { margin-bottom: 0; }
.summary-values { display: flex; flex-wrap: wrap; gap: 20px 40px; margin: 0; }
.summary-values dt { color: var(--muted); font-size: .85rem; }
.summary-values dd { margin: 0; font-size: 1.9rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; font-weight: 600; }
.task-clips .text-link { display: inline-block; padding-block: 10px; overflow-wrap: anywhere; max-width: 100%; }
.task-clips { overflow-wrap: anywhere; }
.foundation-panel { max-width: 850px; }
.foundation-panel p:last-child { margin-bottom: 0; }
.filters { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; }
.filters .field:first-child { flex: 1 1 220px; }
.result-count { margin: 24px 0 10px; color: var(--muted); font-size: .8rem; }
.table-scroll { overflow-x: auto; position: relative; }
table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: .875rem; }
th, td { text-align: left; padding: 14px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
th { color: var(--muted); font-size: .8rem; font-weight: 600; white-space: nowrap; }
td { overflow-wrap: anywhere; }
td:first-child { min-width: 190px; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: var(--hover); }
.cell-detail { display: block; color: var(--muted); font-size: .8rem; margin-top: 3px; }
.status-label { color: var(--ink); font-size: .8rem; white-space: nowrap; }
.empty-state { padding: 32px 0; }
.empty-state p { color: var(--muted); margin-bottom: 0; }
.pagination { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; margin-top: 24px; }
.pagination-summary { display: grid; gap: 2px; font-size: .875rem; }
.skip-link { position: absolute; left: 12px; top: -100px; background: var(--surface); padding: 12px; z-index: 10; }
.skip-link:focus { top: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.task-form-panel { max-width: 1160px; display: grid; gap: 24px; background: transparent; border: 0; padding: 0; }
.task-form-content { min-width: 0; }
.authoring-nav { display: flex; gap: 4px 8px; align-content: start; overflow-x: auto; min-width: 0; padding: 6px; scrollbar-width: thin; scrollbar-color: var(--field-line) transparent; }
.authoring-nav-title { display: none; }
.authoring-nav a { display: flex; flex: 0 0 auto; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 8px; color: var(--muted); font-size: .85rem; font-weight: 550; text-decoration: none; }
.authoring-nav a:hover, .authoring-nav a:focus-visible { color: var(--blue); background: var(--selected); }
.task-settings-grid { display: grid; gap: 24px; align-items: start; }
.task-form-panel .form-stack { margin-top: 0; gap: 28px; }
.task-form-section { display: grid; gap: 18px; padding: 0 0 28px; border-bottom: 1px solid var(--line); min-width: 0; scroll-margin-top: 24px; }
.task-form-section > .help-text + .field, .task-form-section > .help-text + .platform-choices { margin-top: 4px; }
.task-save-actions { padding: 8px 0 12px; }
.task-form-section .help-text:empty, .brief-editor-shell ~ .help-text:empty { display: none; }
.task-form-section > h2 { margin: 0; }
.mention-fields { display: grid; gap: 16px; }
.brief-editor-shell { border: 1px solid var(--field-line); border-radius: 6px; background: var(--surface); min-width: 0; }
.brief-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid var(--line); background: var(--sidebar); border-radius: 6px 6px 0 0; }
.format-group { display: flex; gap: 4px; padding-inline-start: 8px; border-left: 1px solid var(--line); }
.button.format-button { min-width: 44px; padding: 8px; font-size: 1rem; background: transparent; color: var(--muted); border-color: transparent; border-radius: 7px; }
.button.format-button:hover { color: var(--ink); background: var(--hover); }
.button.format-button[data-trix-active] { color: var(--blue); background: var(--selected); border-color: transparent; }
.brief-editor { display: block; min-height: 240px; padding: 18px; outline-offset: -3px; overflow-wrap: anywhere; border-radius: 0 0 6px 6px; }
.brief-editor:focus { outline: 2px solid var(--focus); outline-offset: -2px; }
.brief-editor:empty::before { content: attr(placeholder); color: var(--muted); }
.brief-editor ul, .brief-editor ol, .formatted-brief ul, .formatted-brief ol { padding-left: 24px; }
.formatted-brief > div + div { margin-top: 12px; }
.source-entries { display: grid; gap: 16px; }
.source-entry { display: grid; gap: 14px; margin: 0; padding: 18px; background: var(--surface); border: 0; border-radius: 10px; min-width: 0; }
.source-entry-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.source-entry-heading h3 { margin: 0; font-size: .9rem; }
.task-form-section > .button { justify-self: start; }
.task-thumbnail-preview, .task-cover { display: block; width: 100%; max-height: 360px; aspect-ratio: 16 / 9; object-fit: contain; background: var(--sidebar); border: 1px solid var(--line); border-radius: 6px; }
.task-thumbnail-preview { max-width: 440px; }
.task-cover { margin: 16px 0 24px; }
.task-list-title { display: flex; gap: 12px; align-items: center; }
.task-list-thumbnail { width: 96px; height: 54px; object-fit: contain; background: var(--sidebar); border-radius: 4px; flex: 0 0 96px; }
.source-material-list { list-style: none; padding: 0; margin: 16px 0 0; }
.source-material-list li { padding-block: 16px; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.source-title { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: .9rem; }
.publishing-instructions { margin-block: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.publishing-instructions h3 { font-size: .9rem; margin: 0 0 12px; }
.publishing-instructions h3:not(:first-child) { margin-top: 24px; }
.publishing-instructions > .help-text { margin-top: 16px; }
.mention-list { margin: 0; display: grid; gap: 16px; }
.mention-list dt { color: var(--muted); font-size: .8rem; margin-bottom: 6px; }
.mention-list dd { margin: 0; }
.token-list { display: flex; flex-wrap: wrap; gap: 8px; }
.requirement-token { border: 1px solid var(--line); background: var(--sidebar); padding: 5px 9px; border-radius: 4px; font-size: .85rem; overflow-wrap: anywhere; max-width: 100%; }
@media (min-width: 1000px) {
  .mention-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.choice-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.choice-fieldset legend { padding: 0; margin-bottom: 8px; font-weight: 600; font-size: .875rem; }
.choice-fieldset.task-form-section { display: block; padding: 0 0 28px; border-bottom: 1px solid var(--line); }
.choice-fieldset.task-form-section legend { float: left; width: 100%; font-size: 1.15rem; margin-block: 0 12px; }
.choice-fieldset.task-form-section > .help-text { clear: both; margin-block: 0 20px; }
.choice-fieldset.task-form-section > .platform-choices + .help-text { margin-block: 16px 0; }
.choice-row { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-top: 8px; }
.check-choice { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 0; cursor: pointer; font-size: .875rem; overflow-wrap: anywhere; }
.check-choice input { width: 20px; height: 20px; margin: 0; flex: 0 0 20px; accent-color: var(--blue); }
.check-choice:has(input:disabled) { cursor: default; }
.assignee-list { max-height: 300px; overflow-y: auto; border-block: 1px solid var(--line); padding: 4px; margin-top: 12px; }
.assignee-list .check-choice + .check-choice { border-top: 1px solid var(--line); }
.task-title-link { display: inline-flex; align-items: center; min-height: 44px; font-weight: 650; }
.task-table td:first-child { width: 36%; }
.task-status { display: inline-block; font-weight: 600; padding: 3px 8px; border: 1px solid var(--line); border-radius: 4px; }
.task-status.status-open { color: var(--blue); background: var(--selected); border-color: transparent; }
.back-link { margin-bottom: 16px; }
.task-detail-layout { display: grid; gap: 24px; }
.task-brief, .page-heading h1 { overflow-wrap: anywhere; }
.prose { line-height: 1.75; }
.prose p:last-child { margin-bottom: 0; }
.source-material { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 28px; }
.source-links { padding-left: 20px; margin-bottom: 0; overflow-wrap: anywhere; }
.source-links a { display: inline-block; padding-block: 10px; }
.detail-values { display: grid; gap: 20px; margin: 24px 0; }
.detail-values dt { font-size: .8rem; color: var(--muted); margin-bottom: 4px; }
.detail-values dd { margin: 0; font-size: .9rem; overflow-wrap: anywhere; }
.assignees-heading { margin-top: 28px; }
.plain-list { list-style: none; padding: 0; margin: 12px 0 0; }
.plain-list li { padding-block: 8px; }
.history-list { list-style: none; padding: 0; margin: 12px 0 0; }
.history-list li { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 16px; border-top: 1px solid var(--line); font-size: .875rem; overflow-wrap: anywhere; }
.history-list time { color: var(--muted); font-size: .8rem; }
.review-layout { display: grid; gap: 24px; }
.video-frame { background: var(--hover); border: 1px solid var(--field-line); padding: 10px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.video-frame video { width: 100%; height: auto; max-width: 100%; max-height: min(65vh, 720px); object-fit: contain; display: block; background: #343d4c; outline: 1px solid var(--field-line); }
.video-frame video:fullscreen { width: 100%; height: 100%; max-height: none; }
.video-panel .help-text { overflow-wrap: anywhere; }
.player-error { color: #fff; padding: 16px; }
.upload-receipt { max-width: 1040px; }
.upload-ready-layout { display: grid; gap: 24px; align-items: start; }
.upload-preview, .upload-finalize { min-width: 0; }
.receipt-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 20px; margin-bottom: 8px; }
.upload-ready-layout .video-frame video { max-height: min(36dvh, 400px); }
.upload-ready-layout .is-portrait video, .clip-stage-layout .is-portrait video { width: auto; max-width: 100%; }
.upload-finalize .form-stack { margin-top: 20px; }
.upload-finalize .form-stack > .button { margin-bottom: 4px; }
.upload-tools { border-top: 1px solid var(--line); margin-top: 24px; }
.qc-note { margin-top: 18px; }
.clip-heading { margin-bottom: 16px; }
.workflow-action { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 18px 20px; margin-bottom: 20px; background: var(--selected); border-radius: 12px; }
.workflow-action > div { min-width: 0; }
.workflow-action strong { display: block; margin-bottom: 4px; }
.workflow-action .button { flex-shrink: 0; }
.workspace-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 4px 4px 0; margin-bottom: 20px; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
.button.tab-button { flex: 0 0 auto; background: transparent; color: var(--muted); border: 0; border-bottom: 3px solid transparent; border-radius: 8px 8px 0 0; padding: 11px 14px; }
.button.tab-button:hover { background: var(--hover); color: var(--ink); }
.button.tab-button[aria-selected="true"] { color: var(--blue); background: var(--selected); border-bottom-color: var(--blue); }
.button.tab-button:focus-visible { outline-offset: -3px; }
.panel[data-tabs-target="panel"], [data-tabs-target="panel"] > .panel:first-child { margin-top: 0; }
.inline-error, .field-error { display: block; color: var(--error-ink); background: var(--error-bg); border-radius: 6px; padding: 10px 12px; font-size: .875rem; overflow-wrap: anywhere; margin: 0; }
.inline-error:focus, .field-error:focus { outline: 2px solid var(--error-ink); outline-offset: 2px; }
.field [aria-invalid="true"] { border-color: var(--error-ink); }
.inline-notice { font-size: .875rem; color: var(--ink); margin: 0 0 16px; }
.task-progress { min-width: 150px; }
.task-progress strong { font-size: .85rem; }
.upload-receipt > form, .clip-actions > form { max-width: 620px; }
.revision-history, .clip-actions, .clip-history, .task-clips { margin-top: 24px; }
.revision-entry, .storage-entry { padding-block: 20px; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.revision-entry h3 { font-size: 1rem; margin: 0 0 8px; }
.review-note { margin-top: 16px; }
.review-note .prose { margin-top: 12px; }
details summary { cursor: pointer; min-height: 44px; padding-block: 12px; font-size: .875rem; font-weight: 600; }
details > p { margin-top: 12px; }
.deletion-details { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 12px; max-width: 740px; }
.storage-entry form { max-width: 620px; }
.storage-entry .page-heading { margin-bottom: 8px; }
progress { display: block; width: 100%; height: 18px; margin-block: 12px; accent-color: var(--blue); }
.workflow-summary { max-width: 850px; margin-bottom: 24px; }
.publishing-panel { margin-top: 24px; }
.clip-stage-layout { display: grid; gap: 20px; align-items: start; }
.clip-stage-layout > * { min-width: 0; margin-top: 0; }
.clip-stage-layout > .panel, .task-detail-layout > .panel { margin-top: 0; }
.clip-stage-layout .video-panel { padding: 14px; }
.clip-stage-layout video { max-height: min(50dvh, 520px); }
#video-qc .form-stack { gap: 12px; margin-top: 16px; }
.next-step { font-size: .9rem; margin-bottom: 10px; }
.workspace-history { border-top: 1px solid var(--line); margin-top: 20px; }
.publication-rows { display: grid; gap: 12px; }
.publication-editor-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 8px 12px; align-items: start; }
.publication-editor-row > .button { margin-top: 27px; }
.publication-editor-row > .field:first-of-type { grid-column: 1 / -1; }
.publication-editor-row > .field { min-width: 0; }
.publication-review-row { padding-block: 12px; border-top: 1px solid var(--line); }
.publication-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; min-width: 0; font-size: .875rem; }
.publication-summary .publication-url { flex: 1 1 100%; min-height: 36px; padding-block: 6px; }
.publication-summary .correction-feedback { flex-basis: 100%; margin: 4px 0; }
.review-fields { display: grid; gap: 10px; align-items: start; }
.publishing-panel .form-stack { gap: 12px; margin-top: 16px; }
.review-toolbar { position: sticky; bottom: 0; z-index: 1; background: var(--surface); padding-block: 12px; border-top: 1px solid var(--line); }
.compact-reviews .review-fields { scroll-margin-bottom: 180px; }
.compact-reviews .inline-error { scroll-margin-bottom: 180px; }
.field-error, .inline-error { scroll-margin-block: 80px; }
.review-fields .field { min-width: 0; }
.evidence-history { margin-top: 16px; }
.publishing-panel .publishing-instructions { margin-block: 12px; padding-top: 12px; }
.publishing-panel .publishing-instructions h3 { font-size: .8rem; margin: 8px 0; }
.publishing-panel .publishing-instructions > .help-text { margin: 8px 0; }
.publishing-panel .mention-list { display: flex; flex-wrap: wrap; gap: 12px; }
.publishing-panel .requirement-token { padding: 2px 6px; }
.publication-meta { margin-block: 12px; }
.add-publication { justify-self: start; }
.workflow-status { display: inline-block; padding: 3px 8px; border-radius: 4px; background: var(--hover); color: var(--muted); font-size: .8rem; font-weight: 650; }
.workflow-status.status-pending_qc, .workflow-status.status-pending_link_review, .workflow-status.status-pending { background: var(--selected); color: var(--blue); }
.workflow-status.status-changes_requested, .workflow-status.status-link_changes_requested { background: #fff0cd; color: #764900; }
.workflow-status.status-ready_to_publish { background: #dceff1; color: #175460; }
.workflow-status.status-completed, .workflow-status.status-approved { background: #def0e4; color: #215b34; }
.workflow-status.status-deleted { background: var(--error-bg); color: var(--error-ink); }
:root[data-theme="dark"] .workflow-status.status-changes_requested, :root[data-theme="dark"] .workflow-status.status-link_changes_requested { background: #42351c; color: #f1ce83; }
:root[data-theme="dark"] .workflow-status.status-ready_to_publish { background: #193a42; color: #a1dae4; }
:root[data-theme="dark"] .workflow-status.status-completed, :root[data-theme="dark"] .workflow-status.status-approved { background: #203d2c; color: #a4dcb6; }
.font-size-field { width: 170px; position: relative; }
.font-size-symbol { position: absolute; inset-inline-start: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--muted); font-size: 1.05rem; }
.font-size-field select { padding-inline-start: 38px; font-size: .85rem; background-color: var(--surface); border-color: var(--line); }
.crop-dialog { color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 0; width: min(840px, calc(100% - 24px)); max-height: 94dvh; overflow: auto; }
.crop-dialog:focus-visible { outline-offset: -4px; }
.crop-dialog::backdrop { background: #0009; }
.crop-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding: 20px 24px; }
.crop-heading h2 { margin: 0 0 6px; }
.crop-heading .utility-button { flex-shrink: 0; }
.crop-stage { display: flex; align-items: center; justify-content: center; background: #24262b; padding: 16px; }
.crop-canvas { width: auto; height: auto; max-width: 100%; max-height: 48dvh; display: block; touch-action: none; cursor: grab; }
.crop-canvas:active { cursor: grabbing; }
.crop-canvas:focus-visible { outline-offset: -3px; }
.crop-tools { padding: 16px 24px 0; display: grid; gap: 8px; }
.crop-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 12px; }
.crop-zoom { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px; }
.crop-tools input[type="range"] { min-height: 44px; width: 100%; accent-color: var(--blue); padding: 0; border: 0; background: transparent; }
.crop-tools input[type="range"] { appearance: none; cursor: pointer; }
.crop-tools input[type="range"]::-webkit-slider-runnable-track { height: 6px; background: var(--field-line); border-radius: 3px; }
.crop-tools input[type="range"]::-webkit-slider-thumb { appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--blue); border: 3px solid var(--surface); outline: 1px solid var(--blue); margin-top: -7px; }
.crop-tools input[type="range"]::-moz-range-track { height: 6px; background: var(--field-line); border-radius: 3px; }
.crop-tools input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: var(--blue); border: 3px solid var(--surface); outline: 1px solid var(--blue); }
.crop-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 16px 24px 24px; }
.crop-footer .form-actions { margin-left: auto; }
.platform-choices { display: grid; gap: 12px; }
.notification-button { position: relative; }
.notification-dot { position: absolute; top: 7px; right: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); border: 1px solid var(--surface); }
.notification-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.notification-list li { border: 1px solid var(--line); background: var(--surface); border-radius: 12px; }
.notification-link { display: grid; gap: 6px; min-height: 44px; padding: 16px 20px; overflow-wrap: anywhere; text-decoration: none; color: var(--ink); border-radius: 12px; }
.notification-link:hover { background: var(--hover); }
.notification-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.notification-filters .field { flex: 1 1 180px; max-width: 260px; }
.notification-filters > .help-text { flex-basis: 100%; }
.notification-stage { align-self: baseline; }
.notification-stage-task_available { background: #dceff1; color: #175460; }
:root[data-theme="dark"] .notification-stage-task_available { background: #193a42; color: #a1dae4; }
.notification-stage-video_qc { background: var(--selected); color: var(--blue); }
.notification-stage-link_review { background: #eee4fa; color: #653891; }
.notification-stage-approved { background: #def0e4; color: #215b34; }
.notification-stage-changes_requested, .notification-stage-connection_access { background: #fff0cd; color: #764900; }
.notification-stage-ready { background: #dceff1; color: #175460; }
.notification-stage-updated { background: var(--hover); color: var(--muted); }
:root[data-theme="dark"] .notification-stage-link_review { background: #352443; color: #d8b5f7; }
:root[data-theme="dark"] .notification-stage-approved { background: #203d2c; color: #a4dcb6; }
:root[data-theme="dark"] .notification-stage-changes_requested, :root[data-theme="dark"] .notification-stage-connection_access { background: #42351c; color: #f1ce83; }
:root[data-theme="dark"] .notification-stage-ready { background: #193a42; color: #a1dae4; }
.notification-title { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.unread-label { color: var(--blue); background: var(--selected); border-radius: 4px; padding: 2px 6px; font-size: .75rem; }
.notification-subjects { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 8px 0 4px; }
.notification-subjects > div { min-width: 0; }
.notification-subjects dt { font-size: .72rem; color: var(--muted); margin-bottom: 2px; }
.notification-subjects dd { margin: 0; font-size: .95rem; font-weight: 600; }
.notification-context { flex-basis: 100%; }
.notification-context dd { color: var(--blue); font-size: .85rem; }
.notification-revision dd { font-variant-numeric: tabular-nums; }
.notification-title strong { font-size: .85rem; font-weight: 550; }
.notification-feedback { font-size: .875rem; padding-block: 4px; }
.nav-link-label { display: inline-flex; align-items: center; gap: 8px; }
.nav-count { background: var(--blue); color: var(--on-blue); padding: 1px 7px; border-radius: 6px; font-size: .75rem; font-variant-numeric: tabular-nums; }
.nav-link > .social-count { margin-left: auto; flex-shrink: 0; }
.notification-evidence { display: flex; align-items: center; gap: 8px; font-size: .8rem; color: var(--muted); overflow-wrap: anywhere; }
.platform-name { display: inline-flex; align-items: center; gap: 8px; }
.platform-icon { width: 20px; height: 20px; flex: 0 0 20px; }
.platform-picker { position: relative; min-width: 0; }
.platform-picker > span { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; display: flex; }
.field .platform-picker select { padding-inline-start: 40px; }
.task-clips .page-heading { margin-bottom: 12px; align-items: center; }
.task-sections { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 16px; }
.task-clip-grid { display: grid; gap: 20px; }
.task-clip-item { min-width: 0; border-bottom: 1px solid var(--line); padding-bottom: 16px; }
.task-clip-item > .text-link { display: none; }
.task-clip-item .video-frame { height: 260px; }
.task-clip-item .video-frame video { max-height: 238px; }
.task-clip-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; }
.task-clip-heading .text-link { min-width: 0; display: inline-flex; align-items: center; padding-block: 0; }
.task-clip-heading .workflow-status { flex-shrink: 0; margin-block: 4px; }
@media (min-width: 600px) {
  .upload-ready-layout { grid-template-columns: minmax(220px, .85fr) minmax(0, 1fr); }
  .upload-preview { grid-column: 1; grid-row: 1; }
  .upload-finalize { grid-column: 2; grid-row: 1; }
  .notification-link { grid-template-columns: minmax(0, 1fr) auto; }
  .notification-link > :not(time) { grid-column: 1; }
  .notification-link time { grid-column: 2; grid-row: 1; }
  .platform-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .task-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .source-entry { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
  .source-entry-heading { grid-column: 1 / -1; }
  .task-clip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publication-editor-row { grid-template-columns: 160px minmax(0, 1fr) 44px; }
  .publication-editor-row > .field:first-of-type { grid-column: auto; }
}
@media (min-width: 1100px) {
  .task-form-panel { grid-template-columns: 156px minmax(0, 1fr); gap: 28px; align-items: start; }
  .authoring-nav { position: sticky; top: 24px; display: grid; gap: 4px; overflow: visible; background: var(--surface); border-radius: 12px; padding: 16px 8px; }
  .authoring-nav-title { display: block; color: var(--ink); font-size: .95rem; font-weight: 700; margin: 0 12px 8px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
  .thumbnail-section:has(> .task-thumbnail-preview:not([hidden])) { grid-template-columns: minmax(0, 220px) minmax(0, 1fr); align-items: start; }
  .thumbnail-section > h2, .thumbnail-section > .help-text, .thumbnail-section > .check-choice { grid-column: 1 / -1; }
  .thumbnail-section > .task-thumbnail-preview { grid-column: 1; grid-row: 3 / 5; }
  .thumbnail-section:has(> .task-thumbnail-preview:not([hidden])) > .field, .thumbnail-section:has(> .task-thumbnail-preview:not([hidden])) > .button { grid-column: 2; }
  .clip-stage-layout { grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr); }
  .clip-stage-layout.portrait-layout { grid-template-columns: minmax(240px, 320px) minmax(0, 1fr); }
  .clip-stage-layout > .video-panel { grid-column: 1; grid-row: 1; }
  .clip-stage-layout > .publishing-panel { grid-column: 2; grid-row: 1; }
  .task-clip-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.publishing-panel h3 { font-size: 1rem; margin: 0 0 10px; }
.publication-entry { border-top: 1px solid var(--line); padding-block: 24px; overflow-wrap: anywhere; }
.publication-entry .page-heading { margin-bottom: 12px; }
.publication-url { display: inline-block; padding-block: 10px; min-height: 44px; overflow-wrap: anywhere; font-size: .875rem; }
.publication-form { max-width: 650px; margin-bottom: 20px; }
.publication-form > .button { justify-self: start; }
.publishing-timing { display: flex; flex-wrap: wrap; gap: 16px 36px; margin-block: 20px; }
.publishing-timing dt { color: var(--muted); font-size: .8rem; }
.publishing-timing dd { margin: 4px 0 0; font-size: .875rem; }
.submit-link-set { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 24px; }
.submit-link-set .help-text { margin-top: 12px; }
.cycle-history { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 12px; }
.link-history-entry { padding: 16px 0; border-top: 1px solid var(--line); font-size: .875rem; }
.link-history-entry p { margin-bottom: 8px; }
.clip-filters .field { flex: 1 1 180px; }

input[type="file"] { overflow: hidden; }
input::file-selector-button { font: inherit; color: var(--ink); background: var(--hover); border: 1px solid var(--field-line); border-radius: 4px; min-height: 36px; margin-right: 12px; padding: 6px 10px; cursor: pointer; }
@media (min-width: 1150px) {
  .review-layout { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; }
}
@media (min-width: 1100px) {
  .task-detail-layout { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; }
}
@media (min-width: 800px) {
  .topbar { padding-inline: 28px; gap: 18px; }
  .utility-label { display: inline; }
  .workspace-label { display: inline; }
  .workspace { grid-template-columns: 240px minmax(0, 1fr); }
  .sidebar { display: block; border-bottom: 0; border-right: 1px solid var(--line); padding: 28px 18px; }
  .menu-toggle { display: none; }
  .main-content { padding: 38px 36px 64px; }
  .auth-layout { grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; padding-block: 64px; }
  .auth-panel { justify-self: end; padding: 32px; }
}
@media (forced-colors: active) {
  .field select, :root[data-theme="dark"] .field select { appearance: auto; background-image: none; }
  .button.utility-button, .button.quiet-button { border-color: ButtonText; }
}
@media (prefers-reduced-motion: no-preference) {
  .button, .nav-link { transition: background-color 120ms ease; }
}

.platform-label { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.assignee-search { display: flex; align-items: end; gap: 12px; margin-top: 16px; }
.assignee-search .field { flex: 1; }
.assignee-selection { margin-top: 16px; }
.assignee-selected-list { max-height: 180px; overflow-y: auto; padding-inline: 4px; }
.assignee-selected-list:empty { display: none; }
.assignee-selected-list .check-choice { border-bottom: 1px solid var(--line); }
.assignee-search-status { min-height: 1.5em; margin-block: 8px; }
.decision-choices { border: 0; padding: 0; margin: 0; min-width: 0; }
.decision-choices legend { font-size: .875rem; font-weight: 600; padding: 0; margin-bottom: 7px; }
.decision-options { display: flex; flex-wrap: wrap; gap: 8px; }
.decision-option { position: relative; }
.decision-radio { position: absolute; width: 1px; height: 1px; opacity: 0; }
.decision-label { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 9px 12px; border: 1px solid var(--field-line); border-radius: 8px; font-size: .8rem; font-weight: 600; cursor: pointer; color: var(--muted); background: var(--surface); }
.decision-label:hover { background: var(--hover); color: var(--ink); }
.decision-label .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }
.decision-radio:checked + .decision-label { border-color: var(--blue); color: var(--blue); background: var(--selected); }
.decision-radio:checked + .decision-approved { background: #def0e4; color: #215b34; border-color: #215b34; }
.decision-radio:checked + .decision-changes_requested { background: #fff0cd; color: #764900; border-color: #764900; }
:root[data-theme="dark"] .decision-radio:checked + .decision-approved { background: #203d2c; color: #a4dcb6; border-color: #a4dcb6; }
:root[data-theme="dark"] .decision-radio:checked + .decision-changes_requested { background: #42351c; color: #f1ce83; border-color: #f1ce83; }
.decision-radio:focus-visible + .decision-label { outline: 3px solid var(--focus); outline-offset: 2px; }
@media (min-width: 1400px) { .review-fields { grid-template-columns: minmax(0, 1.2fr) minmax(160px, .8fr); } }
.overview-tasks { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 28px; }
.overview-tasks h2 { font-size: 1.4rem; }
.overview-tasks p { margin-bottom: 0; font-size: .9rem; }
.overview-queues { display: grid; align-items: start; gap: 28px; }
.overview-queue-section { min-width: 0; }
.overview-queue-section:first-child { background: var(--surface); border-radius: 14px; padding: 22px; }
.overview-queue-section + .overview-queue-section { padding: 22px 0; }
.queue-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 8px; }
.queue-heading h2 { margin: 0; }
.queue-total { color: var(--muted); font-size: .8rem; font-variant-numeric: tabular-nums; }
.overview-queue-list { list-style: none; margin: 12px 0 0; padding: 0; }
.overview-queue-list li + li { border-top: 1px solid var(--line); }
.overview-queue-list a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 12px 8px; border-radius: 6px; color: var(--ink); text-decoration: none; }
.overview-queue-list a:hover { background: var(--hover); }
.queue-name { display: block; font-size: .9rem; font-weight: 600; }
.queue-help { display: block; margin-top: 3px; }
.overview-queue-list strong { min-width: 30px; text-align: center; font-variant-numeric: tabular-nums; flex-shrink: 0; }
.overview-deadlines { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-block: 20px; margin-top: 16px; border-top: 1px solid var(--line); }
.overview-deadlines a { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: .8rem; color: var(--muted); text-decoration: none; }
.overview-deadlines a:hover { color: var(--blue); }
.overview-deadlines strong { color: var(--ink); font-size: 1rem; }
.overview-history { border-block: 1px solid var(--line); }
.overview-history-links { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-bottom: 16px; }
.overview-history-links a { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 44px; font-size: .875rem; }
.overview-team { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 24px; }
.overview-team h2 { font-size: 1rem; }
@media (min-width: 800px) { .overview-queues { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; } }

.clip-identity { display: grid; gap: 4px; min-height: 44px; align-content: center; }
.clip-identity .task-title-link { min-height: 0; }
.clip-task-link { min-height: 24px; display: inline-flex; align-items: center; position: relative; z-index: 1; color: var(--muted); font-size: .8rem; width: fit-content; padding-block: 2px; }
.navigable-row { position: relative; cursor: pointer; }
.row-main-link::after { content: ""; position: absolute; inset: 0; }
.navigable-row:focus-within { outline: 2px solid var(--focus); outline-offset: -2px; }
.upload-library { background: var(--surface); border-radius: 12px; padding-inline: 20px; }
.upload-library-row { display: grid; grid-template-columns: 104px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding-block: 16px; }
.upload-library-row + .upload-library-row { border-top: 1px solid var(--line); }
.upload-thumbnail { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; border-radius: 6px; background: var(--hover); color: var(--muted); overflow: hidden; }
.upload-thumbnail img { position: absolute; width: 100%; height: 100%; object-fit: contain; }
.upload-identity { display: grid; gap: 4px; min-width: 0; }
.upload-identity h2 { margin: 0; font-size: .875rem; overflow-wrap: anywhere; }
.upload-identity .text-link { min-height: 0; padding: 0; }
.upload-task { color: var(--muted); font-size: .8rem; overflow-wrap: anywhere; }
.upload-identity .workflow-status { justify-self: start; margin-top: 2px; }
@media (max-width: 599px) {
  .upload-library { padding-inline: 16px; }
  .upload-library-row { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; align-items: start; }
  .upload-library-row > .button { grid-column: 2; justify-self: start; }
}

.nav-item { position: relative; }
.nav-item .nav-link { padding-right: 44px; }
.nav-count-link { position: absolute; right: 2px; top: 0; bottom: 0; min-width: 44px; display: flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 6px; }
.nav-count-link:hover { background: var(--hover); }

.social-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.social-heading h2, .social-account h3 { margin: 0; }
.social-heading + .help-text { margin-bottom: 1rem; }
.social-account .inline-error { margin-top: .5rem; }
.social-footnotes { display: grid; gap: .5rem; margin-top: 1rem; }
.social-footnotes p { margin: 0; }
.social-account { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.25rem 0; border-top: 1px solid var(--line); }
.social-account > div { min-width: 0; }
.social-account .form-actions { margin: 0; }
.social-channel-id { overflow-wrap: anywhere; }
.social-empty { margin: 1.5rem 0 .5rem; }
.publication-metric { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; width: 100%; padding: .5rem 0; }
.publication-metric .help-text { margin: 0; }
@media (max-width: 700px) { .social-account { align-items: stretch; flex-direction: column; gap: .75rem; } .social-account .form-actions { align-items: stretch; } .social-account form, .social-account button { width: 100%; } }

.social-provider { margin-top: 1.5rem; }
.social-account-name + .social-account-name { margin-top: .75rem; }

.metrics-filters .field { flex: 1 1 170px; }
.metrics-filters .field:first-child { flex: 2 1 240px; }
.metrics-filter-options { flex: 3 1 570px; min-width: 0; }
.metrics-filter-options summary { font-size: .875rem; font-weight: 600; cursor: pointer; min-height: 44px; padding-block: 10px; }
.metrics-filter-options[open] summary { margin-bottom: 10px; }
.metrics-filter-fields { display: flex; flex-wrap: wrap; gap: 14px; }
.metrics-filter-fields .field, .metrics-filter-fields .field:first-child { flex: 1 1 170px; }
.metrics-filter-fields .field:has(select[name="status"]) { flex-basis: 210px; }
@media (min-width: 701px) { .metrics-filter-options[open] > summary { display: none; } }
.metrics-table .metrics-publication .platform-name { display: flex; }
.metrics-results-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 18px; margin: 22px 0 12px; }
.metrics-results-heading .result-count { margin: 0; }
.metrics-table .metrics-identity { width: 25%; }
.metrics-table .metrics-state { min-width: 180px; max-width: 230px; }
.metrics-table .metrics-updated { min-width: 150px; }
.metrics-table .metrics-views { font-variant-numeric: tabular-nums; }
.metrics-guidance { margin-top: 6px; }
.metrics-publication-actions { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 12px; }
.metrics-context-links { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.metrics-table .task-title-link { color: var(--ink); text-decoration: none; }
.metrics-table .task-title-link:hover, .metrics-table .task-title-link:focus-visible { color: var(--blue); text-decoration: underline; }
.metrics-table .clip-task-link { text-decoration: none; }
.metrics-table .clip-task-link:hover { text-decoration: underline; }
.metrics-table .cell-detail { font-size: .75rem; }
.metrics-table .platform-name { font-weight: 600; font-size: .8rem; margin-bottom: 8px; }
.metrics-views strong { font-size: 1.25rem; font-weight: 700; }
.metrics-views .muted, .metrics-updated { font-size: .75rem; }
.metrics-open-post, .metrics-history-link, .metrics-report-link, .metrics-account-action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; font-size: .75rem; text-decoration: none; }
.metrics-open-post { background: var(--hover); color: var(--ink); border: 1px solid var(--line); border-radius: 6px; padding: 6px 10px; font-weight: 600; }
.metrics-open-post:hover { border-color: var(--blue); color: var(--blue); }
.metrics-history-link, .metrics-report-link { color: var(--muted); }
.metrics-history-link:hover, .metrics-report-link:hover { color: var(--blue); text-decoration: underline; }
.metrics-report-link { min-height: 32px; }
.metrics-publication-actions .ui-icon, .metrics-report-link .ui-icon { width: 15px; height: 15px; flex-basis: 15px; }
.metrics-account-action { margin-top: 8px; padding: 5px 10px; border-radius: 6px; background: var(--selected); color: var(--blue); font-weight: 600; }
.metrics-account-action:hover { text-decoration: underline; }
.metric-status { display: inline-flex; align-items: baseline; gap: 7px; font-size: .8rem; font-weight: 600; color: var(--muted); }
.metric-status::before { content: ""; display: inline-block; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: currentColor; }
.metrics-state > .metric-status { margin-inline-end: 10px; }
.metric-status-current { color: #215b34; }
.metric-status-connect, .metric-status-reconnect, .metric-status-account_mismatch, .metric-status-delayed { color: #764900; }
:root[data-theme="dark"] .metric-status-current { color: #a4dcb6; }
:root[data-theme="dark"] .metric-status-connect, :root[data-theme="dark"] .metric-status-reconnect, :root[data-theme="dark"] .metric-status-account_mismatch, :root[data-theme="dark"] .metric-status-delayed { color: #f1ce83; }
.metrics-connection-note { display: flex; align-items: flex-start; gap: 10px; border-left: 3px solid var(--blue); padding: 4px 0 4px 12px; margin: 0 0 18px; font-size: .8rem; }
.metrics-connection-note > .ui-icon { flex-shrink: 0; margin-top: 2px; color: var(--blue); }
.metrics-connection-note p { margin: 3px 0 0; color: var(--muted); }
.performance-report > .metrics-results-heading { margin-top: 24px; }
.performance-platforms { display: flex; flex-wrap: wrap; gap: 20px; margin-block: 20px 24px; }
.performance-platform { flex: 1 1 230px; min-width: 0; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.performance-platform h3 { margin: 0 0 12px; font-size: 1rem; }
.performance-total { font-size: 1.65rem; font-weight: 650; font-variant-numeric: tabular-nums; margin-bottom: 10px; overflow-wrap: anywhere; }
.performance-total .help-text { display: block; font-weight: 400; }
.performance-observation { margin-top: 12px; }
.performance-observation summary { min-height: 44px; padding-block: 10px; font-size: .8rem; }
.performance-observation[open] > summary { margin-bottom: 8px; }
.performance-clippers { padding-block: 8px; border-block: 1px solid var(--line); margin-bottom: 24px; }
.performance-clippers > summary { font-weight: 600; min-height: 44px; padding-block: 10px; }
.performance-clippers > .help-text { margin-block: 8px 16px; }
.performance-post-heading { margin-top: 24px; scroll-margin-top: 20px; }
.metrics-operations-summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px 28px; margin-bottom: 12px; }
.metrics-operations-summary p { margin: 0; color: var(--muted); font-size: .875rem; }
.metrics-operations-summary strong { color: var(--ink); font-size: 1.35rem; margin-right: 6px; font-variant-numeric: tabular-nums; }
.operations-setup { margin-bottom: 12px; }
.operations-setup summary { min-height: 44px; padding-block: 10px; font-weight: 600; font-size: .875rem; }
.operations-setup .plain-list { margin-block: 6px 12px; }
.operations-note { margin-top: 12px; margin-bottom: 22px; }
.operations-table { font-size: .8rem; table-layout: fixed; min-width: 1000px; }
.operations-table th:first-child { width: 21%; }
.operations-table th:nth-child(2) { width: 11%; }
.operations-table th:nth-child(3) { width: 18%; }
.operations-table th:nth-child(4) { width: 16%; }
.operations-table th:nth-child(5) { width: 19%; }
.operations-table th:last-child { width: 15%; }
.operations-detail { margin-top: 8px; }
.operations-feedback { margin: 14px 0 0; }
.operations-action .button { font-size: .8rem; padding-inline: 10px; max-width: 100%; }
.operations-table .workflow-status { white-space: normal; }
.operations-action form { margin: 0; }
@media (max-width: 700px) { .operations-table .operations-action { grid-column: 1 / -1; } }
@media (max-width: 700px) {
  .performance-platforms { gap: 12px; }
  .performance-platform { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: baseline; gap: 4px 12px; padding: 14px; }
  .performance-platform h3 { margin: 0; }
  .performance-total { margin: 0; font-size: 1.1rem; text-align: right; }
  .performance-platform > .help-text, .performance-platform > .performance-observation { grid-column: 1 / -1; }
  .performance-observation { margin: 0; }
  .performance-clippers .table-scroll { overflow: visible; }
  .performance-clippers .work-list-table { min-width: 0; }
}
@media (max-width: 700px) {
  .metrics-filters .field, .metrics-filters .field:first-child, .metrics-filter-options { flex-basis: 100%; }
  .metrics-table { min-width: 0; }
  .metrics-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .metrics-table tbody { display: block; }
  .metrics-table tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 12px 16px; padding: 18px; border-bottom: 1px solid var(--line); }
  .metrics-table tr:last-child { border-bottom: 0; }
  .metrics-table td, .metrics-table .metrics-identity, .metrics-table .metrics-state { display: block; width: auto; min-width: 0; max-width: none; padding: 0; border: 0; }
  .metrics-table td { grid-column: 1 / -1; }
  .metrics-table .metrics-views { grid-column: 1; grid-row: 3; }
  .metrics-table .metrics-updated { grid-column: 2; grid-row: 3; }
  .metrics-table .metrics-state { grid-row: 4; }
  .metrics-table .metrics-publication { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
  .metrics-table .metrics-publication .platform-name { margin: 0; }
  .metrics-report-link { min-height: 44px; }
  .metrics-table td[data-label]::before { content: attr(data-label); display: block; font-size: .8rem; color: var(--muted); margin-bottom: 2px; }
}

@media (max-width: 700px) { .social-platform-tabs .tab-button { padding-inline: 8px; gap: 6px; } }

.work-list-filters > .metrics-filter-options { flex: 2 1 360px; }
.work-list-filters > .metrics-filter-options:has(.field:nth-child(4)) { flex-basis: 100%; }
@media (min-width: 701px) {
  .filters:has(input[name="campaign_q"]) > .metrics-filter-options { flex-basis: 100%; }
  .filters:has(input[name="campaign_q"]) .metrics-filter-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .filters:has(input[name="campaign_q"]) > .button, .filters:has(input[name="campaign_q"]) > .text-link { justify-self: start; }
}
@media (min-width: 1200px) {
  .work-list-filters:has(input[name="campaign_q"]) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .work-list-filters:has(input[name="campaign_q"]) > .metrics-filter-options { grid-column: span 3; }
  .work-list-filters:has(input[name="campaign_q"]) .metrics-filter-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .metrics-filters:has(input[name="campaign_q"]) { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .metrics-filters:has(input[name="campaign_q"]) > .metrics-filter-options { grid-column: span 4; }
  .metrics-filters:has(input[name="campaign_q"]) .metrics-filter-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.work-list-table td:first-child { width: 30%; }
.storage-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0 0 18px; }
.storage-summary > div { min-width: 0; padding-inline-start: 18px; border-left: 1px solid var(--line); }
.storage-summary > div:first-child { border: 0; padding-inline-start: 0; }
.storage-summary dt { color: var(--muted); font-size: .8rem; }
.storage-summary dd { margin: 4px 0; font-size: 1.5rem; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.storage-policy { margin-bottom: 22px; }
.storage-list .metrics-filter-options { flex-basis: 620px; }
.storage-table { table-layout: fixed; }
.storage-table th:first-child { width: 30%; }
.storage-table th:nth-child(3) { width: 11%; }
.storage-table th:nth-child(4) { width: 18%; }
.storage-filename { display: block; overflow-wrap: anywhere; font-size: .875rem; }
.storage-context-link { display: inline-block; color: var(--muted); font-size: .8rem; padding-block: 4px; }
.storage-size { font-variant-numeric: tabular-nums; }
.storage-retention { font-size: .8rem; }
.storage-actions .text-link, .storage-actions .button { font-size: .8rem; }
.storage-actions .button { padding-inline: 0; text-align: left; justify-content: start; }
.storage-failure summary { font-size: .8rem; min-height: 44px; padding-block: 10px; }
.storage-dialog { width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid var(--line); border-radius: 14px; padding: 24px; color: var(--ink); background: var(--surface); }
.storage-dialog::backdrop { background: rgb(0 0 0 / .55); }
.storage-dialog-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.storage-dialog .flash { margin-top: 18px; }
.storage-dialog .form-stack { grid-template-columns: minmax(0, 1fr); }
.storage-dialog .button { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .storage-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .storage-summary > div { border: 0; padding: 0; }
  .storage-dialog { padding: 18px; }
  .storage-actions { grid-column: 1 / -1; display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 18px; }
}
@media (min-width: 701px) {
  .clip-filters.work-list-filters { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .clip-filters.work-list-filters > .field, .clip-filters.work-list-filters > .text-link { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .work-list-filters { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .work-list-filters > .field, .work-list-filters > details[open], .work-list-filters > .text-link { grid-column: 1 / -1; }
  .work-list-filters > .field, .work-list-filters > .metrics-filter-options { flex-basis: 100%; }
  .work-list .table-scroll { overflow: visible; }
  .work-list-table { min-width: 0; }
  .work-list-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .work-list-table tbody { display: block; }
  .work-list-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; padding: 18px; border-bottom: 1px solid var(--line); }
  .work-list-table tr:last-child { border-bottom: 0; }
  .work-list-table td, .work-list-table td:first-child { display: block; width: auto; min-width: 0; padding: 0; border: 0; }
  .work-list-table td:first-child { grid-column: 1 / -1; padding-bottom: 4px; }
  .work-list-table td[data-label]::before { content: attr(data-label); display: block; color: var(--muted); font-size: .75rem; margin-bottom: 4px; }
  .work-list-table .task-list-thumbnail { width: 64px; height: 44px; flex-basis: 64px; }
  .work-list-table .task-list-title { gap: 12px; }
  .work-list-table .task-title-link { overflow-wrap: anywhere; }
  .overview-queue-section:first-child { padding: 18px; }
  .overview-queue-section + .overview-queue-section { padding: 0 4px; }
}

.review-view-switch { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; margin-bottom: 8px; }
.focused-review-heading { margin-bottom: 16px; }
.focused-review-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; }
.focused-review-title h1 { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.focused-review-context { display: flex; flex-wrap: wrap; gap: 12px 32px; margin: 16px 0 0; }
.focused-review-context > div { min-width: 0; }
.focused-review-context > div:first-child { flex: 1 1 240px; }
.focused-review-context dt { font-size: .8rem; color: var(--muted); }
.focused-review-context dd { margin: 3px 0 0; font-size: .875rem; overflow-wrap: anywhere; }
.focused-review .video-panel { padding: 18px; background: transparent; border-color: var(--line); }
.focused-player-heading { font-size: .9rem; margin-bottom: 12px; }
.focused-review .video-frame { padding: 0; border: 0; border-radius: 8px; overflow: hidden; background: #111419; }
.focused-review .video-frame video { outline: 0; background: #111419; max-height: min(56dvh, 560px); }
.focused-review .video-frame video:focus-visible { outline: 3px solid var(--focus); outline-offset: -3px; }
.focused-review .video-frame video:fullscreen { max-height: none; width: 100%; height: 100%; }
.focused-review .review-decision-panel .form-stack { gap: 18px; margin-top: 20px; }
.review-brief { margin-top: 12px; border-top: 1px solid var(--line); }
.review-brief-content { max-height: min(45dvh, 320px); overflow: auto; padding: 12px 4px; }
.review-timing { margin: 12px 0; }
.review-timing .publication-meta { margin: 0 0 12px; }
.focused-review .review-toolbar { position: static; }
@media (min-width: 1000px) {
  .focused-review .clip-stage-layout { grid-template-columns: minmax(0, 1.35fr) minmax(340px, .9fr); gap: 24px; }
  .focused-review .clip-stage-layout.portrait-layout { grid-template-columns: minmax(260px, 380px) minmax(0, 1fr); }
  .focused-review .clip-stage-layout:has(> .publishing-panel) { grid-template-columns: minmax(260px, .75fr) minmax(0, 1.5fr); }
}
@media (max-width: 700px) {
  .focused-review .video-frame video { max-height: min(42dvh, 420px); }
  .focused-review .video-frame video:fullscreen { max-height: none; }
  .focused-review-context { gap: 10px 24px; margin-top: 12px; }
  .focused-review-context > div:first-child { flex-basis: 100%; }
}

.leaderboard-table th:first-child, .leaderboard-table td:first-child { width: 76px; min-width: 0; }
@media (max-width: 699px) {
  .leaderboard-filters { display: grid; grid-template-columns: minmax(0, 1fr); }
  .leaderboard-filters > .field { min-width: 0; }
  .leaderboard-table tbody tr { position: relative; }
  .leaderboard-table td:first-child { width: auto; grid-column: auto; padding: 0; }
  .leaderboard-table td:nth-child(2) { grid-column: 1 / -1; grid-row: 1; padding-bottom: 6px; }
  .leaderboard-table td:nth-child(2)::before { display: none; }
}

/* Admin integrations keep secret controls and asynchronous status separate. */
.integration-list { display: grid; gap: 24px; }
.integration-card { min-width: 0; }
.integration-heading, .integration-health-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.integration-heading h2 { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.integration-health { background: var(--sidebar); border: 1px solid var(--line); border-radius: 10px; padding: 16px; margin-bottom: 12px; overflow-wrap: anywhere; }
.integration-health p { margin-block: 12px; }
.integration-status { display: inline-flex; border: 1px solid var(--line); border-radius: 20px; padding: 4px 12px; font-weight: 650; }
.integration-status-good { color: var(--blue); background: var(--selected); }
.integration-status-attention, .integration-rotation-due { color: var(--error-ink); background: var(--error-bg); }
.integration-rotation-due { padding: 4px 8px; border-radius: 6px; }
.integration-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 0; font-size: .875rem; }
.integration-facts dt { color: var(--muted); }
.integration-facts dd { margin: 4px 0 0; }
.integration-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.integration-fields .field { min-width: 0; }
.integration-fields input { min-width: 0; width: 100%; }
.integration-checkbox { display: flex; gap: 8px; align-items: center; font-size: .875rem; min-height: 44px; }
.integration-checkbox input { width: auto; }
.integration-check { margin-block: 12px 24px; }
@media (max-width: 700px) {
  .integration-fields, .integration-facts { grid-template-columns: minmax(0, 1fr); }
  .integration-card { padding: 16px; }
}