/* Дизайн-система «Уценки» (Avito-менеджер) — токены и компоненты 1:1 из макета
   brak-workspace/base.css. Стили login-страницы и отметок исполнения сохранены. */
:root {
  color-scheme: light;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #17221d; background: #f5f6f2;
  --ink: #17221d; --muted: #68736d;
  --brand: #173f32; --brand-2: #23624d; --accent: #dff06c;
  --surface: #fff; --surface-soft: #f0f3ee;
  --border: #dbe1dc; --border-strong: #c7d0c9;
  --success-bg: #e7f5e9; --success: #24633e;
  --warning-bg: #fff1df; --warning: #9a4d1f;
  --danger-bg: #fbe8e7; --danger: #a43c35;
  --info-bg: #e8f0f7; --info: #315e80;
  --shadow-sm: 0 1px 2px rgb(23 34 29 / 5%), 0 8px 22px rgb(23 34 29 / 5%);
  --shadow-md: 0 16px 40px rgb(23 34 29 / 9%);
  --radius: 18px; --radius-sm: 11px;
}
* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; background: linear-gradient(180deg, #eef2ed 0, #f5f6f2 260px); color: var(--ink); font-size: 15px; line-height: 1.45; }
a { color: inherit; text-underline-offset: 3px; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid #7c9cff; outline-offset: 3px; }
h1, h2, p { margin: 0; }

/* ── Topbar ── */
.topbar { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid rgb(255 255 255 / 10%); background: rgb(23 63 50 / 96%); color: white; backdrop-filter: blur(14px); }
.topbar-inner { display: flex; width: min(1240px, calc(100% - 2rem)); min-height: 68px; margin: auto; align-items: center; gap: 1.5rem; flex-wrap: wrap; padding: .4rem 0; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .7rem; text-decoration: none; }
.brand:hover { color: white; }
.brand-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: var(--accent); color: var(--brand); font-weight: 900; }
.brand-text { display: grid; font-size: 1.05rem; font-weight: 850; line-height: 1.05; }
.brand-text small { color: #b9cfc5; font-size: .68rem; font-weight: 650; }
.topnav { display: flex; align-self: stretch; align-items: center; gap: .2rem; }
.topnav a { position: relative; display: flex; align-items: center; padding: 0 .7rem; border-radius: 8px; color: #dce8e2; font-size: .86rem; font-weight: 700; text-decoration: none; }
.topnav a:hover { color: white; background: rgb(255 255 255 / 7%); }
.topnav a[aria-current="page"] { color: white; }
.topnav a[aria-current="page"]::after { position: absolute; right: .7rem; bottom: 0; left: .7rem; height: 3px; border-radius: 3px 3px 0 0; background: var(--accent); content: ""; }
.session { display: flex; align-items: center; gap: .8rem; font-size: .8rem; color: #dce8e2; }
.session .who { border: 1px solid rgb(255 255 255 / 14%); border-radius: 999px; padding: .45rem .7rem; white-space: nowrap; }
.session .readonly { border: 1px solid rgb(255 255 255 / 14%); border-radius: 999px; padding: .45rem .7rem; white-space: nowrap; color: #b9cfc5; }
.session form { margin: 0; }
.session .logout { width: auto; min-height: 0; border-color: transparent; background: transparent; color: #dce8e2; font-weight: 700; }
.session .logout:hover:not(:disabled) { color: white; background: rgb(255 255 255 / 7%); box-shadow: none; transform: none; }

.shell { width: min(1240px, calc(100% - 2rem)); margin: 2.2rem auto 5rem; }

/* ── Заголовки рабочих экранов ── */
.workspace-header, .detail-head { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 1.7rem; flex-wrap: wrap; }
.eyebrow { margin: 0 0 .35rem; color: #688074; font-size: .7rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.workspace-header h1, .detail-head h1 { margin: 0 0 .3rem; font-size: 1.55rem; font-weight: 850; letter-spacing: -.01em; }
.lede { max-width: 680px; margin: 0; color: var(--muted); font-size: 1.02rem; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin: 1.6rem 0 1rem; }
.section-heading h2 { margin: 0; font-size: 1.12rem; font-weight: 800; }
.section-heading .meta { margin-left: auto; color: var(--muted); font-size: .78rem; white-space: nowrap; }

/* ── Summary-карточки ── */
.summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; margin-bottom: 1.25rem; }
.summary-card { position: relative; min-height: 118px; overflow: hidden; padding: 1.05rem 1.2rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.summary-card-primary { border-color: var(--brand); background: var(--brand); color: white; }
.summary-card .num { margin: .35rem 0 0; font-size: 1.7rem; font-weight: 850; font-variant-numeric: tabular-nums; }
.summary-card .num-label { color: var(--muted); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.summary-card-primary .num-label { color: #b9cfc5; }
.summary-card .hint { margin: .3rem 0 0; color: var(--muted); font-size: .74rem; }
.summary-card-primary .hint { color: #d3e2db; }
.summary-grid-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.summary-grid-6 .summary-card { min-height: 108px; padding: .95rem 1rem; }
.summary-grid-6 .num { font-size: 1.15rem; }
.summary-grid-6 .hint { font-size: .68rem; }
.sku-problems { border-color: #bfd3c1; }
.sku-problems-body { display: grid; gap: .9rem; padding: 1.1rem 1.2rem; }
.sku-problem-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.sku-problem-counts > div { display: flex; align-items: baseline; gap: .65rem; padding: .7rem .85rem; border-radius: var(--radius-sm); background: var(--surface-soft); }
.sku-problem-counts strong { font-size: 1.5rem; line-height: 1; font-variant-numeric: tabular-nums; }
.sku-problem-counts span { color: var(--muted); font-size: .8rem; }
.sku-problems-body .button { justify-self: start; }
#kit-decisions { scroll-margin-top: 84px; }
@media (max-width: 680px) { .sku-problem-counts { grid-template-columns: 1fr; } }

/* ── Панели ── */
.panel { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); overflow: hidden; margin-bottom: 1.25rem; }
.panel > header { display: flex; align-items: center; gap: .8rem; padding: .95rem 1.2rem; border-bottom: 1px solid var(--border); }
.panel > header h2 { margin: 0; font-size: 1rem; font-weight: 800; }
.panel > header .meta { margin-left: auto; color: var(--muted); font-size: .76rem; }
.panel .empty { padding: 1.4rem 1.2rem; color: var(--muted); font-size: .95rem; }
.panel .empty strong { color: var(--ink); }
.panel td .empty, td.empty { padding: .4rem .8rem; }

/* ── Таблицы ── */
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .88rem; font-variant-numeric: tabular-nums; }
th { background: #fafbf9; color: var(--muted); font-size: .73rem; font-weight: 750; letter-spacing: .025em; padding: .6rem .8rem; text-align: left; white-space: nowrap; }
td { padding: .65rem .8rem; border-top: 1px solid var(--border); text-align: left; vertical-align: middle; }
tbody tr:hover td { background: var(--surface-soft); }
tr.pkg-total td { border-top: 2px solid var(--border); font-weight: 750; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.name { font-weight: 700; }
.name a { text-decoration: none; }
.name a:hover { color: var(--brand-2); text-decoration: underline; }
.sub { margin: .1rem 0 0; color: var(--muted); font-size: .74rem; }
td small { display: block; margin-top: .15rem; color: var(--muted); font-size: .74rem; }
.wh-ref { color: var(--muted); }

/* ── Статусы и бейджи ── */
.status, .badge { display: inline-flex; width: max-content; max-width: 100%; align-items: center; gap: .4rem; border-radius: 999px; padding: .34rem .58rem; background: #edf0ed; color: #53605a; font-size: .72rem; font-weight: 700; white-space: nowrap; }
.status::before { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: currentColor; content: ""; opacity: .75; }
.status-top { background: var(--brand); color: white; }
.status-a { background: var(--warning-bg); color: var(--warning); }
.status-b { background: var(--info-bg); color: var(--info); }
.status-c { background: #edf0ed; color: #5f6963; }
.status-none { background: transparent; border: 1px solid var(--border); color: var(--muted); }
.status-none::before { display: none; }
.badge-warning { background: var(--warning-bg); color: var(--warning); }
.badge-ok { background: var(--success-bg); color: var(--success); }
.badge-info { background: var(--info-bg); color: var(--info); }
.route-unverified { border: 1px dashed #d9c07a; cursor: help; }

/* ── Кнопки, поиск, фильтры ── */
.button, button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: .55rem; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .5rem .95rem; background: var(--surface); color: var(--ink); font-size: .85rem; font-weight: 700; cursor: pointer; }
.button:hover, button:hover:not(:disabled) { color: var(--ink); transform: translateY(-1px); box-shadow: 0 7px 18px rgb(23 34 29 / 10%); }
.button-primary, button.primary { border-color: var(--brand); background: var(--brand); color: white; }
.button-primary:hover, button.primary:hover:not(:disabled) { color: white; background: var(--brand-2); }
.search { display: flex; gap: .7rem; margin-bottom: 1.25rem; }
.search input[type=search] { flex: 1 1 auto; min-height: 42px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .5rem .9rem; background: var(--surface); font-size: .92rem; }
.package-filter { display: flex; align-items: center; gap: .45rem; color: var(--muted); font-size: .78rem; font-weight: 700; white-space: nowrap; }
.package-filter select { min-height: 42px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .4rem .55rem; background: var(--surface); color: var(--ink); font: inherit; }
.search .count { align-self: center; color: var(--muted); font-size: .8rem; white-space: nowrap; }
.kit-matrix th[scope=row] { min-width: 12rem; white-space: normal; vertical-align: middle; }
.kit-matrix th[scope=row], .kit-matrix td { border-top: 1px solid var(--border); }
.kit-matrix td { min-width: 8rem; vertical-align: middle; }
.matrix-primary { font-size: 1rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.matrix-caption { margin-left: .35rem; color: var(--muted); font-size: .74rem; }
.matrix-extra { display: block; color: var(--muted); font-size: .76rem; line-height: 1.4; }
.matrix-status { display: block; width: fit-content; margin-top: .25rem; color: var(--warning); font-size: .72rem; font-weight: 700; }
.matrix-issues { margin-top: .75rem; font-size: .82rem; }
.matrix-issues ul { padding-left: 1.25rem; }
.kit-matrix tfoot th, .kit-matrix tfoot td { background: var(--surface-soft); font-weight: 750; }
.decision-table { min-width: 960px; }
.repair-proposal { margin: 1rem 1.2rem; padding: 1.25rem; border: 1px solid #b8cfc0; border-radius: var(--radius-sm); background: var(--success-bg); }
.repair-proposal-heading { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.proposal-eyebrow { color: var(--success); font-size: .75rem; font-weight: 700; }
.repair-proposal h4 { margin: .3rem 0; font-size: 1.6rem; line-height: 1.2; color: var(--brand); }
.proposal-result { flex-shrink: 0; }
.proposal-result > span { display: block; font-size: .75rem; color: var(--success); }
.proposal-result > strong { display: block; font-size: 2.25rem; color: var(--brand); font-variant-numeric: tabular-nums; }
.proposal-result strong span { color: var(--success); font-weight: 400; }
.proposal-result small { font-size: .85rem; }
.proposal-result > .proposal-gain { font-weight: 750; }
.repair-package-group { margin-top: 1rem; }
.repair-package-group > strong { font-size: .85rem; }
.repair-package-group ul { display: flex; flex-wrap: wrap; gap: .6rem; padding: 0; margin: .5rem 0 0; list-style: none; }
.repair-package-group li { flex: 1 1 12rem; padding: .75rem; border: 1px solid #c7dbcd; border-radius: var(--radius-sm); background: var(--surface); }
.repair-package-group li span, .repair-package-group li small { display: block; }
.repair-package-group li span { font-weight: 750; }
.repair-package-group li small { margin-top: .3rem; color: var(--success); font-size: .78rem; }
.proposal-caption { margin: 1rem 0 0; font-size: .78rem; color: var(--success); }
.proposal-decisions > summary { padding: .85rem 1.2rem; font-weight: 700; cursor: pointer; }
@media (max-width: 680px) { .repair-proposal-heading { flex-direction: column; align-items: flex-start; gap: .6rem; } .repair-proposal h4 { font-size: 1.3rem; } .repair-package-group li { flex-basis: 100%; } }
.decision-table th[scope=row] { white-space: normal; min-width: 11rem; vertical-align: top; }
/* Keep the proposed writeoff prominent without making its label a control. */
.decision-table th.writeoff-good-action { background: #fff0b3; border-left: 5px solid #d89000; padding: .85rem 1rem; min-width: 13rem; color: #583500; font-size: 1.5rem; line-height: 1.15; font-weight: 850; letter-spacing: -.025em; }
.decision-table .writeoff-good-action br { display: none; }
.decision-table .writeoff-good-action small { display: block; margin-top: .55rem; font-size: .78rem; line-height: 1.45; font-weight: 650; letter-spacing: normal; color: #684500; }
.decision-table td { vertical-align: top; min-width: 9rem; }
.decision-table td:nth-child(2) { min-width: 15rem; }
.decision-table td:nth-child(4) { min-width: 13rem; }
.decision-table select, .decision-table input { max-width: 100%; min-height: 36px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .35rem .5rem; background: var(--surface); color: var(--ink); font: inherit; }
.decision-table input { width: 100%; box-sizing: border-box; }
.decision-table button { min-height: 34px; margin-top: .35rem; }
.decision-table details { margin-top: .35rem; font-size: .78rem; }
.decision-table ul { padding-left: 1.1rem; margin: .4rem 0; }
.decision-table .decision-meta, .decision-table .decision-status { display: block; }
.decision-table tfoot th, .decision-table tfoot td { border-top: 2px solid var(--border-strong); background: var(--surface-soft); font-weight: 750; }
.filters { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: 1rem; }
.filters .filters-label { color: var(--muted); font-size: .78rem; font-weight: 700; margin-right: .25rem; }
.chip { display: inline-flex; align-items: center; gap: .35rem; border: 1px solid var(--border-strong); border-radius: 999px; padding: .38rem .8rem; background: var(--surface); color: var(--ink); font-size: .78rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.chip:hover { transform: translateY(-1px); box-shadow: 0 7px 18px rgb(23 34 29 / 10%); }
.chip .cnt { color: var(--muted); font-weight: 650; }
.chip[aria-pressed="true"] { border-color: var(--brand); background: var(--brand); color: white; }
.chip[aria-pressed="true"] .cnt { color: #b9cfc5; }

/* ── Исполнение рекомендаций (exec-mark; классы и data-action-id не менялись) ── */
.exec { display: flex; justify-content: flex-end; align-items: center; gap: .5rem; flex-wrap: wrap; }
.exec input[type=checkbox] { width: 17px; height: 17px; accent-color: var(--brand); }
.exec input[type=text] { width: 130px; min-height: 38px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .4rem .7rem; font-size: .82rem; }
.exec button { min-height: 38px; padding: .4rem .85rem; font-size: .8rem; }
.exec-mark { display: inline-flex; flex-wrap: wrap; gap: .35rem; align-items: center; justify-content: flex-end; }
.exec-mark label { display: inline-flex; gap: .3rem; align-items: center; color: var(--muted); font-size: .74rem; font-weight: 650; white-space: nowrap; }
.exec-mark input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: var(--brand); }
.exec-mark input[type="text"] { width: 9.5rem; min-height: 32px; padding: .3rem .6rem; font-size: .78rem; }
.exec-mark .exec-save { min-height: 32px; padding: .3rem .75rem; font-size: .78rem; }
.exec-mark .exec-status { font-size: .72rem; font-weight: 700; }
.exec-mark .exec-meta { color: var(--muted); font-size: .7rem; }

/* ── Уведомления, крошки, пагинация ── */
.notice { display: flex; gap: 10px; align-items: baseline; margin-bottom: 16px; padding: 12px 16px; border-left: 4px solid #b77816; border-radius: 10px; background: var(--warning-bg); }
.notice span { color: var(--warning); }
.notice.degraded { border-left-color: var(--danger); background: var(--danger-bg); }
.notice.degraded span { color: var(--danger); }
.crumbs { margin-bottom: 1rem; font-size: .85rem; font-weight: 700; }
.crumbs a { color: var(--brand-2); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }
.pagination { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.2rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .82rem; }
.pagination a { color: var(--brand-2); text-decoration: none; font-weight: 700; }
.pagination a:hover { text-decoration: underline; }
.footer-note { margin: 1.6rem 0 0; color: var(--muted); font-size: .78rem; overflow-wrap: anywhere; }

/* ── Login-страница (base.html-независимая, стили сохранены) ── */
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: linear-gradient(180deg, #eef2ed 0, #f5f6f2 260px); }
.login-card { width: min(100%, 26rem); padding: 2rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-md); }
.login-card h1 { margin-bottom: .5rem; font-size: 1.5rem; font-weight: 850; }
.login-card p { color: var(--muted); }
.login-form { display: grid; gap: .75rem; margin-top: 1.5rem; }
.login-form label { display: grid; gap: .3rem; color: var(--muted); font-size: .78rem; font-weight: 700; }
.login-form input[type=text], .login-form input[type=password] { min-height: 42px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: .5rem .9rem; background: var(--surface); font-size: .92rem; }
.login-form button { margin-top: .5rem; }
.login-error { margin-top: 1rem; color: var(--danger); font-weight: 650; }

#stock-evidence > p, #stock-evidence > h3, #stock-evidence > details, .panel > .evidence-note { margin: 1rem 1.2rem; }
#stock-evidence > ul { margin: 1rem 1.2rem; padding-left: 1.2rem; }
#stock-evidence details { overflow-wrap: anywhere; }

.hidden { display: none; }

/* ── Адаптив ── */
@media (max-width: 1100px) { .summary-grid-6 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
  .search { flex-wrap: wrap; }
  .search input[type=search] { flex-basis: 100%; }
  .summary-grid { grid-template-columns: repeat(2, 1fr); }
  .summary-grid-6 { grid-template-columns: repeat(2, 1fr); }
  .search .count { display: none; }
  .workspace-header, .detail-head { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .topbar-inner { gap: .8rem; }
  .session .readonly { display: none; }
}

.search-workflow > p, .search-workflow > div, .search-workflow > details, .search-workflow > form { margin: 1rem 1.2rem; }
.search-workflow fieldset { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--border); }
.search-workflow label { display: flex; flex-direction: column; gap: .4rem; max-width: 100%; }
.search-workflow input, .search-workflow textarea { max-width: 100%; padding: .5rem; border: 1px solid var(--border); border-radius: 6px; }
.search-workflow input[type=checkbox] { align-self: flex-start; }
#sku-search-result { font-weight: 600; }
#sku-search-status { color: var(--muted); }

#sku-search-result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; font-weight: 400; }
#sku-search-result > p { grid-column: 1 / -1; margin: 0; color: var(--muted); }
.search-decision { border-left: 3px solid var(--border-strong); padding: .2rem .8rem; }
.search-decision strong { font-size: .85rem; }
.search-decision p { margin: .4rem 0 0; font-weight: 600; }
#search-action > summary { color: #214d3e; font-weight: 650; }
#search-action form { margin-top: 1rem; }
#search-evidence { font-size: .85rem; color: var(--muted); }
.search-workflow fieldset > .hint { flex-basis: 100%; margin: 0; }
.search-workflow fieldset[hidden] { display: none; }
@media (max-width: 650px) { #sku-search-result { grid-template-columns: 1fr; } }

#search-scenarios { border-top: 1px solid var(--border); padding-top: .8rem; }
#search-scenarios p { margin: .4rem 0; color: var(--muted); font-size: .9rem; }

/* Decisions: one working table, one result; source details on demand. */
.decision-context { display: flex; flex-wrap: wrap; gap: 1.2rem; margin: -.5rem 0 1rem; color: var(--muted); font-size: .88rem; }
.decision-context strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.decision-result { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; background: var(--surface-soft); }
.decision-result > div { display: grid; gap: .2rem; }
.decision-result strong { font-size: 1.3rem; color: var(--brand); font-variant-numeric: tabular-nums; }
.decision-result span, .decision-result small { color: var(--muted); font-size: .85rem; }
.decision-policy { white-space: nowrap; }
.decision-stock { border-bottom: 1px solid var(--border); }
.decision-stock > summary, .decision-reference > summary { padding: .85rem 1.2rem; cursor: pointer; font-weight: 700; }
.decision-stock .hint { padding: 0 1.2rem .85rem; }
#kit-fact-gate > h3, #kit-decisions > h3 { margin: 1rem 1.2rem .35rem; font-size: 1rem; }
#kit-fact-gate > .hint, #kit-decisions > .hint, #kit-decisions > p { margin: .35rem 1.2rem .85rem; }
#kit-fact-gate > ul { margin: .8rem 1.2rem; padding-left: 1.1rem; }
.decision-reference { margin-bottom: 1rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); }
.decision-reference[open] { padding-bottom: 1rem; }
.decision-reference > .panel, .decision-reference > .section-heading, .decision-reference > .summary-grid, .decision-reference > .hint { margin-left: 1rem; margin-right: 1rem; }
.decision-table .outcome-meta, .decision-table .outcome-status { display: block; }
@media (max-width: 680px) { .decision-result { flex-direction: column; } .decision-context { gap: .75rem; } }

.queue-workspace > p, .queue-workspace > form { margin: 1rem 0; }
.queue-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.queue-filters a { padding: .6rem .8rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); text-decoration: none; }
.queue-filters a[aria-current="page"] { background: var(--brand); color: white; }
.queue-workspace input { padding: .5rem; max-width: 100%; }
.queue-workspace button { padding: .5rem .8rem; }