/* Production adapters for Direction A. Visual primitives live in tokens/components. */
button, a, input, select, textarea {touch-action:manipulation}
button:not(.icon-button), .button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);transition:background var(--fast),transform var(--normal) var(--spring)}
button:hover, .button:hover {background:var(--surface-hover)}
button:active, .button:active {transform:scale(.975)}
button.primary, a.primary {background:var(--accent);color:var(--accent-text);border-color:var(--accent-fg)}
button.primary:hover, a.primary:hover {background:var(--accent-hover)}
button.ghost {background:transparent;border-color:transparent;color:var(--text-secondary)}
button.small-button {min-height:44px;padding:8px 12px;font-size:12px}
.icon-button {min-width:44px;min-height:44px}
button:disabled {opacity:.45}
a:not(.button,.nav-item,.brand,.icon-button,.mobile-logo,.tab,.nav-new):hover {color:var(--accent-fg)}
h1,h2,h3,p,pre,code,bdi {overflow-wrap:anywhere}
pre {white-space:pre-wrap;font-size:12px;padding:16px;background:var(--surface-raised);border-radius:var(--radius-sm)}
small {font-size:12px;color:var(--text-secondary)}
label {display:grid;gap:8px;min-width:0}
input[type=file] {width:100%;font-size:14px;padding-block:8px}
input::file-selector-button {font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-control);border-radius:var(--radius-sm);min-height:44px;padding:8px 12px;margin-inline-end:12px;cursor:pointer}
input[type=radio],input[type=checkbox] {width:20px;height:20px;min-height:20px;accent-color:var(--accent-fg);flex-shrink:0}
label:has(> input[type=checkbox]) {display:flex;align-items:center;gap:12px;min-height:44px}
fieldset {min-width:0}
fieldset:has(input[type=radio]) {display:grid;grid-template-columns:1fr 1fr;gap:12px}
fieldset:has(input[type=radio]) > label {display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--surface);min-height:64px}
fieldset:has(input[type=radio]) > label:has(:checked) {background:var(--accent-soft);border-color:var(--accent-fg)}
fieldset:has(input[type=radio]) > p {grid-column:1/-1;font-size:12px}
legend {margin-block-end:12px}
.card {display:grid;gap:12px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-content:start;min-width:0}
.card h2,.card h3 {margin:0}
.card > .button {justify-self:start}
.grid {display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.two {display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px}
.stack > *, .grid > *, .two > *, .layout-two > *, .review-layout > *, .composer-layout > * {min-width:0}
.stack {align-content:start}
.row,.actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.panel-header {margin-bottom:0}
.card > a:not(.button),.card p > a {color:var(--accent-fg)}
.badge {width:fit-content;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.danger {color:var(--danger)}
.empty {padding:48px 24px;text-align:center;justify-items:center;gap:16px;min-height:280px;background:var(--glass),var(--surface)}
.empty .icon {width:40px;height:40px;color:var(--accent-fg);margin:0}
.empty p {max-width:420px;margin:0;color:var(--text-secondary)}
.empty .button {justify-self:center}
.page-head {margin-bottom:8px}
.page-head .muted {margin-top:8px}
.page-head .heading-actions {flex-shrink:0}
.sidebar-foot .account {margin-top:20px}
.sidebar-foot .account > .icon-button {margin-inline-start:auto}
.sidebar-foot .account p {font-size:12px}
.crumb-separator {margin-inline:12px;color:var(--text-muted)}
.status-strip {padding:8px 48px;color:var(--warning);background:var(--warning-bg);font-size:12px;border-block-end:1px solid var(--border)}
.status-strip.is-live {padding-block:4px;background:var(--bg);color:var(--text-muted);border-color:transparent}
.status-strip.is-live::before {content:'';display:inline-block;width:5px;height:5px;margin-inline-end:8px;background:var(--success);border-radius:50%}
.tabs a {display:inline-flex;align-items:center;min-height:48px;white-space:nowrap}
.tabs [aria-current=page] {border-block-end:2px solid var(--accent);color:var(--text)}
.tabs {min-width:0}
.timeline {list-style:none}
.timeline li {flex:1;min-width:88px;text-align:center;font-size:12px;position:relative;color:var(--text-muted)}
.timeline .step-dot {font-size:11px}
.timeline li.done .step-dot {background:var(--success-bg);color:var(--success);border-color:var(--success)}
.timeline li[aria-current=step] {color:var(--accent-fg)}
.timeline li[aria-current=step] .step-dot {background:var(--accent);color:var(--accent-text);border-color:var(--accent-fg)}
.project-card .project-date {display:block;margin-top:8px}
.project-card .store-mark {width:48px;height:64px}
.today-rail .project-card {padding:16px;gap:12px}
.today-rail .project-card .store-mark {width:36px;height:44px;font-size:16px}
.today-rail .project-card h3 {font-size:14px;margin-block:4px}
.today-rail .render-card {padding:20px}
.today-rail .render-visual {grid-template-columns:1fr;margin-top:8px}
.today-rail .render-emblem {display:none}
.today-rail .render-number {font-size:36px}
.today-rail .render-id {display:none}
.today-rail .stage-track {margin-top:12px;padding-top:8px}
.decision-list .decision h3 {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.decision .store-mark {flex-shrink:0}
.section-head h2 {display:flex;gap:8px;align-items:center}
.hero-review .hero-title {max-width:300px}
.hero-review .poster-label {line-height:1.5}
.store-directory .store-card {transition:background var(--fast),transform var(--normal) var(--spring)}
.store-card:hover {background:var(--surface-hover)}
.store-card:active {transform:scale(.99)}
.store-card > .store-mark {width:56px;height:56px;margin-bottom:8px}
.store-card > .badge {justify-self:start}
.store-content > .stack > .stack {gap:24px}
.brand-banner {flex-wrap:nowrap}
.brand-banner .banner-meta {align-items:center}
.brand-banner .banner-action {flex-shrink:0}
.render-emblem {width:112px;min-height:168px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--glass),var(--accent-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--accent-fg)}
.render-emblem .icon {width:40px;height:40px}
.render-emblem small {font-size:10px;color:var(--accent-fg)}
.render-id {overflow-wrap:anywhere;font-size:11px;color:var(--text-muted);max-width:100%}
.render-card .stage-track {align-items:center;justify-content:space-between}
.render-card h3 {font-size:16px}
progress {display:block;width:100%;height:4px;accent-color:var(--accent);border:0;border-radius:var(--radius-pill);overflow:hidden;direction:ltr;background:var(--border)}
progress::-webkit-progress-bar {background:var(--border)}
progress::-webkit-progress-value {background:var(--accent);border-radius:var(--radius-pill);transition:width 1s var(--ease)}
progress::-moz-progress-bar {background:var(--accent)}
.file-chip {display:grid;gap:12px;border-bottom:1px solid var(--border);padding:16px 0;min-width:0}
.file-chip img,.file-chip video {max-width:140px;max-height:100px;object-fit:contain;border-radius:var(--radius-sm)}
.dropzone {padding:20px;border:1px dashed var(--border-control);border-radius:var(--radius-md);background:var(--surface)}
.dropzone.drag {border-color:var(--accent-fg);background:var(--accent-soft)}
.dropzone > small {display:block;margin-top:12px}
.sticky-actions {position:sticky;bottom:16px;background:var(--surface);padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);z-index:10}
.form-error {padding:16px;border-radius:var(--radius-md);border-inline-start:3px solid var(--danger);color:var(--danger);background:var(--danger-bg);display:grid;gap:12px}
.skeleton {min-height:160px;height:auto;color:var(--text-secondary)}
.key-value {display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:12px}
.key-value dd {margin:0}
.safe-text {white-space:pre-wrap}
.metadata {font-size:11px;direction:ltr;overflow-wrap:anywhere;color:var(--text-muted)}
.table-wrap {overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}
table {width:100%;border-collapse:collapse;font-size:12px}
th,td {text-align:start;border-block-end:1px solid var(--border);padding:16px}
th {font-weight:400;color:var(--text-secondary)}
.chart-row {display:grid;grid-template-columns:120px 1fr 90px;gap:12px;align-items:center;margin-block:12px}
.chart-bar {height:8px;background:var(--accent);border-radius:var(--radius-pill);min-width:2px}
.chart-track {background:var(--border);border-radius:var(--radius-pill)}
details {min-width:0}
details > summary {display:flex;gap:8px;align-items:center;cursor:pointer;min-height:48px;color:var(--text-secondary)}
details[open] > summary {margin-bottom:12px}
audio {max-width:100%}
canvas {max-width:100%;height:40px}
dialog {overflow:auto}
.plan-dialog {width:min(720px,calc(100% - 32px))}
.plan-dialog .sticky-actions {bottom:-28px;margin-inline:-28px;margin-bottom:-28px;border:0;border-block-start:1px solid var(--border);border-radius:0;background:var(--surface-raised);padding:20px 28px}
.plan-dialog > .stack {gap:20px}
.plan-dialog ol {padding-inline-start:24px;counter-reset:plan-step}
.plan-dialog ol li {padding:12px;border-bottom:1px solid var(--border)}
.plan-dialog .card {padding:20px;background:var(--surface)}
#notice {position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:150;max-width:calc(100% - 32px);width:max-content;pointer-events:none;font-size:14px}
#notice:not(:empty) {background:var(--cream);color:var(--neutral-900);padding:14px 20px;box-shadow:var(--shadow);border-radius:var(--radius-md);animation:notice-in var(--normal) var(--spring)}
@keyframes notice-in {from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
/* Composer keeps the production input/upload nodes, and the reference's open form. */
.composer-layout {align-items:start}
.composer-form > .composer-fields {border:0;padding:0;background:transparent;grid-template-columns:1fr 1fr;gap:20px 16px}
.composer-fields > :nth-child(n+3) {grid-column:1/-1}
.composer-fields > label:has(textarea[name=text]) textarea {min-height:168px}
.composer-form > details {border-block-start:1px solid var(--border);padding-top:8px}
.composer-aside .steps-list {margin-top:24px}
.composer-aside .step-row p {margin-top:4px}
.composer-aside .panel {padding:24px}
.composer-form > .sticky-actions {justify-content:space-between}
.composer-form .draft-disclosure {font-size:12px}
.composer-fields fieldset {margin-bottom:0}
/* Review has a contextual comments rail and a true black theater in both themes. */
.review-body {display:grid;gap:16px}
.review-layout {align-items:start}
.review-main {display:grid;gap:16px;min-width:0}
.player {display:grid;gap:12px;padding:16px 20px;background:var(--neutral-1000);color:var(--cream);border:1px solid var(--border);border-radius:var(--radius-lg)}
.player-compare {display:grid;gap:16px}
.player-compare:has(#previous-video) {grid-template-columns:1fr 1fr}
.player-compare h2 {font-size:12px;color:var(--neutral-300)}
.player-compare > .stack {gap:8px}
.player video {width:100%;height:320px;max-width:100%;object-fit:contain;background:var(--neutral-1000);border-radius:var(--radius-sm)}
.player .muted,.player small {color:var(--neutral-300)}
.player input[type=range] {width:100%;direction:ltr;min-height:44px;accent-color:var(--accent)}
.player .playback-controls {direction:ltr;justify-content:space-between;gap:4px;flex-wrap:nowrap}
.player .playback-controls button {padding:0;width:44px;min-width:44px;min-height:44px;height:44px;background:transparent;border-color:transparent;color:var(--cream);border-radius:var(--radius-sm)}
.player .playback-controls button:hover {background:var(--neutral-850)}
.player > label {font-size:12px}
.timecode {direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
.player > .timecode {text-align:center;color:var(--cream)}
.review-comments {display:grid;gap:16px;border:0;background:transparent;padding:0}
.review-comments h2 {font-size:20px}
.review-comments .file-chip {background:transparent}
.review-comments .file-chip > button {justify-self:start;color:var(--accent-fg);background:var(--accent-soft);font-size:12px}
.review-comments nav {gap:4px}
.review-comments nav button {background:transparent;border-color:transparent;padding:8px 12px;min-height:44px;font-size:12px}
.review-comments nav button[aria-pressed=true] {background:var(--surface-raised);border-color:var(--border)}
.review-comments .file-chip .row button {font-size:12px;padding-inline:10px;min-height:44px}
.review-main .sticky-actions {position:static;padding:0;background:transparent;border:0;flex-wrap:nowrap}
.review-main .sticky-actions button {flex:1;font-size:12px;padding-inline:12px}
.review-main > .row {gap:6px}
.review-main > .row .badge {font-size:10px}
.review-main > .metadata {font-size:10px}
.review-main > .button {font-size:12px}
/* Login and the secondary destinations continue A's materials and reading rhythm. */
.auth-shell {padding-inline-start:0}
.auth-shell .topbar .mobile-logo {display:flex;align-items:center;gap:16px}
.auth-shell .topbar .mobile-logo img {width:30px;height:36px;margin:10px}
.auth-shell .desktop-crumb {display:none}
.login-content {max-width:520px;padding-top:64px}
.login-content .card {padding:32px;background:var(--glass),var(--surface)}
.login-content .page-heading {margin-bottom:16px}
.login-signature {width:52px;height:92px;object-fit:contain;margin:24px auto 32px}
.inbox-content article.card {border:0;border-block-end:1px solid var(--border);border-radius:0;background:transparent;padding:20px 0}
.settings-content > .stack > .stack {grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.settings-content .page-heading,.settings-content > .stack > .stack > section:has(.grid) {grid-column:1/-1}
[data-theme=light] .login-signature {filter:brightness(0)}
[data-theme=light] .bottom-nav {background:var(--surface)}
[data-theme=light] .bottom-nav a,[data-theme=light] .bottom-nav button {color:var(--text-secondary)}
[data-theme=light] .bottom-nav .active,[data-theme=light] .bottom-nav .nav-new {color:var(--accent-fg)}
[data-theme=light] .bottom-nav .nav-new {background:var(--accent-soft);border-color:var(--border-control)}
@media(min-width:1100px) and (max-width:1199px) {.two{grid-template-columns:minmax(0,1fr) 264px}}
@media(max-width:1099px) {
 .two {display:grid;grid-template-columns:1fr}
 .status-strip {padding-inline:24px;font-size:10px}
 .bottom-nav .nav-item {padding:8px 2px;border:0}
 .bottom-nav button {border:0;padding:8px 2px;min-width:44px}
 .bottom-nav .nav-new {padding:0}
 .bottom-nav .nav-item[aria-current=page] {color:var(--accent-fg)}
 .bottom-nav .nav-item>span {max-width:72px;white-space:nowrap;font-size:10px}
 .bottom-nav .nav-new>span {font-size:10px}
 #notice {bottom:calc(100px + env(safe-area-inset-bottom))}
 .sticky-actions {bottom:calc(100px + env(safe-area-inset-bottom))}
 .settings-content > .stack > .stack {grid-template-columns:1fr}
}
@media(max-width:799px) {
 .card {padding:20px}
 .page-head {margin-bottom:0}
 .page-head .heading-actions>.primary {display:none}
 .page-head .heading-actions:has(>.primary) {display:none}
 .page-head .heading-actions .button {font-size:12px;min-height:44px;padding-inline:12px}
 .topbar-actions {gap:0}
 .topbar-actions .language-toggle {padding:4px;min-width:44px}
 .topbar-actions>.icon-button {width:44px}
 .mobile-logo {gap:0}
 .mobile-logo span {font-size:12px}
 .status-strip {padding-inline:20px}
 .status-strip.is-live {font-size:10px}
 .today-content .hero-review {grid-template-columns:minmax(0,1fr) 110px}
 .hero-copy p {font-size:12px}
 .decision .decision-body {min-width:0}
 .decision .small {font-size:10px}
 .decision h3 {font-size:14px}
 .section-head h2 {font-size:18px}
 .brand-banner h2 {font-size:22px}
 .brand-banner .brand-orbit {width:64px;height:64px;font-size:28px}
 .timeline li {min-width:64px;font-size:10px}
 .render-visual {grid-template-columns:76px minmax(0,1fr);gap:16px}
 .render-emblem {width:76px;min-height:144px}
 .render-number {font-size:48px}
 .render-card .stage-track .text-link {min-height:44px}
 .chart-row {grid-template-columns:80px 1fr 65px;font-size:12px}
 .composer-page .composer-form>.sticky-actions {position:fixed;inset-inline:0;bottom:calc(84px + env(safe-area-inset-bottom));border:0;border-block-start:1px solid var(--border);border-radius:0;padding:12px 20px;background:var(--bg);box-shadow:var(--shadow);z-index:45}
 .composer-content {padding-bottom:220px}
 .composer-page.keyboard-open .bottom-nav {display:none}
 .composer-page.keyboard-open .composer-form>.sticky-actions {bottom:var(--keyboard-offset,0px)}
 .composer-form .composer-fields {gap:20px 12px}
 .composer-form>.sticky-actions .primary {font-size:12px;padding-inline:16px}
 .composer-aside {margin-top:8px}
 .player {padding:12px;gap:8px}
 .player video {height:240px}
 .player #precision {font-size:10px}
 .review-main .sticky-actions {position:static}
 .review-main>.row .badge {font-size:9px;padding:3px 6px}
 .review-content .page-head h1 {font-size:24px}
 .review-content .page-head .muted {font-size:12px}
 .review-comments .file-chip {padding:12px 0}
 .plan-dialog {width:100%;max-width:none}
 .plan-dialog .sticky-actions {bottom:calc(-24px - env(safe-area-inset-bottom));margin-inline:-20px;margin-bottom:calc(-24px - env(safe-area-inset-bottom));padding:16px 20px}
 .plan-dialog .sticky-actions button {font-size:12px;padding-inline:12px}
 .login-content {padding-top:24px}
 .login-content .card {padding:24px}
}
@media(max-width:359px) {
 .topbar .mobile-logo span {display:none}
 .topbar-actions .inbox-label {font-size:11px}
 .page-head {flex-wrap:wrap}
 .composer-form>.composer-fields {grid-template-columns:1fr}
 .composer-fields > * {grid-column:1/-1}
 .player .playback-controls {flex-wrap:wrap;justify-content:center}
 fieldset:has(input[type=radio]) {grid-template-columns:1fr}
 .render-visual {grid-template-columns:64px minmax(0,1fr)}
 .render-emblem {width:64px}
 .decision {gap:8px}
 .decision .button {padding-inline:8px}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* First comparison pass: maintain the reference's uninterrupted canvas and decision height. */
.status-strip.is-live {position:absolute;inset-block-start:64px;inset-inline-start:280px;padding:0;font-size:10px;line-height:1.5;z-index:1}
.review-main .player {gap:8px}
.review-main .detail-disclosure {margin-top:0}
.review-main .detail-disclosure > .row {display:flex;gap:6px;flex-wrap:wrap;margin-block:12px}
.review-main .player .playback-controls {gap:0}
.player #precision {font-size:10px;line-height:1.5}
.player .timecode {font-size:10px;text-align:center;flex:1}
.player .playback-controls button:last-child {display:none}
@media(max-width:1099px) {
 .status-strip.is-live {inset-block-start:76px;inset-inline-start:24px;font-size:9px}
 .status-strip.is-live+main {padding-top:32px}
}
@media(max-width:799px) {
 .page-head .heading-actions>.primary {display:inline-flex}
 .page-head .heading-actions:has(>.primary) {display:flex}
 .today-page .page-head .heading-actions:has(>.primary) {display:none}
 .page-head .heading-actions .primary .icon {display:none}
 .page-head .heading-actions .primary {font-size:12px;padding-inline:12px;white-space:normal}
 .page-head .heading-actions {max-width:116px}
 .review-main .player {padding:8px 12px}
 .review-content .page-head .heading-actions {display:none}
 .review-main .player video {height:250px}
 .review-main .player .player-compare {gap:8px}
 .review-content .review-body {gap:12px}
 .review-main {gap:12px}
 .player .timecode {font-size:9px}
 .review-main .player .playback-controls button {width:44px;min-width:44px}
}
.bottom-nav button {background:transparent}
.render-queue {min-width:0}
.queue small.metadata {max-width:280px;overflow-wrap:anywhere}
.worker.card {padding:20px}
@media(max-width:799px) {
 .review-main .player video {height:270px}
 .review-main .player .player-compare h2 {font-size:11px}
 .review-main .player .timecode {font-size:9px}
 .render-queue .queue td:nth-child(3),.render-queue .queue td:nth-child(4) {display:none}
 .render-queue .queue small.metadata {max-width:200px;font-size:9px}
}
.login-page .shell {padding-inline-start:0}
.login-page .sidebar,.login-page .bottom-nav,.login-page .status-strip {display:none}
.login-page .topbar .mobile-logo {display:flex;align-items:center;gap:16px}
.login-page .topbar .mobile-logo img {width:30px;height:36px;object-fit:contain;margin:10px}
.login-page .desktop-crumb {display:none}
.cost-filters {border:1px solid var(--border);border-radius:var(--radius-md);padding:0 16px;background:var(--surface)}
.cost-filters>summary {color:var(--text);min-height:48px}
.cost-filters .card {padding:8px 0 20px;border:0;background:transparent}
/* P1: route announcements, quieter operational detail, and resilient fleet layouts. */
[data-route-focus]:focus {outline:none}
.production-controls {border-block:1px solid var(--border);padding-block:4px}
.production-controls>summary {justify-content:space-between;color:var(--text);font-size:14px}
.production-controls>summary::after,.worker-details>summary::after {content:'+';font-size:20px;color:var(--accent-fg)}
.production-controls[open]>summary::after,.worker-details[open]>summary::after {content:'−'}
.production-controls>.stack {padding-block:12px 20px;gap:20px}
.session-form {display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:16px;align-items:end}
.session-form input {width:100%;min-width:0}
.session-row {display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:16px;border-block-start:1px solid var(--border)}
.session-row>.stack {gap:8px;flex:1}.session-row>details {width:100%}
.fleet-summary {margin:0}.fleet-stat {min-width:0}
.fleet-stat .stat-label {display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.status-dot {width:6px;height:6px;flex-shrink:0;background:var(--success);border-radius:50%}
.fleet-grid {min-width:0;margin-bottom:0;align-items:start;gap:20px}
.worker.card {gap:12px;padding:24px;min-width:0}
.worker .worker-head {margin-bottom:4px}.worker h3 {font-size:18px;line-height:1.6}
.worker .worker-specs {font-size:12px;color:var(--text-secondary)}
.worker .worker-run {display:grid;gap:12px;padding:16px;border-radius:var(--radius-md);background:var(--surface-raised);margin:4px 0}
.worker-run strong {font-size:14px}.worker-run progress {height:4px}
.worker-heartbeat {font-size:12px}.worker-details {margin-top:4px;border-block-start:1px solid var(--border)}
.worker-details>summary {justify-content:space-between;font-size:12px}
.worker-details>button {font-size:12px;width:100%;padding-inline:12px}
.worker-details pre {font-size:11px}.queue-reference {display:block;color:var(--text-muted);font-size:11px}
.queue-title {display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.render-queue .queue td {vertical-align:middle}.render-queue .queue td:nth-child(2) {white-space:nowrap}
.render-queue .queue td:nth-child(2) small {display:block;margin-top:8px}
.render-queue .queue td:first-child {min-width:0}.render-queue .queue-title {overflow-wrap:anywhere}
.render-card .stage-track {gap:12px}.render-card .stage-track .text-link {min-height:44px;display:inline-flex;align-items:center}
.proposal-frames {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.proposal-frames img {width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius-md)}
.proposal-panel article+article {padding-top:24px;border-block-start:1px solid var(--border)}
.settings-content>.stack>section {max-width:100%}
@media(max-width:1099px) {
 .fleet-grid {display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:16px;padding-bottom:12px;scroll-padding-inline:0}
 .worker.card {flex:0 0 min(280px,calc(100vw - 76px));width:auto;scroll-snap-align:start;min-height:284px;padding:20px}
 .fleet-grid>.empty {flex:1;min-height:200px}
}
@media(max-width:799px) {
 .fleet-stat {padding:16px 10px}.fleet-stat .stat-label {font-size:11px;gap:6px;line-height:1.7}
 .fleet-stat strong {font-size:28px;line-height:1.4;margin-block:10px}.fleet-stat p {font-size:10px;line-height:1.7}
 .fleet-stat strong small {font-size:12px}.fleet-summary {grid-template-columns:1.1fr 1fr 1fr}
 .session-form {grid-template-columns:minmax(0,1fr) 100px;gap:16px 12px}
 .session-form>button {grid-column:1/-1;justify-self:start}
 .render-queue .queue tr {grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
 .render-queue .queue-title {font-size:14px}.render-queue .queue-reference {font-size:11px}
 .renders-content>.stack {gap:24px}
 .renders-content .panel-header {align-items:baseline;gap:12px;flex-wrap:wrap}
 .renders-content .panel-header>.small {font-size:11px}
 .production-controls>summary {font-size:12px}
 .page-head h1 {text-wrap:balance}.page-head .eyebrow {line-height:1.8}
}
.worker-identity {display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
.worker-identity h3 {flex:1}.worker-reference {font-size:11px;color:var(--text-muted);white-space:nowrap}
.render-id,.queue-reference {unicode-bidi:plaintext}
@media(max-width:799px) {.worker-identity h3 {font-size:16px}}
/* F2: owner lead decisions and the production request sheet. */
.lead-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.lead-answers{margin:0;display:grid;gap:0}.lead-answers>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}.lead-answers>div:last-child{border-bottom:0}.lead-answers dt{color:var(--text-secondary);font-size:12px}.lead-answers dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.lead-decisions{position:sticky;top:96px}.lead-file{padding:16px 0;border-bottom:1px solid var(--border)}.lead-card p{overflow-wrap:anywhere}.triage-sheet{width:min(640px,calc(100vw - 32px));max-height:88dvh;overflow:auto;padding:28px;border-radius:28px;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}.triage-sheet::backdrop{background:color-mix(in srgb,var(--black) 60%,transparent);backdrop-filter:blur(5px)}.triage-sheet .field{margin-bottom:8px}.sheet-actions{position:sticky;bottom:-28px;background:var(--surface-raised);padding:16px 0;margin-top:8px;border-top:1px solid var(--border)}.workflow-steps{counter-reset:workflow;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.workflow-steps li{position:relative;padding-inline-start:44px}.workflow-steps li::before{counter-increment:workflow;content:counter(workflow);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent-fg)}
@media(max-width:900px){.lead-layout{grid-template-columns:1fr}.lead-decisions{position:static;grid-row:1}.lead-answers>div{grid-template-columns:1fr;gap:8px}}
@media(max-width:600px){.triage-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:90dvh;padding:20px 20px max(24px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.sheet-actions{bottom:-24px;flex-wrap:wrap}.sheet-actions .button{flex:1}.workflow-steps{grid-template-columns:1fr}.lead-decisions{gap:12px}}
@media(max-width:600px){.lead-decisions>section:last-child{order:-1}.lead-detail{padding-bottom:24px}.triage-sheet .field-row{gap:12px}}