:root {
  --ctrl-bg: #070908;
  --ctrl-panel: #0e1210;
  --ctrl-panel-2: #151a17;
  --ctrl-paper: #efede5;
  --ctrl-muted: #8c918c;
  --ctrl-line: rgba(239,237,229,.14);
  --ctrl-cyan: #68f1e6;
  --ctrl-gold: #e5bc70;
  --ctrl-coral: #ee6338;
  --ctrl-green: #96f05a;
  --display: "Antonio", sans-serif;
  --body: "IBM Plex Sans", sans-serif;
  --mono: "IBM Plex Mono", monospace;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; color: var(--ctrl-paper); background: var(--ctrl-bg); font: 400 15px/1.5 var(--body); }
button, input, textarea, select { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
.dashboard-skip { position: fixed; left: 1rem; top: -5rem; z-index: 200; padding: .8rem 1rem; color: var(--ctrl-bg); background: var(--ctrl-cyan); }
.dashboard-skip:focus { top: 1rem; }

.dashboard-body::before { content: ""; position: fixed; inset: 0; z-index: -2; opacity: .28; background-image: linear-gradient(rgba(104,241,230,.06) 1px, transparent 1px), linear-gradient(90deg,rgba(104,241,230,.06) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(90deg,#000,transparent 82%); }
.dashboard-body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 75% 8%,rgba(104,241,230,.08),transparent 24%), radial-gradient(circle at 10% 90%,rgba(229,188,112,.06),transparent 25%); }

.control-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 60; width: 250px; padding: 1.4rem; display: flex; flex-direction: column; overflow-y: auto; background: rgba(7,9,8,.96); border-right: 1px solid var(--ctrl-line); backdrop-filter: blur(18px); }
.control-brand { display: grid; gap: .65rem; padding: .4rem .25rem 1.5rem; border-bottom: 1px solid var(--ctrl-line); }
.control-brand img { width: 178px; }
.control-brand span { color: var(--ctrl-cyan); font: 600 .58rem var(--mono); letter-spacing: .18em; text-transform: uppercase; }
.control-nav { margin-top: 1.5rem; display: grid; gap: .25rem; }
.control-nav button { min-height: 43px; padding: .65rem .75rem; display: grid; grid-template-columns: 28px 1fr auto; gap: .6rem; align-items: center; color: #a6aba6; background: transparent; border: 1px solid transparent; text-align: left; font: 500 .66rem var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: color .2s, border-color .2s, background .2s; }
.control-nav button > span { color: #555b57; }
.control-nav button b { min-width: 22px; padding: .15rem .35rem; color: var(--ctrl-bg); background: var(--ctrl-coral); border-radius: 999px; text-align: center; font-size: .55rem; }
.control-nav button:hover { color: var(--ctrl-paper); border-color: var(--ctrl-line); }
.control-nav button.active { color: var(--ctrl-bg); background: var(--ctrl-cyan); border-color: var(--ctrl-cyan); }
.control-nav button.active > span { color: rgba(7,9,8,.55); }
.control-sidebar-foot { margin-top: auto; display: grid; gap: .8rem; font: 500 .58rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.control-sidebar-foot span { color: var(--ctrl-muted); }.control-sidebar-foot span i, .simulation-badge i { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; background: var(--ctrl-green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(150,240,90,.1); }
.control-sidebar-foot a { padding-top: .8rem; display: flex; justify-content: space-between; border-top: 1px solid var(--ctrl-line); }.control-sidebar-foot a b { color: var(--ctrl-gold); }
.control-mobile-head { display: none; }

.control-main { min-height: 100vh; margin-left: 250px; }
.control-topbar { min-height: 170px; padding: 3.2rem clamp(1.5rem,4vw,4rem) 2.2rem; display: flex; justify-content: space-between; align-items: end; gap: 2rem; border-bottom: 1px solid var(--ctrl-line); }
.control-topbar p { margin: 0 0 .55rem; color: var(--ctrl-cyan); font: 600 .58rem var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.control-topbar h1 { margin: 0; font: 700 clamp(3.2rem,6vw,6.4rem)/.83 var(--display); letter-spacing: -.045em; text-transform: uppercase; }
.control-actions { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; justify-content: end; }
.simulation-badge, .control-actions button { min-height: 38px; padding: .65rem .8rem; border: 1px solid var(--ctrl-line); background: rgba(14,18,16,.78); font: 500 .56rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.control-actions button:hover { color: var(--ctrl-bg); background: var(--ctrl-gold); border-color: var(--ctrl-gold); }
.simulation-badge { color: var(--ctrl-muted); }
.control-view { padding: clamp(1.5rem,4vw,4rem); }

.view-head { margin-bottom: 2.5rem; display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.view-head > div > span { color: var(--ctrl-gold); font: 600 .57rem var(--mono); letter-spacing: .15em; text-transform: uppercase; }
.view-head h2 { margin: .55rem 0 0; font: 700 clamp(2.6rem,4.5vw,4.8rem)/.9 var(--display); text-transform: uppercase; }
.view-head p { max-width: 580px; margin: 0; color: var(--ctrl-muted); }
.view-tools { display: flex; gap: .5rem; flex-wrap: wrap; }
.view-tools button, .filter-row button { min-height: 36px; padding: .55rem .75rem; color: var(--ctrl-muted); background: transparent; border: 1px solid var(--ctrl-line); font: 500 .55rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.view-tools button:hover, .view-tools button.active, .filter-row button:hover, .filter-row button.active { color: var(--ctrl-bg); background: var(--ctrl-cyan); border-color: var(--ctrl-cyan); }

.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: var(--ctrl-line); border: 1px solid var(--ctrl-line); }
.metric { min-height: 190px; padding: 1.35rem; display: flex; flex-direction: column; background: var(--ctrl-panel); }
.metric > span { color: var(--ctrl-muted); font: 500 .55rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.metric strong { margin: auto 0 .45rem; font: 700 clamp(3.7rem,6vw,6.6rem)/.72 var(--display); letter-spacing: -.055em; }
.metric small { color: var(--ctrl-muted); font-size: .68rem; }.metric small b { color: var(--ctrl-cyan); }
.metric.pending strong { color: var(--ctrl-coral); }.metric.live strong { color: var(--ctrl-green); }.metric.money strong { color: var(--ctrl-gold); font-size: clamp(2.8rem,4.5vw,5rem); }

.dashboard-grid { margin-top: 1rem; display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
.dashboard-panel { min-width: 0; padding: clamp(1.25rem,2.3vw,2.2rem); background: rgba(14,18,16,.92); border: 1px solid var(--ctrl-line); }
.panel-head { margin-bottom: 1.4rem; display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.panel-head h3 { margin: 0; font: 600 1.35rem var(--display); letter-spacing: .02em; text-transform: uppercase; }.panel-head a, .panel-head button { color: var(--ctrl-cyan); background: none; border: 0; font: 500 .55rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }

.queue-list, .audit-list, .collection-list { display: grid; }
.queue-item, .audit-row, .collection-row { padding: 1rem 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 1rem; align-items: center; border-top: 1px solid var(--ctrl-line); }
.queue-item:first-child, .audit-row:first-child, .collection-row:first-child { border-top: 0; }
.type-mark { width: 42px; height: 42px; display: grid; place-items: center; color: var(--ctrl-bg); background: var(--ctrl-gold); font: 700 .65rem var(--mono); text-transform: uppercase; }
.type-mark.tracks { background: var(--ctrl-cyan); }.type-mark.memories { background: var(--ctrl-gold); }.type-mark.venues { background: var(--ctrl-coral); }.type-mark.media { background: #a598ff; }
.queue-copy, .collection-copy { min-width: 0; }.queue-copy small, .collection-copy small { display: block; color: var(--ctrl-muted); font: 500 .5rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }.queue-copy strong, .collection-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 1rem var(--body); }.queue-copy p, .collection-copy p { margin: .25rem 0 0; overflow: hidden; color: var(--ctrl-muted); font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.row-actions { display: flex; gap: .35rem; }.row-actions button { min-height: 34px; padding: .5rem .65rem; color: var(--ctrl-muted); background: transparent; border: 1px solid var(--ctrl-line); font: 600 .5rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }.row-actions button:hover { color: var(--ctrl-paper); border-color: var(--ctrl-paper); }.row-actions .approve:hover { color: var(--ctrl-bg); background: var(--ctrl-green); border-color: var(--ctrl-green); }.row-actions .reject:hover { color: var(--ctrl-paper); background: var(--ctrl-coral); border-color: var(--ctrl-coral); }
.status-chip { width: max-content; padding: .28rem .5rem; color: var(--ctrl-muted); border: 1px solid var(--ctrl-line); font: 600 .48rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }.status-chip.pending { color: var(--ctrl-gold); border-color: rgba(229,188,112,.45); }.status-chip.approved, .status-chip.published, .status-chip.confirmed { color: var(--ctrl-green); border-color: rgba(150,240,90,.45); }.status-chip.rejected, .status-chip.refunded { color: var(--ctrl-coral); border-color: rgba(238,99,56,.45); }.status-chip.archived, .status-chip.draft { color: #a598ff; border-color: rgba(165,152,255,.45); }
.empty-state { min-height: 220px; padding: 2rem; display: grid; place-items: center; color: var(--ctrl-muted); border: 1px dashed var(--ctrl-line); text-align: center; }.empty-state strong { display: block; color: var(--ctrl-paper); font: 600 2rem var(--display); text-transform: uppercase; }

.campaign-meter { padding: 1.5rem; color: var(--ctrl-bg); background: var(--ctrl-gold); }
.campaign-meter > span { font: 600 .55rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }.campaign-meter strong { display: block; margin: 1.8rem 0 .65rem; font: 700 clamp(3.5rem,6vw,6.2rem)/.75 var(--display); letter-spacing: -.05em; }.campaign-meter p { margin: 0; font-size: .72rem; }.meter-track { height: 8px; margin-top: 1.2rem; background: rgba(7,9,8,.18); }.meter-track i { display: block; width: var(--progress); height: 100%; background: var(--ctrl-bg); }
.audit-row { grid-template-columns: 11px minmax(0,1fr) auto; }.audit-row > i { width: 7px; height: 7px; background: var(--ctrl-cyan); border-radius: 50%; }.audit-row strong { display: block; font-size: .76rem; }.audit-row span { color: var(--ctrl-muted); font: .5rem var(--mono); }

.quick-grid { margin: 1rem 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: var(--ctrl-line); border: 1px solid var(--ctrl-line); }
.quick-grid button { min-height: 118px; padding: 1rem; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto; gap: .2rem .8rem; color: var(--ctrl-paper); background: var(--ctrl-panel); border: 0; text-align: left; }
.quick-grid button:hover { color: var(--ctrl-bg); background: var(--ctrl-cyan); }
.quick-grid span { grid-row: 1/-1; align-self: center; color: var(--ctrl-gold); font: 700 2.4rem var(--display); }.quick-grid button:hover span { color: var(--ctrl-bg); }
.quick-grid strong { align-self: end; font: 600 1.2rem var(--display); text-transform: uppercase; }.quick-grid small { color: var(--ctrl-muted); font: .5rem var(--mono); text-transform: uppercase; }.quick-grid button:hover small { color: rgba(7,9,8,.7); }

.filter-row { margin-bottom: 1rem; display: flex; gap: .4rem; flex-wrap: wrap; }
.collection-table { background: var(--ctrl-panel); border: 1px solid var(--ctrl-line); }.collection-row { min-height: 78px; padding-inline: 1rem; grid-template-columns: 90px minmax(0,1fr) auto auto; }.collection-row time { color: var(--ctrl-muted); font: .54rem var(--mono); }.collection-row .status-chip { justify-self: start; }
.media-thumb { width: 72px; height: 54px; object-fit: cover; background: var(--ctrl-panel-2); }

.event-grid, .scenario-grid, .page-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.event-card-admin, .scenario-card, .page-card-admin { min-height: 330px; padding: 1.5rem; display: flex; flex-direction: column; background: var(--ctrl-panel); border: 1px solid var(--ctrl-line); }
.event-card-admin > small, .scenario-card > small, .page-card-admin > small { color: var(--ctrl-cyan); font: 600 .52rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }.event-card-admin > strong { margin: auto 0 0; font: 700 clamp(4.5rem,8vw,8rem)/.72 var(--display); }.event-card-admin h3, .scenario-card h3, .page-card-admin h3 { margin: .65rem 0; font: 600 2rem/.95 var(--display); text-transform: uppercase; }.event-card-admin p, .scenario-card p, .page-card-admin p { color: var(--ctrl-muted); }.admin-card-actions { margin-top: auto; padding-top: 1rem; display: flex; gap: .45rem; border-top: 1px solid var(--ctrl-line); }.admin-card-actions button, .admin-card-actions a { min-height: 36px; padding: .55rem .7rem; color: var(--ctrl-paper); background: transparent; border: 1px solid var(--ctrl-line); font: 600 .52rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }.admin-card-actions button:hover, .admin-card-actions a:hover { color: var(--ctrl-bg); background: var(--ctrl-cyan); border-color: var(--ctrl-cyan); }
.scenario-card { min-height: 270px; }.scenario-card .scenario-icon { margin: 1rem 0 auto; color: var(--ctrl-gold); font: 700 4.5rem/.8 var(--display); }.scenario-card button { width: 100%; min-height: 42px; color: var(--ctrl-bg); background: var(--ctrl-gold); border: 0; font: 600 .58rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }.scenario-card button:hover { background: var(--ctrl-cyan); }
.page-progress { height: 5px; margin-top: auto; background: var(--ctrl-line); }.page-progress i { display: block; width: var(--complete); height: 100%; background: var(--ctrl-cyan); }
.admin-card-actions .danger:hover { color: var(--ctrl-paper); background: var(--ctrl-coral); border-color: var(--ctrl-coral); }
.section-spacer { margin-top: 1rem; }.full-panel { grid-column: 1/-1; }

.admin-form { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.admin-form label { display: grid; gap: .45rem; color: var(--ctrl-muted); font: 500 .55rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }.admin-form input, .admin-form select, .admin-form textarea { min-height: 46px; padding: .75rem; color: var(--ctrl-paper); background: #090c0a; border: 1px solid var(--ctrl-line); outline: 0; }.admin-form textarea { min-height: 110px; resize: vertical; }.admin-form input:focus, .admin-form select:focus, .admin-form textarea:focus { border-color: var(--ctrl-cyan); }.admin-form .span-2 { grid-column: 1/-1; }.admin-form button { min-height: 46px; color: var(--ctrl-bg); background: var(--ctrl-gold); border: 0; font: 600 .58rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }.admin-form button:hover { background: var(--ctrl-cyan); }
.upload-field small { color: var(--ctrl-muted); font: .52rem var(--body); letter-spacing: 0; text-transform: none; }.editor-preview { min-height: 190px; padding: .75rem; background: #090c0a; border: 1px solid var(--ctrl-line); }.editor-preview img { width: 100%; max-height: 320px; object-fit: contain; }.editor-status { min-height: 1.4em; margin: 0; color: var(--ctrl-coral); font: .65rem var(--body); }.detail-image { width: 100%; max-height: 360px; object-fit: contain; }
.bank-admin { display: grid; gap: 1rem; }.bank-admin code { padding: 1rem; display: block; overflow-wrap: anywhere; color: var(--ctrl-cyan); background: #090c0a; border: 1px solid var(--ctrl-line); font: 600 clamp(1rem,2vw,1.8rem) var(--mono); }

.suite-manifest { margin-bottom: 1rem; display: grid; grid-template-columns: 1fr 1fr; color: var(--ctrl-bg); background: var(--ctrl-cyan); }
.suite-manifest > div { min-height: 250px; padding: 1.5rem; display: flex; flex-direction: column; }.suite-manifest span { font: 600 .55rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }.suite-manifest strong { margin: auto 0 0; font: 700 clamp(4.5rem,8vw,8rem)/.75 var(--display); text-transform: uppercase; }.suite-manifest p { margin: .7rem 0 0; }
.suite-manifest ol { margin: 0; padding: 1.5rem; display: grid; align-content: center; gap: .7rem; color: var(--ctrl-paper); background: #11211e; list-style: none; counter-reset: steps; }.suite-manifest li { padding: .85rem 0; border-bottom: 1px solid var(--ctrl-line); counter-increment: steps; }.suite-manifest li::before { content: "0" counter(steps); margin-right: 1rem; color: var(--ctrl-gold); font: 600 .6rem var(--mono); }
.suite-button { color: var(--ctrl-bg) !important; background: var(--ctrl-green) !important; border-color: var(--ctrl-green) !important; }
.qa-list { display: grid; }.qa-run { padding: 1rem 0; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 1rem; align-items: center; border-top: 1px solid var(--ctrl-line); }.qa-run:first-child { border-top: 0; }.qa-run small { display: block; color: var(--ctrl-muted); font: .5rem var(--mono); }.qa-run strong { display: block; font-size: .9rem; }.qa-run p { margin: .2rem 0 0; color: var(--ctrl-muted); font-size: .7rem; }.qa-run button { min-height: 36px; padding: .55rem .7rem; color: var(--ctrl-muted); background: transparent; border: 1px solid var(--ctrl-line); font: 600 .5rem var(--mono); text-transform: uppercase; }.qa-score { width: 52px; height: 52px; display: grid; place-items: center; color: var(--ctrl-bg); font: 700 .65rem var(--mono); }.qa-score.passed { background: var(--ctrl-green); }.qa-score.failed { color: var(--ctrl-paper); background: var(--ctrl-coral); }

.control-dialog { width: min(760px,calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; color: var(--ctrl-paper); background: var(--ctrl-panel); border: 1px solid var(--ctrl-line); box-shadow: 0 40px 160px rgba(0,0,0,.72); }.control-dialog::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(8px); }.control-dialog > header { padding: 1.5rem; display: flex; justify-content: space-between; border-bottom: 1px solid var(--ctrl-line); }.control-dialog header p { margin: 0; color: var(--ctrl-cyan); font: 600 .54rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }.control-dialog header h2 { margin: .5rem 0 0; font: 700 2.6rem/.9 var(--display); text-transform: uppercase; }.control-dialog header button { width: 42px; height: 42px; color: var(--ctrl-paper); background: transparent; border: 1px solid var(--ctrl-line); font-size: 1.6rem; }.dialog-content { padding: 1.5rem; overflow: auto; }.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.detail-field { padding: 1rem; background: #090c0a; border: 1px solid var(--ctrl-line); }.detail-field.wide { grid-column: 1/-1; }.detail-field span { display: block; margin-bottom: .4rem; color: var(--ctrl-muted); font: 500 .5rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }.detail-field strong, .detail-field p { margin: 0; overflow-wrap: anywhere; font-size: .78rem; }.control-dialog > footer { padding: 1rem 1.5rem; display: flex; justify-content: end; gap: .5rem; border-top: 1px solid var(--ctrl-line); }.control-dialog footer button { min-height: 40px; padding: .65rem .85rem; background: transparent; border: 1px solid var(--ctrl-line); font: 600 .55rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }.control-dialog footer .approve { color: var(--ctrl-bg); background: var(--ctrl-green); border-color: var(--ctrl-green); }.control-dialog footer .reject { background: var(--ctrl-coral); border-color: var(--ctrl-coral); }
.dashboard-toast { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 100; max-width: 360px; padding: .9rem 1rem; color: var(--ctrl-bg); background: var(--ctrl-cyan); box-shadow: 0 20px 60px rgba(0,0,0,.38); font: 600 .62rem var(--mono); letter-spacing: .05em; transform: translateY(140%); transition: transform .3s; }.dashboard-toast[data-tone="error"] { color: var(--ctrl-paper); background: var(--ctrl-coral); }.dashboard-toast.visible { transform: none; }

@media (max-width: 1180px) {
  .metric-grid { grid-template-columns: repeat(2,1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .quick-grid { grid-template-columns: repeat(2,1fr); }
  .collection-row { grid-template-columns: 80px minmax(0,1fr) auto; }.collection-row .row-actions { grid-column: 2/-1; }
}

@media (max-width: 820px) {
  .control-sidebar { width: min(86vw,320px); transform: translateX(-102%); transition: transform .25s; }.control-sidebar.open { transform: none; }
  .control-mobile-head { position: sticky; top: 0; z-index: 50; height: 66px; padding: .8rem 1rem; display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 1rem; background: rgba(7,9,8,.94); border-bottom: 1px solid var(--ctrl-line); backdrop-filter: blur(14px); }.control-mobile-head button { width: 40px; height: 40px; color: var(--ctrl-paper); background: transparent; border: 1px solid var(--ctrl-line); }.control-mobile-head img { width: 155px; }.control-mobile-head span { color: var(--ctrl-cyan); font: 600 .48rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }
  .control-main { margin-left: 0; }.control-topbar { min-height: 145px; padding: 2.2rem 1rem 1.5rem; align-items: start; flex-direction: column; }.control-actions { justify-content: start; }
  .control-view { padding: 1rem; }.view-head { align-items: start; flex-direction: column; }.view-head p { max-width: none; }
  .event-grid, .scenario-grid, .page-grid { grid-template-columns: 1fr; }
  .suite-manifest { grid-template-columns: 1fr; }
  .admin-form { grid-template-columns: 1fr; }.admin-form .span-2 { grid-column: 1; }
}

@media (max-width: 560px) {
  .metric-grid { grid-template-columns: 1fr; }.metric { min-height: 150px; }
  .simulation-badge { display: none; }
  .collection-row { grid-template-columns: 1fr; gap: .6rem; }.collection-row time, .collection-row .status-chip { justify-self: start; }.collection-row .row-actions { grid-column: 1; }
  .queue-item { grid-template-columns: auto minmax(0,1fr); }.queue-item .row-actions { grid-column: 1/-1; justify-content: end; }
  .quick-grid { grid-template-columns: 1fr; }.quick-grid button { min-height: 94px; }
  .qa-run { grid-template-columns: 1fr auto; }.qa-run button { grid-column: 1/-1; }
  .detail-grid { grid-template-columns: 1fr; }.detail-field.wide { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }