* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { font-family: var(--ax-font-sans); color: var(--ax-color-ink); background: var(--ax-color-canvas); }
body { min-width: 20rem; margin: 0; color: var(--ax-color-ink); background: var(--ax-color-canvas); line-height: 1.5; }
a { color: var(--ax-color-brand-600); }
a:hover { color: var(--ax-color-brand-hover); }
:focus-visible { outline: 3px solid var(--ax-color-focus); outline-offset: 2px; }
.skip-link { position: fixed; top: -5rem; left: var(--ax-space-4); z-index: 20; padding: var(--ax-space-3); background: var(--ax-color-surface); }
.skip-link:focus { top: var(--ax-space-4); }
.app-header { min-height: 4.25rem; display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-4); padding: var(--ax-space-3) var(--ax-space-6); color: #fff; background: var(--ax-color-brand-900); }
.wordmark { display: inline-flex; align-items: center; gap: var(--ax-space-3); color: #fff; text-decoration: none; }
.wordmark:hover { color: #fff; }
.wordmark-logo { display: block; width: 9rem; height: 2.6rem; object-fit: contain; }
.wordmark-icon { display: none; width: 2.4rem; height: 2.4rem; object-fit: contain; }
.wordmark-product { color: #d9deef; font-size: 0.9rem; }
.environment-badge { display: inline-flex; align-items: center; gap: var(--ax-space-2); padding: var(--ax-space-1) var(--ax-space-3); border: 1px solid #596071; border-radius: 999px; color: #e8eaf0; font-size: 0.75rem; }
.environment-badge-live { border-color: #ffbd66; }
.environment-badge-live strong { color: #ffd8a3; }
.environment-badge-dev strong, .environment-badge-development strong, .environment-badge-rc strong { color: #b8c7ff; }
.header-actions { display: flex; align-items: center; gap: var(--ax-space-4); }
.user-account { display: flex; align-items: center; gap: var(--ax-space-3); padding-right: var(--ax-space-4); border-right: 1px solid #596071; }
.user-summary { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.25; }
.user-summary strong { color: #fff; font-size: 0.85rem; }
.user-summary span { color: #bfc6d8; font-size: 0.7rem; }
.header-logout { padding: var(--ax-space-1) var(--ax-space-2); border: 0; color: #e8eaf0; background: transparent; font: inherit; font-size: 0.8rem; font-weight: 700; cursor: pointer; }
.header-logout:hover { color: #fff; text-decoration: underline; text-underline-offset: 0.2em; }
.language-switcher { display: flex; align-items: center; gap: var(--ax-space-2); color: #aeb5c7; }
.language-switcher form { margin: 0; }
.language-option { padding: var(--ax-space-1); border: 0; color: #d9deef; background: transparent; font: inherit; cursor: pointer; }
.language-option:hover { color: #fff; }
.language-option-active { color: #fff; font-weight: 750; text-decoration: underline; text-underline-offset: 0.2em; }
.app-shell { min-width: 0; min-height: calc(100vh - 4.25rem); display: grid; grid-template-columns: 15rem minmax(0, 1fr); }
.sidebar { min-width: 0; display: flex; flex-direction: column; gap: var(--ax-space-1); padding: var(--ax-space-6) var(--ax-space-3); border-right: 1px solid var(--ax-color-border); background: var(--ax-color-surface); }
.nav-item { display: flex; justify-content: space-between; gap: var(--ax-space-3); padding: 0.65rem var(--ax-space-3); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); font-weight: 600; text-decoration: none; }
.nav-item-active { color: #fff; background: var(--ax-color-brand-600); }
.nav-item-active:hover { color: #fff; background: var(--ax-color-brand-hover); }
.nav-item-disabled { color: #848995; cursor: not-allowed; }
.nav-item small { align-self: center; font-size: 0.65rem; font-weight: 500; text-transform: uppercase; }
.main-content { min-width: 0; width: 100%; max-width: 92rem; padding: var(--ax-space-8); }
.messages { margin-bottom: var(--ax-space-4); }
.message { padding: var(--ax-space-3) var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); }
.message-success { border-color: var(--ax-color-success); color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.message-warning { border-color: var(--ax-color-warning); color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.message-error { border-color: var(--ax-color-danger); color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-6); margin-bottom: var(--ax-space-6); }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: var(--ax-space-1); font-size: clamp(1.7rem, 3vw, 2.2rem); line-height: 1.2; }
h2 { margin-bottom: var(--ax-space-2); font-size: 1.25rem; }
.eyebrow { margin-bottom: var(--ax-space-2); color: var(--ax-color-muted); font-size: 0.75rem; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; }
.lead { margin-bottom: 0; color: var(--ax-color-muted); }
.status-pill { display: inline-flex; align-items: center; padding: var(--ax-space-2) var(--ax-space-3); border-radius: 999px; font-size: 0.8rem; font-weight: 700; white-space: nowrap; }
.status-ok { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.firmware-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-3); margin-bottom: var(--ax-space-4); }
.firmware-card { padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-left-width: 0.35rem; border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.firmware-card-green { border-left-color: var(--ax-color-success); }
.firmware-card-orange { border-left-color: var(--ax-color-warning); }
.firmware-card-gray { border-left-color: var(--ax-color-muted); }
.firmware-card-red { border-left-color: var(--ax-color-danger); }
.firmware-status { display: inline-flex; min-width: 0; max-width: 100%; flex-wrap: wrap; gap: 0.25rem; align-items: center; font-size: 0.75rem; overflow-wrap: anywhere; }
.firmware-status-green { color: var(--ax-color-success); }
.firmware-status-orange { color: var(--ax-color-warning); }
.firmware-status-gray { color: var(--ax-color-muted); }
.firmware-status-red { color: var(--ax-color-danger); }
.firmware-indicators { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); margin-top: var(--ax-space-1); }
.firmware-baseline-actions { margin: calc(-1 * var(--ax-space-2)) 0 var(--ax-space-4); font-size: 0.85rem; }
.firmware-premium { margin-bottom: var(--ax-space-4); }
.firmware-premium, .firmware-premium * { min-width: 0; }
.firmware-premium-board { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ax-color-brand-600) 14%, var(--ax-color-border)); border-radius: 1.125rem; background: var(--ax-color-surface); box-shadow: 0 1.375rem 3.75rem color-mix(in srgb, var(--ax-color-brand-900) 14%, transparent); }
.firmware-premium-board::before { position: absolute; z-index: 1; inset: 0 0 auto; height: .25rem; background: linear-gradient(90deg, var(--ax-color-brand-600), var(--ax-color-success)); content: ""; }
.firmware-premium-statuses { display: grid; grid-template-columns: 1.25fr .75fr; border-bottom: 1px solid var(--ax-color-border); }
.firmware-premium-status { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) auto; gap: var(--ax-space-3); align-items: center; min-height: 5.25rem; padding: 1.125rem 1.25rem; border: 0; border-right: 1px solid var(--ax-color-border); color: var(--ax-color-ink); background: transparent; font: inherit; text-align: left; cursor: pointer; }
.firmware-premium-status:last-child { border-right: 0; }
.firmware-premium-status[aria-selected="true"] { background: linear-gradient(110deg, color-mix(in srgb, var(--ax-color-brand-600) 11%, var(--ax-color-surface)), transparent 70%); }
.firmware-premium-status-green { color: var(--ax-color-success); background: linear-gradient(110deg, var(--ax-color-success-soft), transparent 72%); }
.firmware-premium-status-green[aria-selected="true"] { background: linear-gradient(110deg, var(--ax-color-success-soft), transparent 72%); }
.firmware-premium-status-icon { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .8125rem; color: var(--ax-color-muted); background: color-mix(in srgb, var(--ax-color-muted) 12%, var(--ax-color-surface)); }
.firmware-premium-status-orange .firmware-premium-status-icon { color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.firmware-premium-status-green .firmware-premium-status-icon { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.firmware-premium-status-red .firmware-premium-status-icon { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.firmware-premium svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.firmware-premium-status-copy { display: grid; gap: .1875rem; }
.firmware-premium-status-copy strong { color: var(--ax-color-ink); font-weight: 650; }
.firmware-premium-status-copy small { color: var(--ax-color-muted); font-size: .75rem; overflow-wrap: anywhere; }
.firmware-premium-result { padding: .3125rem .5625rem; border-radius: 999px; color: var(--ax-color-muted); background: color-mix(in srgb, var(--ax-color-muted) 12%, var(--ax-color-surface)); font-size: .75rem; font-weight: 650; white-space: nowrap; }
.firmware-premium-status-orange .firmware-premium-result { color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.firmware-premium-status-green .firmware-premium-result { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.firmware-premium-status-red .firmware-premium-result { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.firmware-premium-body { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(13.125rem, .55fr); }
.firmware-premium-route-area { padding: 1.5rem; border-right: 1px solid var(--ax-color-border); }
.firmware-premium-route-head { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-3); margin-bottom: 1.5rem; }
.firmware-premium-route-head h3 { margin: 0; font-size: 1rem; font-weight: 650; }
.firmware-premium-route-head > span { color: var(--ax-color-muted); font-size: .75rem; text-align: right; }
.firmware-premium-route { display: flex; align-items: center; gap: .5625rem; }
.firmware-premium-route-single { justify-content: flex-start; }
.firmware-premium-node { flex: 0 1 auto; min-width: 5.9375rem; padding: .6875rem .75rem; border-radius: .6875rem; background: color-mix(in srgb, var(--ax-color-brand-600) 11%, var(--ax-color-surface)); text-align: center; }
.firmware-premium-node small { display: block; margin-bottom: .1875rem; color: var(--ax-color-muted); font-size: .6875rem; }
.firmware-premium-node strong { font-weight: 650; overflow-wrap: anywhere; }
.firmware-premium-node.is-target { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.firmware-premium-rail { position: relative; flex: 1 1 4.375rem; height: .1875rem; overflow: hidden; border-radius: 999px; background: var(--ax-color-border); }
.firmware-premium-rail::after { position: absolute; inset: 0 auto 0 -45%; width: 45%; background: linear-gradient(90deg, transparent, var(--ax-color-brand-600), transparent); animation: firmware-premium-flow 2.1s linear infinite; content: ""; }
.firmware-premium-packages { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); margin-top: 1.375rem; }
.firmware-premium-package, .firmware-premium-quiet, .firmware-premium-open { display: inline-flex; align-items: center; gap: .4375rem; min-height: 2.5rem; padding: .5rem .6875rem; border: 1px solid var(--ax-color-border); border-radius: .5625rem; color: var(--ax-color-brand-700); background: var(--ax-color-surface); font-weight: 650; text-decoration: none; }
.firmware-premium-package:hover, .firmware-premium-quiet:hover { color: var(--ax-color-brand-hover); border-color: var(--ax-color-brand-600); }
.firmware-premium-package.is-primary { border-color: color-mix(in srgb, var(--ax-color-brand-600) 30%, var(--ax-color-border)); background: color-mix(in srgb, var(--ax-color-brand-600) 11%, var(--ax-color-surface)); }
.firmware-premium-unknown { display: grid; gap: .25rem; padding: var(--ax-space-4); border-radius: .6875rem; color: var(--ax-color-muted); background: color-mix(in srgb, var(--ax-color-muted) 9%, var(--ax-color-surface)); }
.firmware-premium-unknown strong { color: var(--ax-color-ink); }
.firmware-premium-facts { display: grid; align-content: start; gap: 1.0625rem; padding: 1.5rem 1.25rem; }
.firmware-premium-facts > div { display: grid; }
.firmware-premium-fact-label { margin-bottom: .25rem; color: var(--ax-color-muted); font-size: .6875rem; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; }
.firmware-premium-facts strong { font-weight: 650; }
.firmware-premium-target-wrap { position: relative; width: fit-content; }
.firmware-premium-target { display: inline-flex; align-items: center; gap: .375rem; padding: 0; border: 0; color: var(--ax-color-ink); background: transparent; font: inherit; font-weight: 650; cursor: help; }
.firmware-premium-target svg { width: 1rem; color: var(--ax-color-muted); }
.firmware-premium-tooltip { position: absolute; z-index: 3; top: calc(100% + .5rem); right: 0; display: none; width: max-content; max-width: min(18rem, 75vw); padding: .5rem .625rem; border: 1px solid var(--ax-color-border); border-radius: .5rem; color: var(--ax-color-ink); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-sm); font-size: .75rem; font-weight: 500; }
.firmware-premium-target:hover + .firmware-premium-tooltip, .firmware-premium-target:focus-visible + .firmware-premium-tooltip, .firmware-premium-target[aria-expanded="true"] + .firmware-premium-tooltip { display: block; }
.firmware-premium-override { display: grid; gap: .125rem; }
.firmware-premium-override > strong { color: var(--ax-color-warning); }
.firmware-premium-override small { color: var(--ax-color-muted); overflow-wrap: anywhere; }
.firmware-premium-source { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-2); min-height: 2.625rem; padding: .5625rem .6875rem; border: 1px solid color-mix(in srgb, var(--ax-color-brand-600) 30%, var(--ax-color-border)); border-radius: .5625rem; color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 11%, var(--ax-color-surface)); font-weight: 650; text-decoration: none; }
.firmware-premium-source.is-disabled, .firmware-premium-open.is-disabled { color: var(--ax-color-muted); border-color: var(--ax-color-border); background: color-mix(in srgb, var(--ax-color-muted) 8%, var(--ax-color-surface)); }
.firmware-premium-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-2); flex-wrap: wrap; padding: 1rem 1.25rem; border-top: 1px solid var(--ax-color-border); }
.firmware-premium-footer > div { display: flex; gap: var(--ax-space-2); flex-wrap: wrap; }
.firmware-premium-quiet { color: var(--ax-color-ink); background: transparent; }
.firmware-premium-open { margin-left: auto; color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--ax-color-brand-600), #38a7f4); box-shadow: 0 .625rem 1.5rem color-mix(in srgb, var(--ax-color-brand-600) 25%, transparent); }
.firmware-premium-open:hover { color: #fff; }
@keyframes firmware-premium-flow { to { transform: translateX(330%); } }
.server-primary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-4); align-items: stretch; margin-bottom: var(--ax-space-4); }
.server-primary-grid > * { min-width: 0; }
.server-primary-firmware { display: flex; min-width: 0; flex-direction: column; }
.server-primary-firmware .firmware-premium { display: flex; flex: 1; margin-bottom: 0; }
.server-primary-firmware .firmware-premium-board { width: 100%; }
.server-primary-firmware .firmware-premium-status { grid-template-columns: 2.75rem minmax(0, 1fr); padding: 1rem; }
.server-primary-firmware .firmware-premium-result { grid-column: 2; width: fit-content; }
.server-primary-firmware .firmware-premium-body { grid-template-columns: 1fr; }
.server-primary-firmware .firmware-premium-route-area { padding: 1.25rem; border-right: 0; border-bottom: 1px solid var(--ax-color-border); }
.server-primary-firmware .firmware-premium-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ax-space-3); padding: 1rem 1.25rem; }
.server-primary-firmware .firmware-premium-source { grid-column: 1 / -1; }
.server-primary-firmware .firmware-baseline-actions { margin: var(--ax-space-2) 0 0; }
.inventory-premium { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; padding: 1.25rem; border: 1px solid color-mix(in srgb, var(--ax-color-brand-600) 14%, var(--ax-color-border)); border-radius: 1.125rem; background: var(--ax-color-surface); box-shadow: 0 1.375rem 3.75rem color-mix(in srgb, var(--ax-color-brand-900) 14%, transparent); }
.inventory-premium::before { position: absolute; inset: 0 0 auto; height: .25rem; background: linear-gradient(90deg, var(--ax-color-brand-600), var(--ax-color-success)); content: ""; }
.inventory-premium-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ax-space-3); padding-top: .25rem; }
.inventory-premium-heading { display: flex; min-width: 0; align-items: center; gap: var(--ax-space-3); }
.inventory-premium-heading h2 { margin: 0; font-size: 1.05rem; }
.inventory-premium-heading p { margin: .2rem 0 0; color: var(--ax-color-muted); font-size: .75rem; }
.inventory-premium-icon { display: grid; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; place-items: center; border-radius: .8125rem; color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 11%, var(--ax-color-surface)); }
.inventory-premium svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.inventory-premium-status { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .4rem; padding: .35rem .6rem; border-radius: 999px; color: var(--ax-color-muted); background: color-mix(in srgb, var(--ax-color-muted) 10%, var(--ax-color-surface)); font-size: .75rem; font-weight: 700; }
.inventory-premium-status i { width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 .2rem color-mix(in srgb, currentColor 13%, transparent); }
.inventory-premium-current .inventory-premium-status { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.inventory-premium-stale .inventory-premium-status, .inventory-premium-partial .inventory-premium-status { color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.inventory-premium-error .inventory-premium-status { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.inventory-premium-running .inventory-premium-status { color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 11%, var(--ax-color-surface)); }
.inventory-premium-running .inventory-premium-status i { animation: inventory-premium-pulse 1.5s ease-in-out infinite; }
.inventory-premium-detail { margin: 1rem 0; color: var(--ax-color-muted); font-size: .82rem; }
.inventory-premium-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-2); }
.inventory-premium-metric { display: grid; align-content: start; min-height: 5.4rem; padding: .8rem; border: 1px solid color-mix(in srgb, var(--ax-color-brand-600) 8%, var(--ax-color-border)); border-radius: .72rem; background: color-mix(in srgb, var(--ax-color-brand-600) 4%, var(--ax-color-surface)); }
.inventory-premium-metric > span { color: var(--ax-color-muted); font-size: .68rem; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; }
.inventory-premium-metric strong { margin-top: .35rem; font-size: .9rem; line-height: 1.25; overflow-wrap: anywhere; }
.inventory-premium-metric small { margin-top: .25rem; color: var(--ax-color-muted); font-size: .72rem; overflow-wrap: anywhere; }
.inventory-premium-observations { display: grid; gap: .15rem; margin-top: .4rem; padding-top: .4rem; border-top: 1px solid color-mix(in srgb, var(--ax-color-border) 72%, transparent); }
.inventory-premium-observations small { margin: 0; color: var(--ax-color-ink); font-size: .68rem; }
.inventory-premium-empty { display: grid; gap: .35rem; padding: 1.25rem; border-radius: .72rem; color: var(--ax-color-muted); background: color-mix(in srgb, var(--ax-color-muted) 8%, var(--ax-color-surface)); }
.inventory-premium-empty strong { color: var(--ax-color-ink); }
.inventory-premium-highlights { margin-top: var(--ax-space-2); border-top: 1px solid var(--ax-color-border); }
.inventory-premium-highlights summary, .inventory-premium-more summary, .inventory-premium-history summary { padding: .7rem 0; color: var(--ax-color-muted); cursor: pointer; font-size: .75rem; font-weight: 700; }
.inventory-premium-highlights summary span { display: inline-grid; min-width: 1.25rem; min-height: 1.25rem; margin-left: .25rem; place-items: center; border-radius: 999px; color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 10%, var(--ax-color-surface)); }
.inventory-premium-highlights > div { display: grid; gap: .35rem; padding-bottom: .65rem; }
.inventory-premium-highlights p { display: grid; gap: .15rem; margin: 0; padding: .55rem .65rem; border-radius: .5rem; background: color-mix(in srgb, var(--ax-color-brand-600) 4%, var(--ax-color-surface)); }
.inventory-premium-highlights strong { font-size: .75rem; overflow-wrap: anywhere; }
.inventory-premium-highlights small { color: var(--ax-color-muted); font-size: .7rem; }
.inventory-premium-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-2); flex-wrap: wrap; margin-top: auto; padding-top: 1rem; }
.inventory-premium-refresh, .inventory-premium-full { display: inline-flex; min-height: 2.5rem; align-items: center; justify-content: center; padding: .5rem .75rem; border: 1px solid var(--ax-color-border); border-radius: .5625rem; color: var(--ax-color-ink); background: transparent; font-weight: 650; text-decoration: none; }
.inventory-premium-full { margin-left: auto; color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--ax-color-brand-600), #38a7f4); }
.inventory-premium-refresh:hover, .inventory-premium-refresh:focus-visible { color: var(--ax-color-brand-700); border-color: var(--ax-color-brand-600); }
.inventory-premium-full:hover, .inventory-premium-full:focus-visible { color: #fff; box-shadow: 0 .5rem 1.25rem color-mix(in srgb, var(--ax-color-brand-600) 22%, transparent); }
.inventory-premium-more { margin-top: .25rem; text-align: right; }
.inventory-premium-more summary { display: inline-block; padding-bottom: 0; }
.inventory-premium-more > div { display: flex; justify-content: flex-end; gap: var(--ax-space-3); flex-wrap: wrap; padding-top: .55rem; }
.inventory-premium-more a { font-size: .75rem; font-weight: 650; }
.inventory-premium-history { margin-top: .25rem; border-top: 1px solid var(--ax-color-border); }
.inventory-premium-history summary span { margin-left: .25rem; color: var(--ax-color-brand-700); }
.inventory-premium-history > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; padding-bottom: .5rem; }
.inventory-premium-history a { display: grid; gap: .1rem; padding: .45rem .55rem; border-radius: .45rem; background: color-mix(in srgb, var(--ax-color-brand-600) 4%, var(--ax-color-surface)); font-size: .7rem; text-decoration: none; }
.inventory-premium-history small { color: var(--ax-color-muted); }
@keyframes inventory-premium-pulse { 50% { opacity: .45; transform: scale(.8); } }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: var(--ax-space-2) var(--ax-space-4); border: 1px solid transparent; border-radius: var(--ax-radius-sm); font: inherit; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; }
.button-primary { color: #fff; background: var(--ax-color-brand-600); }
.button-primary:hover { color: #fff; background: var(--ax-color-brand-hover); }
.button-secondary { border-color: var(--ax-color-border); color: var(--ax-color-ink); background: var(--ax-color-surface); }
.button-secondary:hover { color: var(--ax-color-brand-600); border-color: var(--ax-color-brand-600); }
.button-danger { border-color: var(--ax-color-danger); color: var(--ax-color-danger); background: var(--ax-color-surface); }
.button-danger:hover { color: #fff; background: var(--ax-color-danger); }
.button-group, .form-actions, .filter-actions { display: flex; align-items: center; gap: var(--ax-space-3); }
.panel { padding: var(--ax-space-6); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-sm); }
.panel-header { display: flex; justify-content: space-between; gap: var(--ax-space-4); }
.system-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ax-space-4); margin: var(--ax-space-6) 0 0; }
.system-grid div { padding: var(--ax-space-4); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.system-grid dt { color: var(--ax-color-muted); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; }
.system-grid dd { margin: var(--ax-space-2) 0 0; font-weight: 700; }
.system-update-panel, .system-update-panel * { min-width: 0; }
.system-update-panel dd, .system-update-panel code { overflow-wrap: anywhere; word-break: break-word; }
.system-update-steps { display: grid; gap: var(--ax-space-5); padding-left: 1.4rem; }
.system-update-steps > li { padding-left: var(--ax-space-2); }
.system-update-steps h3 { margin: 0 0 var(--ax-space-2); font-size: 1rem; }
.copy-code { position: relative; min-width: 0; }
.command-block { max-width: 100%; margin: var(--ax-space-3) 0; padding: var(--ax-space-3); overflow: auto; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); white-space: pre-wrap; overflow-wrap: anywhere; }
.command-block code { display: block; min-width: max-content; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }
.copy-code-button { min-width: 5.5rem; }

.endpoint-formset-section { display: grid; gap: var(--ax-space-4); margin-top: var(--ax-space-5); }
.endpoint-formset { display: grid; gap: var(--ax-space-3); }
.endpoint-form-row { min-width: 0; padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); }
.endpoint-form-row > legend { padding: 0 .35rem; font-weight: 700; }
.endpoint-form-fields { display: grid; grid-template-columns: minmax(11rem, 1fr) minmax(13rem, 1fr) minmax(14rem, 1fr) auto; gap: var(--ax-space-3); align-items: end; }
.endpoint-remove-control > input { display: none; }
.asset-endpoint-list { display: grid; gap: var(--ax-space-3); min-width: 14rem; }
.asset-endpoint { display: grid; gap: var(--ax-space-1); }
.asset-endpoint .copy-code { grid-template-columns: minmax(0, 1fr) auto; }
.asset-endpoint .command-block { padding: .45rem .6rem; }

@media (max-width: 800px) {
  .endpoint-form-fields { grid-template-columns: 1fr; }
  .endpoint-remove-control { justify-self: start; }
}
.backup-summary { margin-bottom: var(--ax-space-6); }
.backup-summary dd { overflow-wrap: anywhere; }
.backup-error-summary { font-size: .9rem; line-height: 1.45; }
.backup-download-progress { border-left: .3rem solid var(--ax-color-brand-600); }
.backup-download-progress p { margin-bottom: var(--ax-space-4); }
.filter-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: var(--ax-space-3); align-items: end; margin-bottom: var(--ax-space-4); padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.filter-search { grid-column: span 2; }
.filter-panel label, .form-field label { display: block; margin-bottom: var(--ax-space-1); color: var(--ax-color-muted); font-size: 0.75rem; font-weight: 700; }
.filter-panel input, .filter-panel select, .data-form input, .data-form select, .data-form textarea { width: 100%; min-height: 2.5rem; padding: var(--ax-space-2) var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; }
.filter-actions { grid-column: 1 / -1; justify-content: flex-end; }
.table-panel { overflow-x: auto; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-sm); }
.data-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; white-space: nowrap; }
.data-table th, .data-table td { padding: var(--ax-space-3); border-bottom: 1px solid var(--ax-color-border); text-align: left; vertical-align: middle; }
.data-table th { color: var(--ax-color-muted); background: var(--ax-color-canvas); font-size: 0.7rem; letter-spacing: 0.03em; text-transform: uppercase; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:hover { background: color-mix(in srgb, var(--ax-color-brand-600) 6%, var(--ax-color-surface)); }
.empty-state { padding: var(--ax-space-8) !important; color: var(--ax-color-muted); text-align: center !important; }
.connectivity-dot { display: inline-block; width: 0.7rem; height: 0.7rem; border: 2px solid var(--ax-color-muted); border-radius: 50%; background: transparent; vertical-align: middle; }
.connectivity-online { border-color: var(--ax-color-success); background: var(--ax-color-success); }
.connectivity-offline { border-color: var(--ax-color-danger); background: var(--ax-color-danger); }
.connectivity-disabled, .connectivity-pending { border-color: var(--ax-color-muted); background: var(--ax-color-muted); }
.connectivity-status { display: inline-flex; align-items: center; gap: .35rem; color: var(--ax-color-muted); font-size: .78rem; font-weight: 800; }
.connectivity-status-online { color: var(--ax-color-success); }
.connectivity-status-offline { color: var(--ax-color-danger); }
.health-label, .status-label { display: inline-flex; padding: 0.2rem var(--ax-space-2); border-radius: 999px; background: var(--ax-color-canvas); font-size: 0.75rem; font-weight: 700; }
.disposition-label { display: inline-flex; max-width: 10rem; padding: .25rem var(--ax-space-2); overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--ax-color-brand-600) 12%, var(--ax-color-surface)); color: var(--ax-color-brand-700); font-size: .72rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.disposition-unset { background: var(--ax-color-canvas); color: var(--ax-color-muted); }
.disposition-pending_decision, .disposition-to_testing { background: var(--ax-color-warning-soft); color: var(--ax-color-warning); }
.disposition-stock_ready { background: var(--ax-color-success-soft); color: var(--ax-color-success); }
.disposition-to_webshop { background: var(--ax-disposition-purple-soft); color: var(--ax-disposition-purple); }
.disposition-customer_order { background: var(--ax-disposition-blue-soft); color: var(--ax-disposition-blue); }
.disposition-hold { background: var(--ax-color-danger-soft); color: var(--ax-color-danger); }
.disposition-internal_use { background: var(--ax-disposition-teal-soft); color: var(--ax-disposition-teal); }
.disposition-for_parts { background: var(--ax-disposition-orange-soft); color: var(--ax-disposition-orange); }
.disposition-recycling { background: var(--ax-color-brand-900); color: var(--ax-color-surface); }
.tag-list { display: flex; flex-wrap: wrap; gap: var(--ax-space-1); }
.tag-label { display: inline-flex; align-items: center; gap: .2rem; padding: .18rem .45rem; border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); font-size: .72rem; }
.tag-label form { display: inline; margin: 0; }
.tag-label button { padding: 0; border: 0; color: var(--ax-color-muted); background: transparent; cursor: pointer; }
.tag-overflow { color: var(--ax-color-muted); font-size: .72rem; }
.history-list { display: grid; gap: var(--ax-space-2); padding-left: 1.25rem; }
.history-list li { display: grid; grid-template-columns: minmax(7rem, auto) minmax(5rem, auto) 1fr; gap: var(--ax-space-2); }
.task-list { display: grid; gap: var(--ax-space-3); }
.task-card { display: grid; grid-template-columns: minmax(14rem, 1fr) auto auto; gap: var(--ax-space-4); align-items: center; padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.task-card.task-overdue { border-left: .3rem solid var(--ax-color-danger); }
.task-card h2, .task-card h3 { margin: var(--ax-space-1) 0; font-size: 1rem; }
.task-badges, .task-quick-actions, .task-quick-actions form { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); align-items: center; }
.priority-label, .overdue-label { display: inline-flex; padding: .2rem var(--ax-space-2); border-radius: 999px; font-size: .72rem; font-weight: 800; }
.priority-critical { color: #fff; background: #991b1b; }
.priority-high, .overdue-label { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.priority-normal { color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 12%, var(--ax-color-surface)); }
.priority-low { color: var(--ax-color-muted); background: var(--ax-color-canvas); }
.priority-lowest { color: var(--ax-color-muted); background: color-mix(in srgb, var(--ax-color-canvas) 75%, transparent); }
.task-meta { display: grid; grid-template-columns: repeat(3, minmax(7rem, auto)); gap: var(--ax-space-3); margin: 0; }
.task-meta div { display: grid; }
.task-meta dt { color: var(--ax-color-muted); font-size: .7rem; font-weight: 700; }
.task-server, .task-count { font-size: .8rem; }
.compact-task-list .task-card { grid-template-columns: 1fr; }
.inventory-quick-form { max-width: 42rem; }
.inventory-quick-form p { margin: 0 0 var(--ax-space-4); }
.inventory-quick-form label { display: block; margin-bottom: var(--ax-space-1); font-weight: 700; }
.inventory-quick-form .button-large { min-height: 3.25rem; width: 100%; font-size: 1.05rem; }
.movement-list { display: grid; gap: var(--ax-space-2); }
.movement-list > div { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); padding: var(--ax-space-2); border-bottom: 1px solid var(--ax-color-border); }
.movement-location-suggestion { display: block; margin-top: var(--ax-space-1); color: var(--ax-color-brand-700); font-weight: 700; }
.stock-total { font-size: 2.2rem; }
.compact-form p { margin: var(--ax-space-2) 0; }
.health-ok { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.health-warning { color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.health-critical { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.pagination { display: flex; justify-content: center; gap: var(--ax-space-4); margin-top: var(--ax-space-4); }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-4); }
.detail-notes { grid-column: 1 / -1; }
.detail-list { margin: 0; }
.detail-list div { display: grid; grid-template-columns: minmax(8rem, 0.8fr) minmax(0, 1.2fr); gap: var(--ax-space-4); padding: var(--ax-space-2) 0; border-bottom: 1px solid var(--ax-color-border); }
.detail-list div:last-child { border-bottom: 0; }
.detail-list dt { color: var(--ax-color-muted); }
.detail-list dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; }
.muted, .help-text { color: var(--ax-color-muted); }
.preserve-lines { overflow-wrap: anywhere; }
.data-form { max-width: 60rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-4); }
.form-field-wide { grid-column: 1 / -1; }
.help-text { margin-top: var(--ax-space-1); font-size: 0.75rem; }
.field-errors ul, .form-errors ul { margin: var(--ax-space-1) 0 0; padding-left: var(--ax-space-4); color: var(--ax-color-danger); font-size: 0.8rem; }
.form-actions { justify-content: flex-end; margin-top: var(--ax-space-6); }
.auth-shell { display: block; }
.auth-shell .main-content { max-width: none; min-height: calc(100vh - 4.25rem); padding: 0; }
.auth-stage { min-height: calc(100vh - 4.25rem); display: grid; place-items: center; padding: var(--ax-space-8) var(--ax-space-4); background: linear-gradient(145deg, #eef0f7 0%, var(--ax-color-canvas) 55%, #e8ebf5 100%); }
.auth-card { width: min(100%, 29rem); padding: clamp(1.5rem, 5vw, 2.5rem); box-shadow: 0 1rem 3rem rgb(36 40 51 / 12%); }
.auth-brand { display: flex; align-items: center; gap: var(--ax-space-2); margin-bottom: var(--ax-space-8); }
.auth-brand-logo { display: block; width: 10.5rem; height: 3.1rem; object-fit: contain; }
.auth-brand-product { color: var(--ax-color-muted); font-size: 0.85rem; }
.auth-intro { margin-bottom: var(--ax-space-6); }
.public-test-login { display: grid; gap: var(--ax-space-1); margin: 0 0 var(--ax-space-5); padding: var(--ax-space-3) var(--ax-space-4); border: 1px solid var(--ax-color-warning); border-radius: var(--ax-radius-sm); background: var(--ax-color-warning-soft); }
.public-test-login strong { color: var(--ax-color-text); }
.public-test-login span { color: var(--ax-color-muted); }
.public-test-login code { color: var(--ax-color-text); font-size: 1rem; font-weight: 800; }
.auth-form { display: grid; gap: var(--ax-space-4); }
.auth-form .form-field label, .user-form .form-field > label:not(.checkbox-field), .password-form .form-field > label { display: block; margin-bottom: var(--ax-space-1); color: var(--ax-color-muted); font-size: 0.78rem; font-weight: 750; }
.auth-submit { width: 100%; margin-top: var(--ax-space-2); }
.admin-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-4); }
.admin-card { min-height: 15rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: var(--ax-space-6); }
.admin-card p:not(.eyebrow) { color: var(--ax-color-muted); }
.admin-card-planned { background: color-mix(in srgb, var(--ax-color-canvas) 55%, var(--ax-color-surface)); }
.role-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ax-space-4); }
.role-card { border-top: 3px solid var(--ax-color-brand-600); }
.role-card ul { margin: var(--ax-space-4) 0 0; padding-left: 1.2rem; color: var(--ax-color-muted); }
.role-card li + li { margin-top: var(--ax-space-2); }
.user-table-panel { max-width: 100%; }
.table-actions { display: flex; gap: var(--ax-space-3); }
.account-status-active { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.account-status-inactive { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.user-form, .password-form { max-width: 48rem; }
.checkbox-form-field { display: flex; align-items: center; min-height: 2.5rem; }
.checkbox-form-field .checkbox-field { margin: 0; font-weight: 700; }
.password-requirements { margin-top: var(--ax-space-2); padding: var(--ax-space-3); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.password-requirements ul { margin: 0; padding-left: 1.1rem; }
.endpoint-cards { display: grid; gap: var(--ax-space-3); margin-top: var(--ax-space-4); }
.endpoint-card { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-4); padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.endpoint-card-identity { display: flex; flex-direction: column; align-items: flex-start; gap: var(--ax-space-1); }
.endpoint-card-actions, .endpoint-role-form { display: flex; align-items: end; gap: var(--ax-space-2); }
.endpoint-role-form label:not(.checkbox-field) { color: var(--ax-color-muted); font-size: 0.75rem; font-weight: 700; }
.endpoint-role-form select { min-height: 2.5rem; padding: var(--ax-space-2) var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); font: inherit; }
.endpoint-role-form .checkbox-field { max-width: 14rem; margin: 0; font-size: 0.8rem; }
.inventory-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--ax-space-3); margin-top: var(--ax-space-3); }
.inventory-summary div { display: flex; flex-direction: column; padding: var(--ax-space-3); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.inventory-summary span { color: var(--ax-color-muted); font-size: 0.75rem; font-weight: 700; }
.notice { margin: var(--ax-space-4) 0; padding: var(--ax-space-3) var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); }
.notice-warning { border-color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.notice-danger { border-color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.notice-success { border-color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.satellite-offline-warning { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ax-space-3); border-left-width: .35rem; }
.satellite-offline-warning a { font-weight: 750; white-space: nowrap; }

.strip-group-list { display: grid; gap: var(--ax-space-2); }
.strip-group { max-width: none; padding: var(--ax-space-3) var(--ax-space-4); }
.strip-group-heading { display: grid; grid-template-columns: auto minmax(12rem, 1fr) auto auto; gap: var(--ax-space-3); align-items: center; }
.strip-group-heading h2 { margin: 0; font-size: 1rem; }
.strip-category { display: block; color: var(--ax-color-muted); font-size: .7rem; font-weight: 750; text-transform: uppercase; }
.strip-quantity { white-space: nowrap; }
.strip-include { display: flex; gap: var(--ax-space-2); align-items: center; font-weight: 700; }
.strip-include input { width: auto; min-height: auto; }
.strip-component-details { margin-top: var(--ax-space-2); }
.strip-component-details > summary { width: fit-content; min-height: 2.5rem; color: var(--ax-color-brand-700); cursor: pointer; font-weight: 750; }
.strip-component-details-body { padding-top: var(--ax-space-2); border-top: 1px solid var(--ax-color-border); }
.strip-observations { display: grid; gap: var(--ax-space-2); margin: var(--ax-space-3) 0; }
.strip-observations > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--ax-space-2); padding: var(--ax-space-2); background: var(--ax-color-surface-muted); border-radius: var(--ax-radius-sm); }
.strip-observations label { display: inline-flex; align-items: center; gap: var(--ax-space-2); cursor: pointer; }
.strip-fields { display: grid; grid-template-columns: minmax(7rem, .5fr) minmax(15rem, 1.5fr) minmax(15rem, 1fr); gap: var(--ax-space-3); align-items: start; }
.strip-fields label, .strip-create-component label { display: block; font-weight: 700; margin-bottom: var(--ax-space-1); }
.strip-fields small { display: block; margin-top: var(--ax-space-1); }
.strip-fields .unresolved { color: var(--ax-color-warning); }
.strip-create-component { margin-top: var(--ax-space-2); }
.strip-create-component > div { display: grid; gap: var(--ax-space-2); margin-top: var(--ax-space-2); }
.strip-submit-bar, .strip-confirm-form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--ax-space-3); margin-top: var(--ax-space-4); }
.confirmation-check { display: flex; gap: var(--ax-space-2); align-items: start; max-width: 48rem; font-weight: 700; }
.strip-trace { display: block; }
.discovery-summary { display: flex; align-items: center; gap: var(--ax-space-6); margin-bottom: var(--ax-space-4); padding: var(--ax-space-3) var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.discovery-summary div { display: flex; flex-direction: column; }
.discovery-summary span { color: var(--ax-color-muted); font-size: 0.7rem; text-transform: uppercase; }
.discovery-summary a { margin-left: auto; }
.intensive-discovery { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-4); margin-bottom: var(--ax-space-4); padding: var(--ax-space-3) var(--ax-space-4); border: 1px solid color-mix(in srgb, var(--ax-color-brand-600) 30%, var(--ax-color-border)); border-radius: var(--ax-radius-md); background: color-mix(in srgb, var(--ax-color-brand-600) 8%, var(--ax-color-surface)); }
.intensive-discovery > div { display: flex; flex-wrap: wrap; gap: var(--ax-space-2) var(--ax-space-4); }
.session-grid { display: grid; gap: var(--ax-space-3); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin-bottom: var(--ax-space-4); }
.session-summary { display: flex; flex-direction: column; gap: var(--ax-space-2); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.session-summary > div { display: flex; flex-direction: column; }
.bulk-actions { display: flex; flex-wrap: wrap; align-items: end; gap: var(--ax-space-3); margin-bottom: var(--ax-space-3); }
.bulk-actions label { display: grid; gap: var(--ax-space-1); color: var(--ax-color-muted); font-size: .75rem; font-weight: 700; }
.bulk-actions input { min-height: 2.25rem; padding: var(--ax-space-1) var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); }
.bulk-actions select, .quick-action-form select { min-height: 2.25rem; padding: var(--ax-space-1) var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; }
.quick-action-form { margin: 0; }
.link-dialog { width: min(42rem, calc(100% - 2rem)); padding: var(--ax-space-6); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); color: var(--ax-color-ink); background: var(--ax-color-surface); box-shadow: 0 1rem 3rem rgb(20 25 38 / 24%); }
.link-dialog::backdrop { background: rgb(20 25 38 / 48%); }
.link-dialog .form-field { margin-top: var(--ax-space-4); }
.link-dialog input[type="search"], .link-dialog select { width: 100%; min-height: 2.5rem; padding: var(--ax-space-2) var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; }
.dialog-close { padding: 0 var(--ax-space-2); border: 0; color: var(--ax-color-muted); background: transparent; font-size: 1.6rem; cursor: pointer; }
.sortable-heading { display: inline-flex; align-items: center; gap: var(--ax-space-1); color: inherit; text-decoration: none; }
.sortable-heading:hover, .sortable-heading:focus-visible, .sortable-heading-active { color: var(--ax-color-brand-700); }
.sort-indicator { color: var(--ax-color-muted); font-weight: 400; }
.complete-server-inline-editor { min-width: 10rem; }
.complete-server-inline-trigger { display: flex; flex-direction: column; align-items: flex-start; gap: var(--ax-space-1); padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.complete-server-inline-trigger::after { content: "✎"; color: var(--ax-color-muted); font-size: .75rem; }
.complete-server-inline-trigger:hover::after, .complete-server-inline-trigger:focus-visible::after { color: var(--ax-color-brand-700); }
.complete-server-dialog { width: min(30rem, calc(100% - 2rem)); }
.complete-server-location-dialog { width: min(36rem, calc(100% - 2rem)); }
.complete-server-dialog form { margin-top: var(--ax-space-4); }
.server-label-dialog { width: min(58rem, calc(100% - 2rem)); }
.server-label-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--ax-space-3); }
.server-label-preview { margin: var(--ax-space-4) 0; }
.server-label-preview img { display: block; width: 100%; min-height: 8rem; border: 1px solid var(--ax-color-border); background: #fff; object-fit: contain; }
.server-label-preview figcaption { margin-top: var(--ax-space-2); color: var(--ax-color-muted); font-size: .82rem; }
.label-printer-status-ready, .label-printer-status-preview { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.label-printer-status-offline, .label-printer-status-inactive { color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.label-printer-status-danger { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.label-printer-primary-fields { align-items: end; }
.label-printer-discovery { grid-column: 1 / -1; padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-canvas); }
.label-printer-section-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-4); }
.label-printer-section-heading h2, .label-printer-section-heading p { margin: 0; }
.label-printer-section-heading p { color: var(--ax-color-muted); }
.label-printer-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: var(--ax-space-2); margin-top: var(--ax-space-3); }
.label-printer-result { display: flex; gap: var(--ax-space-3); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); cursor: pointer; }
.label-printer-result:has(input:checked) { border-color: var(--ax-color-brand-600); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ax-color-brand-600) 20%, transparent); }
.label-printer-result.is-incompatible { opacity: .58; cursor: not-allowed; }
.label-printer-result input { width: auto; min-height: auto; }
.label-printer-result span, .label-printer-result small { display: block; }
.label-printer-result small { color: var(--ax-color-muted); margin-top: .2rem; }
.label-printer-media-fields, .label-printer-advanced { margin-top: var(--ax-space-4); }
.label-printer-binding-summary { max-width: 60rem; margin-bottom: var(--ax-space-4); }
.label-printer-table form { display: inline; }
.label-printer-table details { margin-top: var(--ax-space-2); }
.complete-server-dialog label { display: grid; gap: var(--ax-space-1); margin-bottom: var(--ax-space-3); font-size: .78rem; font-weight: 700; }
.complete-server-dialog select { min-height: 2.5rem; padding: var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; }
.inline-feedback { min-height: 1.25rem; margin: 0 0 var(--ax-space-2); font-size: .78rem; }
.inline-feedback-error { color: var(--ax-color-danger); }
.inline-feedback-success { color: var(--ax-color-success); }
.checkbox-field { display: block; margin-top: var(--ax-space-4); }
.boolean-setting { grid-column: 1 / -1; min-width: 0; margin: var(--ax-space-1) 0; }
.boolean-setting-label { display: flex; align-items: flex-start; gap: var(--ax-space-3); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); cursor: pointer; }
.boolean-setting-label:hover { border-color: var(--ax-color-brand-600); }
.boolean-setting-label:focus-within { outline: 3px solid color-mix(in srgb, var(--ax-color-brand-600) 35%, transparent); outline-offset: 2px; }
.boolean-setting-label input[type="checkbox"] { flex: 0 0 auto; width: 1.35rem; height: 1.35rem; margin: .1rem 0 0; accent-color: var(--ax-color-brand-600); }
.boolean-setting-copy { display: grid; min-width: 0; gap: .2rem; }
.boolean-setting-copy strong { line-height: 1.25; }
.boolean-setting-copy .help-text { margin: 0; }
.boolean-setting-state { color: var(--ax-color-muted); font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.boolean-setting-label input:checked + .boolean-setting-copy .boolean-setting-state span:first-child { color: var(--ax-color-success); }
.boolean-setting-label input:not(:checked) + .boolean-setting-copy .boolean-setting-state span:last-child { color: var(--ax-color-ink); }
.boolean-choice-group { min-width: 0; margin: 0; padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); }
.boolean-choice-group legend { padding: 0 var(--ax-space-1); font-weight: 750; }
.boolean-choice-group > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: var(--ax-space-2); }
.boolean-choice-group label { display: flex; align-items: center; gap: var(--ax-space-2); min-height: 2.5rem; padding: var(--ax-space-2); border-radius: var(--ax-radius-sm); cursor: pointer; }
.boolean-choice-group label:hover, .boolean-choice-group label:focus-within { background: var(--ax-color-surface-muted); }
.boolean-choice-group input[type="checkbox"] { width: 1.2rem; height: 1.2rem; accent-color: var(--ax-color-brand-600); }
.section-spacing { margin-bottom: var(--ax-space-4); }
.inventory-report { display: grid; width: min(100%, 78rem); margin-inline: auto; gap: var(--ax-space-4); }
.report-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ax-space-5); }
.report-action-area { display: grid; max-width: 43rem; justify-items: end; gap: var(--ax-space-2); }
.report-actions { justify-content: flex-end; }
.report-print-help { margin: 0; color: var(--ax-color-muted); font-size: .82rem; text-align: right; }
.report-first-page { display: grid; gap: var(--ax-space-4); }
.report-print-title { display: none; }
.report-section { min-width: 0; background: var(--ax-color-surface); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); padding: var(--ax-space-4); }
.report-section h2 { margin: 0 0 var(--ax-space-3); }
.report-section h3 { margin: var(--ax-space-4) 0 var(--ax-space-2); }
.report-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ax-space-4); }
.report-section-heading p { margin: 0; color: var(--ax-color-muted); font-size: .78rem; }
.report-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; gap: 0 var(--ax-space-5); }
.report-facts > div { min-width: 0; padding: var(--ax-space-2) 0; border-bottom: 1px solid var(--ax-color-border); }
.report-facts dt { color: var(--ax-color-muted); font-size: .72rem; font-weight: 750; text-transform: uppercase; }
.report-facts dd { margin: .15rem 0 0; font-weight: 650; }
.firmware-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-3); }
.firmware-summary-card { min-width: 0; padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-left: .3rem solid var(--ax-color-muted); border-radius: var(--ax-radius-md); }
.firmware-summary-card.compliance-green { border-left-color: var(--ax-color-success); }
.firmware-summary-card.compliance-orange { border-left-color: var(--ax-color-warning); }
.firmware-summary-card.compliance-red { border-left-color: var(--ax-color-danger); }
.firmware-summary-card header { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-3); }
.firmware-summary-card h3 { margin: 0; }
.firmware-summary-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: var(--ax-space-2) 0; gap: var(--ax-space-2) var(--ax-space-4); }
.firmware-summary-card dl div { min-width: 0; }
.firmware-summary-card dt { color: var(--ax-color-muted); font-size: .7rem; font-weight: 750; text-transform: uppercase; }
.firmware-summary-card dd { margin: .1rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.firmware-summary-card .firmware-override { grid-column: 1 / -1; }
.report-status { font-weight: 750; white-space: nowrap; }
.firmware-reason, .firmware-source { margin: var(--ax-space-2) 0 0; font-size: .78rem; }
.spec-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.report-table-scroll { max-width: 100%; overflow-x: auto; }
.spec-table th, .spec-table td { padding: .38rem .5rem; border-bottom: 1px solid var(--ax-color-border); vertical-align: top; overflow-wrap: anywhere; }
.spec-table th { width: 16%; color: var(--ax-color-muted); font-size: .7rem; text-align: left; text-transform: uppercase; }
.spec-table td { width: 34%; font-weight: 650; }
.report-table { width: 100%; min-width: 44rem; table-layout: fixed; }
.report-table th, .report-table td, .break-value { min-width: 0; overflow-wrap: anywhere; word-break: break-word; white-space: normal; }
.report-table-four th { width: 25%; }
.report-table-five th { width: 20%; }
.report-item-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-2); }
.report-item-list article { display: grid; min-width: 0; padding: var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); }
.report-item-list span { color: var(--ax-color-muted); overflow-wrap: anywhere; }
.report-item-list-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.compact-observation-list { display: grid; gap: var(--ax-space-2); }
.compact-observation-list > div { display: grid; gap: .15rem; padding: var(--ax-space-2); border-bottom: 1px solid var(--ax-color-border); }
.compact-observation-list > div:last-child { border-bottom: 0; }
.compact-observation-list span { color: var(--ax-color-muted); overflow-wrap: anywhere; }
.appendix-heading { margin-bottom: var(--ax-space-4); }
.appendix-heading h2 { margin-bottom: var(--ax-space-2); }
.appendix-heading p:last-child { margin: 0; color: var(--ax-color-muted); }
.technical-section { min-width: 0; margin-top: var(--ax-space-4); padding-top: var(--ax-space-3); border-top: 2px solid var(--ax-color-border); }
.technical-section > header { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ax-space-3); }
.technical-section > header h3 { margin: 0; }
.technical-section > header span { color: var(--ax-color-muted); }
.technical-section-facts .wide { grid-column: 1 / -1; }
.technical-messages { margin-top: var(--ax-space-2); padding: var(--ax-space-2); background: var(--ax-color-canvas); border-radius: var(--ax-radius-sm); }
.technical-messages p, .technical-messages ul { margin-block: 0; }
.provenance-list { display: grid; margin: var(--ax-space-3) 0 0; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); }
.provenance-list > div { display: grid; grid-template-columns: minmax(8rem, 32%) minmax(0, 1fr); border-bottom: 1px solid var(--ax-color-border); }
.provenance-list > div:last-child { border-bottom: 0; }
.provenance-list dt, .provenance-list dd { min-width: 0; margin: 0; padding: .35rem .5rem; }
.provenance-list dt { background: var(--ax-color-canvas); font-weight: 700; }
.empty-report-section { margin-bottom: 0; color: var(--ax-color-muted); font-style: italic; }
.compact-actions { flex-wrap: wrap; gap: var(--ax-space-3); }
.table-panel-embedded { margin-top: var(--ax-space-4); box-shadow: none; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sidebar-version { margin-top: auto; padding: var(--ax-space-4) var(--ax-space-3) 0; border-top: 1px solid var(--ax-color-border); color: var(--ax-color-muted); font-size: 0.72rem; }
.sidebar-version span, .sidebar-version strong { display: block; }
.test-environment-banner { display: flex; align-items: center; justify-content: center; gap: var(--ax-space-3); padding: .45rem var(--ax-space-4); border-bottom: 2px solid #7c2d12; color: #fff7ed; background: #9a3412; font-size: .78rem; letter-spacing: .02em; text-align: center; }
.test-environment-banner span { opacity: .9; }
.test-environment-banner code { color: inherit; }
.discovery-progress { margin-bottom: var(--ax-space-4); }
.progress-spinner { width: 1rem; height: 1rem; border: 2px solid var(--ax-color-border); border-top-color: var(--ax-color-brand-600); border-radius: 50%; }
.discovery-progress.is-running .progress-spinner { animation: progress-spin 0.8s linear infinite; }
.progress-run + .progress-run { margin-top: var(--ax-space-4); }
.progress-run-heading, .progress-metrics { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--ax-space-2) var(--ax-space-4); }
.progress-track { height: 0.7rem; margin: var(--ax-space-2) 0; overflow: hidden; border-radius: 999px; background: var(--ax-color-border); }
.progress-track span { display: block; height: 100%; background: var(--ax-color-brand-600); transition: width 0.25s ease; }
.progress-metrics { color: var(--ax-color-muted); font-size: 0.82rem; }
@keyframes progress-spin { to { transform: rotate(360deg); } }
@media print {
  @page { size: A4; margin: 12mm; }
  html, html[data-theme="dark"], html[data-theme="system"] { color-scheme: light; }
  html { background: #fff !important; }
  body.inventory-report-page { background: #fff !important; color: #111 !important; font-size: 9.5pt; line-height: 1.28; }
  .inventory-report-page .app-header, .inventory-report-page .sidebar, .inventory-report-page .no-print, .inventory-report-page .messages, .inventory-report-page .skip-link { display: none !important; }
  .inventory-report-page .app-shell { display: block; }
  .inventory-report-page .main-content { max-width: none; margin: 0; padding: 0; }
  .inventory-report-page .inventory-report { display: block; width: 100%; }
  .inventory-report-page .report-print-title { display: block; margin-bottom: 3mm; }
  .inventory-report-page .report-print-title h1 { margin: 0; font-size: 20pt; }
  .inventory-report-page .report-print-title p { margin: 1mm 0; }
  .inventory-report-page .report-first-page { display: block; break-after: page; page-break-after: always; }
  .inventory-report-page .report-first-page .report-section { break-inside: avoid-page; page-break-inside: avoid; }
  .inventory-report-page .report-section { background: #fff !important; color: #111 !important; border: 1px solid #aaa; box-shadow: none; border-radius: 0; margin: 0 0 3mm; padding: 3mm; break-inside: auto; page-break-inside: auto; }
  .inventory-report-page .report-section h2, .inventory-report-page .report-section h3, .inventory-report-page .technical-section > header { break-after: avoid-page; page-break-after: avoid; }
  .inventory-report-page .firmware-summary-card, .inventory-report-page .report-item-list article, .inventory-report-page tr, .inventory-report-page .provenance-list > div { break-inside: avoid-page; page-break-inside: avoid; }
  .inventory-report-page thead { display: table-header-group; }
  .inventory-report-page details, .inventory-report-page details > * { display: block !important; }
  .inventory-report-page a { color: #111 !important; text-decoration: none; overflow-wrap: anywhere; }
  .inventory-report-page .muted, .inventory-report-page dt { color: #444 !important; }
  .inventory-report-page .table-panel { overflow: visible; }
  .inventory-report-page .data-table { width: 100% !important; min-width: 0 !important; table-layout: fixed; font-size: 8.5pt; }
  .inventory-report-page .data-table th, .inventory-report-page .data-table td { padding: 1.4mm; border-color: #bbb !important; color: #111 !important; background: #fff !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word; }
  .inventory-report-page .notice, .inventory-report-page .firmware-summary-card { color: #111 !important; background: #fff !important; border-color: #777 !important; }
  .inventory-report-page .report-completeness strong { display: block; margin-bottom: 1mm; }
  .inventory-report-page .report-facts > div, .inventory-report-page .spec-table th, .inventory-report-page .spec-table td, .inventory-report-page .provenance-list, .inventory-report-page .provenance-list > div, .inventory-report-page .technical-section { border-color: #bbb !important; }
  .inventory-report-page .provenance-list dt { background: #f1f1f1 !important; }
  .inventory-report-page .report-technical-appendix { break-before: page; page-break-before: always; }
}

.build-requirement-list { display: grid; gap: var(--ax-space-4); }
.build-requirement { padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); }
.build-requirement legend { padding: 0 var(--ax-space-2); color: var(--ax-color-muted); font-size: .85rem; font-weight: 700; }
.build-comparison { font-weight: 700; }
.build-comparison-fulfilled { color: var(--ax-color-success); }
.build-comparison-deviation { color: var(--ax-color-danger); }
.build-comparison-unknown { color: var(--ax-color-muted); }
@media (max-width: 55rem) {
  .satellite-offline-warning { grid-template-columns: 1fr; align-items: start; }
  .satellite-offline-warning a { white-space: normal; }
  .placement-kind { grid-template-columns: 1fr; }
  .setup-layout { grid-template-columns: 1fr; }
  .structure-preview { position: static; }
  .app-header { flex-wrap: wrap; }
  .header-actions { min-width: 0; max-width: 100%; flex: 1 1 30rem; flex-wrap: wrap; justify-content: flex-end; gap: var(--ax-space-2); }
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { width: 100%; max-width: 100vw; min-width: 0; flex-direction: row; overflow-x: auto; padding: var(--ax-space-3); border-right: 0; border-bottom: 1px solid var(--ax-color-border); contain: inline-size; }
  .sidebar-version { margin-top: 0; }
  .nav-item { flex: 0 0 auto; }
  .nav-item small { display: none; }
  .main-content { padding: var(--ax-space-6) var(--ax-space-4); }
  .system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filter-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .role-card-grid { grid-template-columns: 1fr; }
  .task-card { grid-template-columns: 1fr; align-items: stretch; }
  .report-header { flex-direction: column; }
  .report-action-area { justify-items: start; }
  .report-print-help { text-align: left; }
  .firmware-summary-grid, .report-item-list { grid-template-columns: 1fr; }
}
@media (max-width: 34rem) {
  .wordmark-logo { display: none; }
  .wordmark-icon { display: block; }
  .environment-badge { display: none; }
  .test-environment-banner { align-items: stretch; flex-direction: column; gap: .1rem; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .system-grid { grid-template-columns: 1fr; }
  .filter-panel, .form-grid, .detail-grid { grid-template-columns: 1fr; }
  .strip-fields { grid-template-columns: 1fr; }
  .strip-group-heading { grid-template-columns: auto minmax(0, 1fr) auto; }
  .strip-group-heading .maturity-badge { grid-column: 2 / -1; width: fit-content; }
  .strip-submit-bar .button, .strip-confirm-form .button { width: 100%; min-height: 3rem; }
  .detail-notes, .form-field-wide { grid-column: auto; }
  .button-group { align-items: stretch; flex-direction: column; width: 100%; }
  .endpoint-card, .endpoint-card-actions, .endpoint-role-form { align-items: stretch; flex-direction: column; }
  .app-header { align-items: flex-start; padding: var(--ax-space-3) var(--ax-space-4); }
  .header-actions { align-items: flex-end; flex-wrap: wrap; justify-content: flex-end; gap: var(--ax-space-2); }
  .user-account { order: -1; width: 100%; justify-content: flex-end; padding-right: 0; border-right: 0; }
  .language-switcher { font-size: 0.8rem; }
  .admin-card-grid { grid-template-columns: 1fr; }
  .admin-card { min-height: 0; }
  .task-meta { grid-template-columns: 1fr; }
  .task-quick-actions, .task-quick-actions form { align-items: stretch; flex-direction: column; }
  .task-quick-actions .button { min-height: 2.75rem; width: 100%; }
  .auth-stage { align-items: start; padding-top: var(--ax-space-6); }
}

/* Owner-approved compact Wipe Station reference surface. */
.sanitization-workspace-page .main-content { max-width: none; }
.sanitization-page-heading { margin-bottom: .75rem; }
.sanitization-page-heading h1 { font-size: clamp(1.65rem, 2.5vw, 2.15rem); }
.sanitization-page-heading p { max-width: 48rem; font-size: .82rem; }
.sanitization-safety-strip { min-height: 2.8rem; margin-bottom: .7rem; padding: .55rem .75rem; }
.sanitization-tabs { margin-bottom: 1rem; }
.wipe-station-reference-card { gap: .75rem; padding: .9rem; border-radius: .65rem; }
.wipe-station-reference-card > .wipe-chassis { margin: 0; border-radius: .55rem; box-shadow: none; }
.wipe-station-compact-header { grid-template-columns: auto minmax(12rem, 1fr) auto auto auto; gap: .65rem; }
.wipe-station-compact-header > .wipe-station-status,
.wipe-station-compact-header > div,
.wipe-station-compact-header > .button { grid-column: auto; }
.wipe-station-compact-header h3 { font-size: 1rem; }
.wipe-station-compact-header p { font-size: .67rem; }
.wipe-station-connection { display: grid; min-width: 7rem; color: var(--ax-color-ink); font-size: .72rem; text-align: right; }
.wipe-station-connection small { color: var(--ax-color-muted); font-size: .62rem; font-weight: 500; }
.wipe-machine-menu { position: relative; }
.wipe-machine-menu-trigger { width: 2.25rem; padding-inline: 0; font-weight: 900; }
.wipe-overview-table-wrap { max-height: 23rem; border-radius: .45rem; }
.wipe-overview-table { table-layout: auto; font-size: .68rem; }
.wipe-overview-table th,
.wipe-overview-table td { padding: .36rem .48rem; }
.wipe-overview-table th { color: var(--ax-color-muted); font-size: .57rem; letter-spacing: .035em; white-space: nowrap; }
.wipe-overview-table tbody tr { cursor: pointer; }
.wipe-overview-table tbody tr.has-smart-error { background: color-mix(in srgb, var(--ax-color-danger) 7%, var(--ax-color-surface)); box-shadow: inset .18rem 0 var(--ax-color-danger); }
.wipe-disk-identity { min-width: 13rem; }
.wipe-disk-identity strong,
.wipe-disk-identity small,
.wipe-overview-table td > small { display: block; }
.wipe-disk-identity small,
.wipe-overview-table td > small { color: var(--ax-color-muted); font-size: .6rem; }
.wipe-smart-error { display: inline-flex; align-items: center; gap: .3rem; color: var(--ax-color-danger); white-space: nowrap; }
.wipe-smart-error b { display: grid; width: 1.05rem; height: 1.05rem; place-items: center; border-radius: 50%; color: #fff; background: var(--ax-color-danger); font-size: .72rem; }
.wipe-smart-ok { color: var(--ax-color-success); white-space: nowrap; }
.wipe-overview-actionbar { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.wipe-overview-actionbar p { margin: 0; color: var(--ax-color-muted); font-size: .68rem; }
.wipe-overview-actionbar a { font-size: .68rem; }
.wipe-row-menu { position: relative; }
.wipe-row-menu > summary { display: grid; width: 2rem; height: 1.85rem; place-items: center; border: 1px solid var(--ax-color-border); border-radius: .3rem; cursor: pointer; list-style: none; }
.wipe-row-menu > summary::-webkit-details-marker { display: none; }
.wipe-row-menu > div { position: absolute; z-index: 12; top: calc(100% + .2rem); right: 0; display: grid; min-width: 10.5rem; padding: .28rem; border: 1px solid var(--ax-color-border); border-radius: .35rem; background: var(--ax-color-surface); box-shadow: var(--ax-shadow-md); }
.wipe-row-menu form { display: contents; }
.wipe-row-menu button,
.wipe-row-menu a,
.wipe-row-menu span { display: block; width: 100%; padding: .42rem .5rem; border: 0; color: var(--ax-color-ink); background: transparent; font: inherit; font-size: .68rem; text-align: left; text-decoration: none; }
.wipe-row-menu button:not(:disabled):hover,
.wipe-row-menu a:hover { color: var(--ax-color-brand-700); background: var(--ax-color-canvas); }
.wipe-row-menu button:disabled,
.wipe-row-menu span { color: var(--ax-color-muted); cursor: not-allowed; }
.removed-stations { margin-top: .75rem; padding: .65rem .8rem; border: 1px solid var(--ax-color-border); border-radius: .45rem; color: var(--ax-color-muted); font-size: .7rem; }
.removed-stations > div { display: grid; gap: .35rem; margin-top: .55rem; }
.removed-stations a { display: flex; justify-content: space-between; gap: .7rem; padding: .45rem; border-radius: .3rem; background: var(--ax-color-canvas); text-decoration: none; }

.wipe-station-dialog { width: min(54rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; overflow: auto; border: 1px solid var(--ax-color-border); border-radius: .65rem; color: var(--ax-color-ink); background: var(--ax-color-surface); box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 42%); }
.wipe-station-dialog::backdrop { background: rgb(5 10 20 / 68%); backdrop-filter: blur(.18rem); }
.wipe-station-dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .9rem 1rem .65rem; }
.wipe-station-dialog-header h2 { margin: 0; font-size: 1.05rem; }
.wipe-station-dialog-tabs { display: flex; padding: 0 1rem; border-bottom: 1px solid var(--ax-color-border); }
.wipe-station-dialog-tabs button { padding: .6rem .75rem; border: 0; border-bottom: 2px solid transparent; color: var(--ax-color-muted); background: transparent; font: inherit; font-size: .72rem; font-weight: 750; cursor: pointer; }
.wipe-station-dialog-tabs button[aria-selected="true"] { border-bottom-color: var(--ax-color-brand-600); color: var(--ax-color-brand-700); }
.wipe-station-dialog [data-station-dialog-panel] { padding: 1rem; }
.wipe-station-dialog .form-grid { margin-bottom: .8rem; }
.wipe-station-dialog .form-grid label { display: grid; gap: .25rem; color: var(--ax-color-muted); font-size: .7rem; font-weight: 700; }
.wipe-station-dialog textarea { min-height: 5rem; }
.wipe-profile-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: .8rem 0; }
.wipe-profile-option { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) 8rem; align-items: center; gap: .55rem; padding: .65rem; border: 1px solid var(--ax-color-border); border-radius: .45rem; cursor: pointer; }
.wipe-profile-option.is-selected { border-color: var(--ax-color-brand-600); box-shadow: inset 0 0 0 1px var(--ax-color-brand-600); }
.wipe-profile-option.is-unknown { grid-template-columns: auto 1fr; }
.wipe-profile-copy { display: grid; }
.wipe-profile-copy small,
.wipe-profile-option > span > small { color: var(--ax-color-muted); font-size: .62rem; }
.wipe-profile-preview { display: grid; gap: .16rem; padding: .28rem; border: 2px solid #28384b; border-radius: .24rem; background: #101a27; }
.wipe-profile-row { display: grid; grid-template-columns: repeat(var(--profile-columns), minmax(.25rem, 1fr)); gap: .12rem; }
.wipe-profile-row i { display: block; min-height: .62rem; border: 1px solid #40526a; border-radius: .08rem; background: repeating-linear-gradient(90deg, #0a111b 0 1px, #2a3b50 1px 2px); }
.wipe-profile-option > a { position: absolute; right: .45rem; bottom: .22rem; font-size: .55rem; }
.wipe-remove-confirm { display: flex; align-items: flex-start; gap: .45rem; margin: .85rem 0; font-size: .75rem; }

@media (max-width: 68rem) {
  .wipe-station-compact-header { grid-template-columns: auto minmax(0, 1fr) auto; }
  .wipe-station-connection { grid-column: 2; text-align: left; }
  .wipe-station-compact-header > .button { grid-column: auto; }
  .wipe-profile-options { grid-template-columns: 1fr; }
}

@media (max-width: 44rem) {
  .wipe-station-reference-card { padding: .55rem; }
  .wipe-station-compact-header { grid-template-columns: auto minmax(0, 1fr) auto; }
  .wipe-station-compact-header > .button { grid-column: 2; width: fit-content; }
  .wipe-machine-menu { grid-column: 3; grid-row: 1; }
  .wipe-overview-table-wrap { overflow-x: auto; }
  .wipe-overview-table { min-width: 54rem; }
  .wipe-station-dialog-tabs { overflow-x: auto; }
  .wipe-profile-option { grid-template-columns: auto minmax(0, 1fr); }
  .wipe-profile-preview { grid-column: 2; }
}

.wipe-page-heading-compact { margin-bottom: 0; }
.wipe-page-heading-compact h1 { font-size: clamp(1.55rem, 2.5vw, 2rem); }
.wipe-page-heading-compact p { font-size: .75rem; }
.wipe-page-heading-compact .button { min-height: 2.15rem; padding: .35rem .6rem; font-size: .68rem; }
.wipe-workspace .wipe-safety-notice { min-height: 2.7rem; padding: .5rem .7rem; font-size: .72rem; }
.wipe-workspace .wipe-station-summary { padding: .7rem .85rem; }
.wipe-workspace .wipe-station-summary h2 { font-size: .9rem; }
.wipe-disk-table { min-width: 64rem; }
.wipe-disk-table-row.has-smart-error { background: color-mix(in srgb, var(--ax-color-danger) 7%, var(--ax-color-surface)); box-shadow: inset .18rem 0 var(--ax-color-danger); }
.wipe-disk-table-row td > small { display: block; margin-top: .12rem; color: var(--ax-color-muted); font-size: .58rem; }
.wipe-disk-table thead th:nth-child(13),
.wipe-disk-table-row td:nth-child(13) { position: sticky; z-index: 4; right: 0; min-width: 3.2rem; background: var(--ax-color-surface); }
.wipe-disk-table thead th:nth-child(13) { z-index: 5; background: var(--ax-color-canvas); }
.wipe-disk-table-row.is-system td:nth-child(13) { background: var(--ax-color-surface-muted); }
.wipe-disk-table-row.is-selected td:nth-child(13) { background: color-mix(in srgb, var(--ax-color-brand-600) 10%, var(--ax-color-surface)); }

@media (max-width: 68rem) {
  .wipe-disk-table thead th:nth-child(13),
  .wipe-disk-table-row td:nth-child(13) { position: static; min-width: 0; background: transparent; }
}

/* Non-persistent printable workshop work card. */
.work-card-editor { margin-bottom: var(--ax-space-5); }
.work-card-search { position: relative; max-width: 50rem; margin-bottom: var(--ax-space-4); }
.work-card-search > label, .work-card-form label { display: block; margin-bottom: var(--ax-space-1); font-weight: 750; }
.work-card-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--ax-space-3); }
.work-card-search-results { position: absolute; z-index: 5; top: 100%; right: 0; left: 0; overflow: hidden; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-md); }
.work-card-search-result { display: block; width: 100%; padding: .65rem .8rem; border: 0; border-bottom: 1px solid var(--ax-color-border); color: var(--ax-color-ink); background: transparent; text-align: left; cursor: pointer; }
.work-card-search-result:hover, .work-card-search-result:focus-visible { background: var(--ax-color-surface-muted); }
.work-card-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--ax-space-4); }
.work-card-digital-document { display: grid; gap: var(--ax-space-3); }
.work-card-digital-section { padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); }
.work-card-digital-section > h2 { margin: 0 0 var(--ax-space-3); font-size: 1rem; }
.work-card-observed-time { margin: calc(var(--ax-space-3) * -1) 0 var(--ax-space-2); font-size: .75rem; }
.work-card-observed-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ax-space-2); }
.work-card-observed-grid > div { display: grid; gap: .15rem; min-width: 0; padding: var(--ax-space-2); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.work-card-observed-grid span { color: var(--ax-color-muted); font-size: .72rem; font-weight: 750; text-transform: uppercase; }
.work-card-observed-grid strong { overflow-wrap: anywhere; font-size: .86rem; line-height: 1.3; }
.work-card-os-other { margin-top: var(--ax-space-2); }
.work-card-additional-info { padding: var(--ax-space-3); border-left: .25rem solid var(--ax-color-warning); background: color-mix(in srgb, var(--ax-color-warning) 10%, var(--ax-color-surface)); }
.work-card-additional-info p { margin: .25rem 0 0; }
.work-card-checkpoint-editor { margin: var(--ax-space-3) 0; }
.work-card-checkpoint-editor summary { cursor: pointer; font-weight: 750; }
.work-card-checkpoint-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem .55rem; margin-top: var(--ax-space-3); }
.work-card-checkpoint-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .4rem; min-height: 2.65rem; padding: .25rem .35rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.work-card-checkpoint-row > label { display: grid; grid-template-columns: 1.35rem 1.6rem minmax(0, 1fr); align-items: center; gap: .35rem; min-height: 2.1rem; margin: 0; cursor: pointer; }
.work-card-checkpoint-row input { width: 1.15rem; height: 1.15rem; margin: 0; accent-color: var(--ax-color-primary); }
.work-card-checkpoint-number { color: var(--ax-color-muted); font-variant-numeric: tabular-nums; font-weight: 800; text-align: right; }
.work-card-checkpoint-text { font-size: .88rem; font-weight: 650; line-height: 1.2; }
.work-card-checkpoint-row[data-state="done"] { border-color: color-mix(in srgb, var(--ax-color-success) 48%, var(--ax-color-border)); background: color-mix(in srgb, var(--ax-color-success) 7%, var(--ax-color-canvas)); }
.work-card-checkpoint-na { min-width: 2.35rem; min-height: 2.1rem; padding: .2rem .35rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-muted); background: var(--ax-color-surface); font-size: .72rem; font-weight: 800; cursor: pointer; }
.work-card-checkpoint-na[aria-pressed="true"] { border-color: var(--ax-color-warning); color: var(--ax-color-ink); background: color-mix(in srgb, var(--ax-color-warning) 16%, var(--ax-color-surface)); }
.work-card-checkpoint-legacy { color: var(--ax-color-warning); font-size: .72rem; font-weight: 750; white-space: nowrap; }
.work-card-delivery-fields { margin: var(--ax-space-3) 0; }
.work-card-delivery-fields summary { cursor: pointer; font-weight: 750; }
.work-card-secret-field { margin-bottom: 1rem; }
.work-card-secret-field > label { display: block; margin-bottom: var(--ax-space-1); font-weight: 750; }
.work-card-secret-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; }
.work-card-secret-field > .muted { display: block; margin-top: .25rem; font-size: .78rem; }
.customer-sheet-paper { box-sizing: border-box; width: min(100%, 210mm); min-height: 297mm; margin: 0 auto; padding: 14mm; border: 1px solid var(--ax-color-border); color: #17202a; background: #fff; box-shadow: var(--ax-shadow-md); }
.customer-sheet-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ax-space-4); padding-bottom: 8mm; border-bottom: 2px solid #243d58; }
.customer-sheet-header h1 { margin: 0; }
.customer-sheet-header > strong { font-size: 1.5rem; }
.print-brand { display: flex; align-items: center; gap: .2rem; margin-bottom: 3mm; }
.print-brand img { display: block; width: 44mm; height: 13mm; object-fit: contain; object-position: left center; }
.print-brand span { color: #2f3e4f; font-size: .7rem; font-weight: 750; }
.customer-sheet-primary-id { display: grid; justify-items: end; }
.customer-sheet-primary-id span { color: #485766; font-size: .72rem; font-weight: 750; text-transform: uppercase; }
.customer-sheet-primary-id strong { font-size: 1.7rem; }
.customer-sheet-primary-id small { color: #485766; }
.customer-sheet-paper section { margin-top: 7mm; break-inside: avoid; }
.customer-sheet-paper section > h2 { margin: 0 0 3mm; padding-bottom: 1.5mm; border-bottom: 1px solid #9aa8b5; font-size: 1.05rem; }
.customer-sheet-paper section > h3 { margin: 4mm 0 2mm; color: #2f3e4f; font-size: .86rem; }
.customer-sheet-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3mm 8mm; margin: 0; }
.customer-sheet-grid dt { color: #485766; font-size: .78rem; font-weight: 750; }
.customer-sheet-grid dd { margin: .5mm 0 0; overflow-wrap: anywhere; }
.customer-sheet-signatures { display: grid; grid-template-columns: 1fr 2fr; gap: 10mm; margin-top: 8mm; }
.customer-sheet-signatures span { min-height: 8mm; border-bottom: 1px solid #56616c; }
.customer-sheet-paper footer { margin-top: 10mm; padding-top: 4mm; border-top: 1px solid #9aa8b5; color: #384754; font-size: .85rem; }
.customer-password-warning { display: grid; gap: 1.5mm; margin-top: 5mm; padding: 4mm; border: 1mm solid #8a5700; color: #2b1c00; background: #fff3d6; font-size: 1.05rem; line-height: 1.3; }
.customer-password-warning strong { font-size: 1.2rem; }
.customer-sheet-password { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 750; }
.customer-sheet-sales strong { color: #2f3e4f; font-size: 1rem; }
.customer-sheet-sales p { margin: 1.5mm 0; }
.work-card-paper { box-sizing: border-box; width: min(100%, 210mm); min-height: 297mm; margin: 0 auto; padding: 10mm; overflow: hidden; border: 1px solid var(--ax-color-border); color: #111; background: #fff; box-shadow: var(--ax-shadow-md); font-family: Arial, Helvetica, sans-serif; }
.work-card-identity-strip { display: grid; grid-template-columns: 1.55fr 1fr 1fr; align-items: center; min-height: 30mm; padding: 3mm 5mm; border: .5mm solid #344a61; transform: rotate(180deg); transform-origin: center; }
.work-card-identity-strip > div { min-width: 0; padding: 0 3mm; border-left: .25mm solid #8995a1; }
.work-card-identity-strip > div:last-child { border-left: 0; }
.work-card-paper-label { display: block; margin-bottom: 1mm; color: #333; font-size: 7.5pt; font-weight: 700; text-transform: uppercase; }
.work-card-identity-strip strong { display: block; overflow-wrap: anywhere; font-size: 12pt; line-height: 1.05; }
.work-card-identity-main strong { font-size: 40pt; letter-spacing: -.04em; white-space: nowrap; }
.work-card-service-tag strong { font-size: 24pt; letter-spacing: -.02em; }
.work-card-identity-main .work-card-long-id { font-size: 26pt; white-space: normal; }
.work-card-section { margin-top: 3mm; border: .3mm solid #727c86; break-inside: avoid; }
.work-card-section h2 { margin: 0; padding: 1.2mm 2mm; border-bottom: .3mm solid #727c86; color: #111; background: #fff; font-size: 10pt; line-height: 1.15; }
.work-card-specification dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.work-card-specification dl > div { min-width: 0; min-height: 8mm; padding: 1mm 2mm; border-right: .2mm solid #aaa; border-bottom: .2mm solid #aaa; }
.work-card-specification dl > div:nth-child(even) { border-right: 0; }
.work-card-specification dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.work-card-specification dt { color: #333; font-size: 6.8pt; font-weight: 700; }
.work-card-specification dd { min-width: 0; margin: .5mm 0 0; overflow-wrap: anywhere; font-size: 8.5pt; line-height: 1.1; }
.handwrite-line { display: block; min-width: 20mm; height: 3mm; border-bottom: .25mm solid #555; }
.handwrite-lines { display: block; height: 11mm; background: repeating-linear-gradient(to bottom, transparent 0, transparent 3.4mm, #777 3.5mm, #777 3.7mm); }
.work-card-note-value { min-height: 12mm; padding: 1.5mm 2mm; overflow-wrap: anywhere; white-space: pre-wrap; font-size: 8.5pt; line-height: 1.2; }
.work-card-password-reminder { display: flex; align-items: center; justify-content: space-between; gap: 4mm; margin-top: 2mm; padding: 1.5mm 2mm; border: .5mm solid #8a5700; color: #2b1c00; background: #fff3d6; font-size: 7.2pt; }
.work-card-password-reminder strong { font-size: 8.2pt; }
.work-card-checklists { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3mm; }
.work-card-finalization { grid-column: 1 / -1; margin-top: 0; }
.work-card-checklist table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 7.1pt; line-height: 1.08; }
.work-card-checklist th, .work-card-checklist td { padding: .65mm .8mm; border-right: .2mm solid #aaa; border-bottom: .2mm solid #aaa; vertical-align: top; }
.work-card-checklist tr:last-child td { border-bottom: 0; }
.work-card-checklist th:last-child, .work-card-checklist td:last-child { border-right: 0; }
.work-card-checklist th:first-child { text-align: left; }
.work-card-checklist th:not(:first-child), .work-card-checklist td:not(:first-child) { width: 9mm; text-align: center; }
.work-card-checklist td:not(:first-child) { font-size: 13pt; line-height: .75; }
.work-card-signoff { display: grid; grid-template-columns: 1fr 1fr .55fr; gap: 3mm; margin-top: 3mm; font-size: 7.5pt; break-inside: avoid; }
.work-card-signoff > div { min-width: 0; }
.work-card-signoff span { display: block; font-weight: 700; }
.work-card-signoff i { display: block; height: 5mm; border-bottom: .25mm solid #555; }
.work-card-deviations { grid-column: 1 / -1; }
.work-card-deviations i { height: 4mm; }

@media (max-width: 55rem) {
  .work-card-form-grid { grid-template-columns: 1fr; }
  .work-card-observed-grid { grid-template-columns: 1fr; }
  .work-card-checkpoint-grid { grid-template-columns: 1fr; }
  .work-card-checkpoint-row { grid-template-columns: minmax(0, 1fr) auto auto; }
  .work-card-secret-control { grid-template-columns: 1fr; }
  .customer-sheet-paper { min-height: 0; padding: var(--ax-space-4); }
  .customer-sheet-grid { grid-template-columns: 1fr; }
  .work-card-paper { width: 100%; min-height: 0; padding: var(--ax-space-3); }
  .work-card-identity-strip { grid-template-columns: 1fr; gap: 2mm; transform: none; }
  .work-card-identity-strip > div { padding: 1mm 0; border: 0; }
  .work-card-identity-main strong { font-size: clamp(2rem, 12vw, 3.4rem); white-space: normal; }
  .work-card-service-tag strong { font-size: clamp(1.6rem, 9vw, 2.5rem); }
  .work-card-specification dl, .work-card-checklists { grid-template-columns: 1fr; }
  .work-card-specification dl > div { border-right: 0; }
  .work-card-specification dl > div:nth-last-child(2) { border-bottom: .2mm solid #aaa; }
  .work-card-finalization { grid-column: auto; margin-top: 3mm; }
}

@page { size: A4 portrait; margin: 5mm; }

@media print {
  /* App chrome and transient overlays never belong to printed documents. */
  .app-header,
  .primary-navigation-bar,
  .sidebar,
  .skip-link,
  .no-print,
  .print-hidden,
  .test-environment-banner,
  .messages,
  .maturity-notice,
  .main-content > .notice,
  [data-task-assignment-notices],
  .task-notification-bell,
  .quick-task,
  .probe-toast,
  .wipe-toast-stack,
  .task-drawer,
  .task-drawer-scrim,
  dialog,
  [popover],
  .work-card-screen-only { display: none !important; }
  dialog::backdrop, [popover]::backdrop { display: none !important; }
  .work-card-page, .work-card-page .app-shell, .work-card-page .main-content { width: auto; min-width: 0; margin: 0; padding: 0; overflow: visible; color: #111; background: #fff !important; }
  .work-card-page .work-card-paper { width: 200mm; height: 287mm; min-height: 0; margin: 0; padding: 1mm; overflow: hidden; border: 0; box-shadow: none; print-color-adjust: economy; }
  .work-card-page .work-card-identity-strip { min-height: 25mm; padding: 2mm 4mm; }
  .work-card-page .work-card-identity-main strong { font-size: 35pt; }
  .work-card-page .work-card-service-tag strong { font-size: 21pt; }
  .work-card-page .work-card-section { margin-top: 2mm; }
  .work-card-page .work-card-specification dl > div { min-height: 6.5mm; padding: .7mm 1.5mm; }
  .work-card-page .work-card-note-value { min-height: 8mm; }
  .work-card-page .handwrite-lines { height: 7mm; }
  .work-card-page .work-card-checklists { gap: 2mm; }
  .work-card-page .work-card-checklist th, .work-card-page .work-card-checklist td { padding: .45mm .65mm; }
  .work-card-page .work-card-signoff { margin-top: 2mm; }
  .work-card-page .work-card-identity-strip { transform: rotate(180deg); }
  .work-card-page .work-card-checklists { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .work-card-page .work-card-finalization { grid-column: 1 / -1; margin-top: 0; }
  .work-card-page .work-card-specification dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-sheet-page .main-content > :not(.customer-sheet-paper) { display: none !important; }
  .customer-sheet-page, .customer-sheet-page .app-shell, .customer-sheet-page .main-content { width: auto; min-width: 0; margin: 0; padding: 0; overflow: visible; color: #111; background: #fff !important; }
  .customer-sheet-page .customer-sheet-paper { width: 200mm; min-height: 0; margin: 0; padding: 5mm 6mm; border: 0; box-shadow: none; font-size: 9pt; line-height: 1.22; }
  .customer-sheet-page .customer-sheet-header { gap: 5mm; padding-bottom: 2.5mm; }
  .customer-sheet-page .customer-sheet-header h1 { font-size: 15pt; line-height: 1.1; }
  .customer-sheet-page .print-brand { margin-bottom: 1mm; }
  .customer-sheet-page .print-brand img { width: 38mm; height: 10mm; }
  .customer-sheet-page .customer-sheet-primary-id strong { font-size: 15pt; line-height: 1.05; }
  .customer-sheet-page .customer-sheet-paper section { margin-top: 2.5mm; }
  .customer-sheet-page .customer-sheet-paper section > h2 { margin-bottom: 1.2mm; padding-bottom: .7mm; font-size: 10.5pt; line-height: 1.1; }
  .customer-sheet-page .customer-sheet-paper section > h3 { margin: 1.8mm 0 .8mm; font-size: 8.5pt; line-height: 1.1; }
  .customer-sheet-page .customer-sheet-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5mm 5mm; }
  .customer-sheet-page .customer-sheet-grid dt { font-size: 7.5pt; line-height: 1.1; }
  .customer-sheet-page .customer-sheet-grid dd { margin-top: .25mm; overflow-wrap: anywhere; word-break: break-word; }
  .customer-sheet-page .customer-password-warning { margin-top: 1.8mm; padding: 1.8mm 2.2mm; border-width: .4mm; font-size: 8.5pt; line-height: 1.15; }
  .customer-sheet-page .customer-password-warning strong { font-size: 9pt; }
  .customer-sheet-page .customer-sheet-paper p { margin: .7mm 0; }
  .customer-sheet-page .customer-sheet-signatures { gap: 6mm; margin-top: 1.5mm; }
  .customer-sheet-page .customer-sheet-signatures span { min-height: 4mm; }
  .customer-sheet-page .customer-sheet-paper footer { margin-top: 2.5mm; padding-top: 1.8mm; font-size: 8.5pt; line-height: 1.18; }
  .customer-sheet-page .customer-sheet-sales strong { font-size: 9.5pt; }
  .customer-sheet-page .customer-sheet-sales p { margin: .7mm 0; }
  .customer-sheet-page .customer-sheet-paper a { color: #111; overflow-wrap: anywhere; word-break: break-word; }
}
.row-actions-cell { position: relative; width: 3.25rem; }
.row-actions { position: relative; }
.row-actions-trigger { align-items: center; border: 0; border-radius: .45rem; color: var(--ax-color-ink); cursor: pointer; display: flex; font: inherit; font-size: 1.45rem; height: 2.5rem; justify-content: center; min-width: 2.5rem; background: transparent; }
.row-actions-trigger:hover, .row-actions-trigger:focus-visible { background: var(--ax-color-canvas); outline: 2px solid var(--ax-color-focus); outline-offset: 1px; }
.row-actions-menu { background: var(--ax-color-surface); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); box-shadow: 0 .75rem 2rem rgb(18 18 18 / 16%); display: grid; max-height: calc(100vh - 1rem); min-width: min(14rem, calc(100vw - 1rem)); overflow-y: auto; padding: .4rem; position: fixed; z-index: 1000; }
.row-actions-menu[hidden] { display: none; }
.row-actions-menu a { border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); padding: .65rem .75rem; text-decoration: none; white-space: nowrap; }
.row-actions-menu a:hover, .row-actions-menu a:focus-visible { background: var(--ax-color-canvas); }
.row-actions-menu hr { border: 0; border-top: 1px solid var(--ax-color-border); margin: .3rem 0; }
.row-actions-menu .danger-link { color: var(--ax-color-danger); }
.credential-methods { margin: var(--ax-space-4) 0; padding: 0; border: 0; }
.credential-methods legend { margin-bottom: var(--ax-space-2); color: var(--ax-color-muted); font-size: .75rem; font-weight: 700; }
.credential-methods ul { display: flex; flex-wrap: wrap; gap: var(--ax-space-3); margin: 0; padding: 0; list-style: none; }
.credential-methods label { display: flex; align-items: center; gap: var(--ax-space-2); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); cursor: pointer; }
.credential-fields { margin-top: var(--ax-space-4); }
.inventory-run-status { max-width: 60rem; }
.inventory-run-status .progress-spinner { display: none; margin-right: var(--ax-space-2); vertical-align: middle; }
.inventory-run-status.is-running .progress-spinner { display: inline-block; animation: progress-spin .8s linear infinite; }
.inventory-run-details { margin-top: var(--ax-space-4); }

.theme-picker select { min-height: 2.1rem; max-width: 8.5rem; padding: .25rem 1.7rem .25rem .55rem; border: 1px solid #596071; border-radius: var(--ax-radius-sm); color: #fff; background: var(--ax-color-brand-900); font: inherit; font-size: .75rem; }
.quick-task { margin-bottom: var(--ax-space-5, 1.25rem); padding: var(--ax-space-4); border-color: color-mix(in srgb, var(--ax-color-brand-600) 35%, var(--ax-color-border)); }
.quick-task-primary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--ax-space-2); }
.quick-task-primary input { width: 100%; min-height: 3rem; padding: var(--ax-space-3) var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; font-size: 1rem; }
.quick-task-submit { min-width: 5.5rem; }
.quick-task-feedback { min-height: 1.4rem; padding-top: var(--ax-space-1); color: var(--ax-color-success); font-size: .8rem; }
.quick-task-options { margin-top: var(--ax-space-1); }
.quick-task-options summary, .task-filters > summary { color: var(--ax-color-muted); font-size: .8rem; font-weight: 700; cursor: pointer; }
.quick-task-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ax-space-3); margin-top: var(--ax-space-3); }
.quick-task-fields label { display: block; margin-bottom: var(--ax-space-1); color: var(--ax-color-muted); font-size: .7rem; font-weight: 700; }
.quick-task-fields input, .quick-task-fields select { width: 100%; min-height: 2.5rem; padding: var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); }
.quick-task-fields .due-time-toggle { align-self: end; padding-bottom: .65rem; }
.quick-task-fields .checkbox-label, .data-form .checkbox-label { display: inline-flex; align-items: center; gap: var(--ax-space-2); cursor: pointer; }
.quick-task-fields .checkbox-label input { width: auto; min-height: auto; padding: 0; }
.task-view-tabs { display: flex; gap: var(--ax-space-2); margin: var(--ax-space-4) 0; overflow-x: auto; scrollbar-width: thin; }
.task-view-tabs a { flex: 0 0 auto; padding: .55rem .8rem; border: 1px solid var(--ax-color-border); border-radius: 999px; color: var(--ax-color-ink); background: var(--ax-color-surface); font-size: .82rem; font-weight: 700; text-decoration: none; }
.task-view-tabs a.is-active { border-color: var(--ax-color-brand-600); color: #fff; background: var(--ax-color-brand-600); }
.task-filters { margin-bottom: var(--ax-space-4); }
.task-filters > summary { display: inline-flex; padding: .45rem .75rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); }
.task-filters .filter-panel { margin-top: var(--ax-space-2); }
.task-card { grid-template-columns: minmax(0, 1fr) auto; }
.task-card-person, .task-due { display: block; margin-top: var(--ax-space-1); color: var(--ax-color-muted); font-size: .8rem; }
.task-due-overdue { color: var(--ax-color-danger); font-weight: 700; }
.poll-notice { min-height: 1.5rem; padding-top: var(--ax-space-2); color: var(--ax-color-brand-700); font-size: .8rem; }
.dashboard-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--ax-space-4); }
.dashboard-grid > .panel { min-width: 0; }
.dashboard-tasks { grid-column: 1 / -1; }
.dashboard-quick-links { grid-column: 1 / -1; }
.quick-link-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--ax-space-3); margin-top: var(--ax-space-4); }
.quick-link-card { display: flex; align-items: center; gap: var(--ax-space-3); min-height: 4.5rem; padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-canvas); text-decoration: none; overflow-wrap: anywhere; }
.quick-link-card:hover, .quick-link-card:focus-visible { border-color: var(--ax-color-brand-600); background: var(--ax-color-surface); }
.quick-link-card span:last-child { min-width: 0; }
.quick-link-card small { display: block; margin-top: var(--ax-space-1); color: var(--ax-color-muted); }
.quick-link-icon { display: grid; place-items: center; flex: 0 0 2.25rem; min-height: 2.25rem; border-radius: var(--ax-radius-sm); color: var(--ax-color-brand-700); background: var(--ax-color-surface); font-weight: 800; }
.dashboard-open { grid-column: span 4; }
.dashboard-servers { grid-column: span 8; }
.dashboard-active, .dashboard-stock { grid-column: span 4; }
.metric-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: var(--ax-space-2); margin: var(--ax-space-4) 0; }
.metric-row a { display: flex; flex-direction: column; padding: var(--ax-space-3); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-canvas); text-decoration: none; }
.metric-row strong, .dashboard-big-number { font-size: 1.65rem; line-height: 1.1; }
.metric-row span, .dashboard-big-number span { color: var(--ax-color-muted); font-size: .75rem; font-weight: 700; }
.dashboard-big-number { display: flex; flex-direction: column; margin: var(--ax-space-5, 1.25rem) 0; text-decoration: none; }
.queue-grid, .activity-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-2); margin: var(--ax-space-4) 0 0; }
.queue-grid div, .activity-list div { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-2); padding: var(--ax-space-3); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.queue-grid dd, .activity-list dd { margin: 0; font-size: 1.2rem; font-weight: 800; }
.queue-grid dt, .activity-list dt { font-size: .8rem; }
.compact-task-list { margin-top: var(--ax-space-3); }
.compact-task-list .task-card { padding: var(--ax-space-3); }
.compact-task-list .task-quick-actions form:first-child { display: none; }
.compact-task-list .task-server, .compact-task-list .task-due { display: none; }
.auth-stage { background: linear-gradient(145deg, color-mix(in srgb, var(--ax-color-brand-600) 7%, var(--ax-color-canvas)) 0%, var(--ax-color-canvas) 55%, color-mix(in srgb, var(--ax-color-brand-900) 8%, var(--ax-color-canvas)) 100%); }

@media (max-width: 70rem) {
  .dashboard-servers { grid-column: span 7; }
  .dashboard-open, .dashboard-active, .dashboard-stock { grid-column: span 5; }
  .quick-task-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 55rem) {
  .dashboard-grid > .panel { grid-column: 1 / -1; }
  .server-primary-grid { grid-template-columns: 1fr; }
}

@media (max-width: 47.5rem) {
  .firmware-premium-statuses, .firmware-premium-body { grid-template-columns: 1fr; }
  .firmware-premium-status { border-right: 0; border-bottom: 1px solid var(--ax-color-border); }
  .firmware-premium-status:last-child { border-bottom: 0; }
  .firmware-premium-route-area { border-right: 0; border-bottom: 1px solid var(--ax-color-border); }
  .firmware-premium-route { flex-direction: column; align-items: stretch; }
  .firmware-premium-node { width: 100%; }
  .firmware-premium-rail { width: .1875rem; height: 1.75rem; min-height: 1.75rem; flex: 0 0 1.75rem; align-self: center; }
  .firmware-premium-rail::after { inset: -45% 0 auto; width: 100%; height: 45%; animation-name: firmware-premium-flow-y; }
  .firmware-premium-route-head { align-items: flex-start; flex-direction: column; }
  .firmware-premium-route-head > span { text-align: left; }
  .firmware-premium-tooltip { right: auto; left: 0; }
}

@keyframes firmware-premium-flow-y { to { transform: translateY(330%); } }

@media (max-width: 34rem) {
  .server-primary-firmware .firmware-premium-statuses { grid-template-columns: 1fr; }
  .server-primary-firmware .firmware-premium-status { border-right: 0; border-bottom: 1px solid var(--ax-color-border); }
  .server-primary-firmware .firmware-premium-status:last-child { border-bottom: 0; }
  .server-primary-firmware .firmware-premium-facts, .inventory-premium-metrics { grid-template-columns: 1fr; }
  .inventory-premium-top { align-items: stretch; flex-direction: column; }
  .inventory-premium-status { width: fit-content; }
  .inventory-premium-actions { align-items: stretch; flex-direction: column; }
  .inventory-premium-refresh, .inventory-premium-full { width: 100%; margin-left: 0; }
  .firmware-premium-status { grid-template-columns: 2.75rem minmax(0, 1fr); }
  .firmware-premium-result { grid-column: 2; width: fit-content; }
  .firmware-premium-route-area, .firmware-premium-facts { padding: var(--ax-space-4); }
  .firmware-premium-footer { align-items: stretch; flex-direction: column; }
  .firmware-premium-footer > div, .firmware-premium-quiet, .firmware-premium-open { width: 100%; }
  .firmware-premium-quiet, .firmware-premium-open { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .firmware-premium *, .firmware-premium *::before, .firmware-premium *::after, .inventory-premium *, .inventory-premium *::before, .inventory-premium *::after { animation: none !important; transition: none !important; }
}

@media (max-width: 34rem) {
  .theme-picker select { max-width: 6.7rem; }
  .quick-task { position: sticky; bottom: var(--ax-space-2); z-index: 12; margin-right: calc(var(--ax-space-2) * -1); margin-left: calc(var(--ax-space-2) * -1); padding: var(--ax-space-3); box-shadow: 0 -.35rem 1.5rem rgb(0 0 0 / 15%); }
  .quick-task-primary input { min-height: 3.25rem; }
  .quick-task-submit { min-width: 4.5rem; min-height: 3.25rem; }
  .quick-task-fields { grid-template-columns: 1fr; max-height: 45vh; overflow-y: auto; }
  .task-page-heading .lead { display: none; }
  .task-card { padding: var(--ax-space-3); }
  .task-card h2 { font-size: 1.05rem; }
  .task-quick-actions { display: grid; grid-template-columns: 1fr; }
  .task-quick-actions form:first-child { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ax-space-2); }
  .task-quick-actions form:last-child { display: block; }
  .task-quick-actions .button { min-height: 3rem; }
  .task-view-tabs { margin-right: calc(var(--ax-space-4) * -1); padding-right: var(--ax-space-4); }
  .queue-grid, .activity-list { grid-template-columns: 1fr; }
  .task-detail-page .button-primary { min-height: 3.25rem; }
}

.task-detail-header { margin-bottom: var(--ax-space-4); }
.task-detail-header h1 { max-width: 55rem; font-size: clamp(1.9rem, 4vw, 2.7rem); overflow-wrap: anywhere; }
.high-priority-marker { display: inline-flex; align-items: center; gap: var(--ax-space-2); margin-top: var(--ax-space-2); padding: .35rem .7rem; border: 1px solid color-mix(in srgb, var(--ax-color-danger) 55%, var(--ax-color-border)); border-radius: 999px; color: var(--ax-color-danger); background: var(--ax-color-danger-soft); font-size: .82rem; font-weight: 800; }
.high-priority-marker [aria-hidden="true"] { font-size: 1rem; line-height: 1; }
.task-description { max-width: 62rem; margin-bottom: var(--ax-space-4); border-left: .25rem solid var(--ax-color-brand-600); }
.task-description h2 { color: var(--ax-color-muted); font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.task-description-text { max-width: 75ch; font-size: 1.05rem; line-height: 1.65; overflow-wrap: anywhere; }
.task-description-empty { display: flex; align-items: center; gap: var(--ax-space-3); margin-bottom: var(--ax-space-4); color: var(--ax-color-muted); font-size: .9rem; }
.task-actions { margin-bottom: var(--ax-space-4); }
.task-actions .panel-header { align-items: center; }
.task-status-form { display: flex; flex-wrap: wrap; align-items: end; gap: var(--ax-space-2); margin-top: var(--ax-space-4); padding-top: var(--ax-space-4); border-top: 1px solid var(--ax-color-border); }
.task-status-form label { width: 100%; color: var(--ax-color-muted); font-size: .75rem; font-weight: 700; }
.task-metadata-grid { margin-bottom: var(--ax-space-4); }
.task-history { margin-top: 0; }
.task-comments { max-width: 62rem; margin-bottom: var(--ax-space-4); }
.task-comment-form { display: grid; gap: var(--ax-space-2); }
.task-comment-form textarea { width: 100%; resize: vertical; }
.task-comment-form .button-group { justify-content: flex-start; }
.task-history .history-kind { display: block; margin-bottom: .2rem; color: var(--ax-color-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.task-comment-text { display: block; overflow-wrap: anywhere; white-space: normal; }
.task-attachments, .task-attachment-upload { max-width: 62rem; margin-bottom: var(--ax-space-4); }
.task-attachment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--ax-space-3); }
.task-attachment-card { min-width: 0; overflow: hidden; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-canvas); }
.task-attachment-preview { display: grid; height: 11rem; place-items: center; overflow: hidden; background: var(--ax-color-surface); }
.task-attachment-preview img { width: 100%; height: 100%; object-fit: cover; }
.task-attachment-file-icon { display: grid; height: 7rem; place-items: center; color: var(--ax-color-ink); background: var(--ax-color-surface); font-size: 2.5rem; text-decoration: none; }
.task-attachment-details { display: grid; gap: var(--ax-space-1); padding: var(--ax-space-3); }
.task-attachment-details strong { overflow-wrap: anywhere; }
.task-attachment-details > span { color: var(--ax-color-muted); font-size: .78rem; }
.task-attachment-details .button-group { justify-content: flex-start; margin-top: var(--ax-space-2); }
.task-attachment-dropzone { display: grid; place-items: center; gap: var(--ax-space-2); min-height: 10rem; padding: var(--ax-space-4); border: 2px dashed var(--ax-color-border); border-radius: var(--ax-radius-md); text-align: center; transition: border-color .15s ease, background .15s ease; }
.task-attachment-dropzone.is-dragging, .task-attachment-dropzone:focus-visible { border-color: var(--ax-color-brand-600); outline: none; background: color-mix(in srgb, var(--ax-color-brand-600) 8%, var(--ax-color-surface)); }
.task-attachment-dropzone input, .task-camera-button + input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.task-attachment-upload form { display: grid; gap: var(--ax-space-3); }
.task-attachment-upload progress { width: 100%; accent-color: var(--ax-color-brand-600); }
.task-camera-button { width: fit-content; }
.task-attachment-count { color: var(--ax-color-muted); font-size: .8rem; font-weight: 700; }

@media (max-width: 34rem) {
  .task-detail-header h1 { font-size: 1.85rem; }
  .high-priority-marker { max-width: 100%; }
  .task-description { padding: var(--ax-space-4); }
  .task-description-text { font-size: 1rem; }
  .task-actions .panel-header { align-items: stretch; flex-direction: column; }
  .task-actions .button-group { margin-top: var(--ax-space-3); }
  .task-status-form select, .task-status-form .button { width: 100%; min-height: 3rem; }
  .task-comment-form .button-group, .task-comment-form .button { width: 100%; }
  .task-attachment-grid { grid-template-columns: 1fr; }
  .task-attachment-details .button-group, .task-attachment-details .button, .task-camera-button, .task-attachment-upload > form > .button { width: 100%; }
  .task-history .history-list li { grid-template-columns: 1fr; gap: var(--ax-space-1); }
  .task-description-empty { align-items: flex-start; flex-direction: column; gap: var(--ax-space-1); }
}

/* Workshop server list */
.server-smart-search-form { display: grid; gap: var(--ax-space-2); margin-bottom: var(--ax-space-2); }
.server-filter-form { margin-bottom: var(--ax-space-4); }
.server-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--ax-space-2); }
.server-search-row .filter-search { display: grid; gap: var(--ax-space-1); }
.server-search-row label, .server-filter-details label { color: var(--ax-color-muted); font-size: .75rem; font-weight: 700; }
.server-search-row input { width: 100%; min-height: 2.75rem; padding: var(--ax-space-2) var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; }
.server-search-scope-toggle { display: inline-flex; width: fit-content; align-items: center; gap: var(--ax-space-1); color: var(--ax-color-muted); font-size: .8rem; font-weight: 700; }
.server-filter-details { margin-top: var(--ax-space-2); }
.server-filter-toolbar { display: flex; flex-wrap: wrap; align-items: start; gap: var(--ax-space-2); margin-top: var(--ax-space-2); }
.server-filter-toolbar .server-filter-details { margin-top: 0; }
.server-view-switcher { display: inline-flex; flex-wrap: wrap; gap: .25rem; margin: 0; padding: .25rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); }
.server-view-choice { position: relative; cursor: pointer; }
.server-view-choice input { position: absolute; opacity: 0; }
.server-view-choice span { display: block; min-height: 2.35rem; padding: .5rem .75rem; border: 1px solid transparent; border-radius: calc(var(--ax-radius-sm) - .1rem); color: var(--ax-color-muted); font-size: .82rem; font-weight: 800; }
.server-view-choice input:focus-visible + span { outline: 2px solid var(--ax-color-brand-600); outline-offset: 2px; }
.server-view-choice input:checked + span { border-color: var(--ax-color-success); color: var(--ax-color-success); background: var(--ax-color-success-soft); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ax-color-success) 20%, transparent); }
.server-filter-details > summary { display: inline-flex; align-items: center; gap: var(--ax-space-2); padding: .5rem .75rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); font-size: .82rem; font-weight: 800; cursor: pointer; }
.filter-count { display: inline-grid; min-width: 1.35rem; min-height: 1.35rem; place-items: center; border-radius: 999px; color: #fff; background: var(--ax-color-brand-600); font-size: .7rem; }
.server-filter-details .filter-panel { margin-top: var(--ax-space-2); }
.server-filter-details small { display: block; margin-top: var(--ax-space-1); color: var(--ax-color-muted); font-size: .68rem; line-height: 1.3; }
.contextual-bulk { position: sticky; top: var(--ax-space-2); z-index: 20; display: flex; flex-wrap: wrap; align-items: end; gap: var(--ax-space-2); margin-bottom: var(--ax-space-3); padding: var(--ax-space-3); border: 1px solid var(--ax-color-brand-600); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-sm); }
.contextual-bulk[hidden] { display: none; }
.contextual-bulk label { display: grid; gap: var(--ax-space-1); color: var(--ax-color-muted); font-size: .7rem; font-weight: 700; }
.contextual-bulk input, .contextual-bulk select { min-height: 2.35rem; padding: var(--ax-space-1) var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); }
.server-table-panel { max-width: 100%; overflow-x: clip; }
.server-table { width: 100%; table-layout: fixed; }
.server-table th:first-child { width: 2.5rem; }
.server-table th:nth-child(2) { width: 22%; }
.server-table th:nth-child(3) { width: 21%; }
.server-table th:nth-child(4) { width: 18%; }
.server-table th:nth-child(5) { width: 15%; }
.server-table th:nth-child(6) { width: 9%; }
.server-table th:last-child { width: 3rem; }
.server-table th, .server-table td { min-width: 0; overflow-wrap: anywhere; vertical-align: top; }
.probe-notification-controls { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-4); margin-bottom: var(--ax-space-4); }
.probe-notification-controls p { margin: var(--ax-space-1) 0 0; }
.probe-notification-controls [data-sound-status] { display: block; margin-top: var(--ax-space-1); color: var(--ax-color-muted); }
.probe-notification-controls.is-configured { padding-block: var(--ax-space-2); }
.probe-notification-controls.is-configured .sound-onboarding-copy,
.probe-notification-controls.is-configured [data-sound-enable] { display: none; }
.probe-notification-controls.is-configured .button { min-height: 2.25rem; padding: .35rem .55rem; font-size: .75rem; }
.compact-page-heading { margin-bottom: var(--ax-space-3); }
.discovery-summary-compact { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .85rem; padding-block: .65rem; }
.discovery-summary-compact .needs-review { font-weight: 700; }
.live-server-status:has(.probe-toast[hidden]) { height: 0; overflow: visible; }
.probe-toast { padding: var(--ax-space-2) var(--ax-space-3); border-left: .25rem solid var(--ax-color-brand-600); background: var(--ax-color-canvas); }
.probe-version-summary { display: grid; gap: var(--ax-space-1); margin-top: var(--ax-space-2); font-size: .85rem; }
.probe-action-status { display: grid; min-width: 0; gap: .15rem; margin: var(--ax-space-2) 0 0; color: var(--ax-color-muted); font-size: .72rem; overflow-wrap: anywhere; }
.probe-action-status[hidden] { display: none; }
.probe-action-link { display: grid; gap: .15rem; color: inherit; text-decoration-thickness: .08em; text-underline-offset: .15em; }
.credential-server-context { display: grid; gap: var(--ax-space-1); }
.status-stack { display: grid; gap: var(--ax-space-2); }
.status-stack > div, .status-editor, .status-editor > summary { min-width: 0; max-width: 100%; }
.status-editor > summary { width: 100%; overflow-wrap: anywhere; }
.status-stack > div > small { display: block; margin-bottom: .2rem; color: var(--ax-color-muted); font-size: .65rem; font-weight: 700; }
.location-warning { display: block; margin-top: var(--ax-space-1); color: var(--ax-color-warning); font-size: .72rem; font-weight: 800; }
.inventory-tabs { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); margin-bottom: var(--ax-space-4); }
.inventory-tabs a { padding: .55rem .8rem; border: 1px solid var(--ax-color-border); border-radius: 999px; color: var(--ax-color-ink); text-decoration: none; }
.inventory-tabs a.is-active { border-color: var(--ax-color-brand-600); color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 12%, var(--ax-color-surface)); font-weight: 800; }
.completion-form { max-width: 44rem; }
.location-tree { display: grid; gap: var(--ax-space-2); }
.location-tree-item { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-3); min-height: 2.8rem; margin-left: min(calc(var(--tree-depth) * 1.35rem), 8rem); padding: .45rem .7rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); }
.location-tree-item-grouping { border-style: dashed; background: var(--ax-color-canvas); }
.location-tree-item-stock { border-left: .22rem solid color-mix(in srgb, var(--ax-color-brand-600) 55%, var(--ax-color-border)); }
.location-tree-primary, .location-tree-summary, .location-tree-actions { display: flex; align-items: center; min-width: 0; gap: var(--ax-space-2); }
.location-tree-primary { flex: 1 1 auto; }
.location-tree-primary a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.location-node-icon { flex: 0 0 1rem; color: var(--ax-color-muted); text-align: center; }
.location-node-kind { flex: 0 0 auto; padding: .15rem .35rem; border: 1px solid var(--ax-color-border); border-radius: 999px; color: var(--ax-color-muted); font-size: .65rem; font-weight: 750; }
.location-tree-summary { flex: 0 0 auto; color: var(--ax-color-muted); font-size: .75rem; }
.location-tree-actions { margin-left: var(--ax-space-2); }
.location-tree-item.is-inactive { opacity: .55; }
.location-type, .review-label { color: var(--ax-color-warning); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.movement-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr); gap: var(--ax-space-4); align-items: start; }
.movement-field { display: grid; gap: var(--ax-space-1); margin-bottom: var(--ax-space-4); }
.movement-field label { font-weight: 750; }
.recent-components { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); margin-top: var(--ax-space-2); }
.recent-components span { width: 100%; color: var(--ax-color-muted); font-size: .72rem; }
.recent-components button, .quick-create-stack summary { min-height: 2.75rem; padding: .55rem .75rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); cursor: pointer; }
.quick-create-stack { display: grid; gap: var(--ax-space-2); }
.quick-create-stack details { border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.quick-create-stack summary { border: 0; font-weight: 800; }
.quick-create-stack form { display: grid; gap: var(--ax-space-2); padding: var(--ax-space-3); }
.component-template-tools { display: grid; gap: var(--ax-space-2); padding: 0 var(--ax-space-3) var(--ax-space-3); }
.component-template-tools p, .component-template-tools small { margin: 0; }
.structured-location-panel > form { gap: var(--ax-space-4); }
.placement-kind { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: var(--ax-space-2); margin: 0; padding: 0; border: 0; }
.placement-kind legend { grid-column: 1 / -1; margin-bottom: var(--ax-space-1); font-weight: 800; }
.placement-kind label { display: flex; align-items: center; gap: var(--ax-space-2); min-height: 3rem; padding: var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); cursor: pointer; }
.placement-kind label:has(input:checked) { border-color: var(--ax-color-brand-600); background: color-mix(in srgb, var(--ax-color-brand-600) 10%, var(--ax-color-surface)); }
.structured-fields, .structured-fields [data-kind-fields], .new-room-fields { display: grid; gap: var(--ax-space-3); }
.structured-fields label, .advanced-location label { display: grid; gap: var(--ax-space-1); font-weight: 700; }
.structured-fields input, .structured-fields select, .structured-fields textarea { width: 100%; min-height: 2.75rem; padding: var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; }
.structured-fields [hidden], .new-room-fields[hidden] { display: none; }
.location-path-preview { display: grid; gap: var(--ax-space-1); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); overflow-wrap: anywhere; }
.location-path-preview span { color: var(--ax-color-muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.advanced-location { padding: var(--ax-space-3); border-top: 1px solid var(--ax-color-border); }
.advanced-location > summary { cursor: pointer; font-weight: 750; }
.setup-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr); gap: var(--ax-space-4); align-items: start; }
.structure-preview { display: grid; gap: var(--ax-space-4); position: sticky; top: var(--ax-space-4); }
.stock-preview { padding: var(--ax-space-3); border-radius: var(--ax-radius-sm); color: var(--ax-color-brand-700); background: var(--ax-color-canvas); font-weight: 800; }
.inventory-search-select { position: relative; }
.inventory-combobox-control { position: relative; }
.inventory-combobox-input { padding-right: 2.75rem; }
.inventory-combobox-clear { position: absolute; inset-block: 0; right: 0; width: 2.75rem; border: 0; color: var(--ax-color-muted); background: transparent; font-size: 1.35rem; cursor: pointer; }
.inventory-combobox-results { position: absolute; z-index: 20; top: calc(100% - 1.25rem); left: 0; right: 0; max-height: min(20rem, 50vh); overflow-y: auto; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-md); }
.inventory-combobox-results button { display: grid; width: 100%; gap: .15rem; padding: .7rem .8rem; border: 0; border-bottom: 1px solid var(--ax-color-border); color: var(--ax-color-ink); background: transparent; text-align: left; cursor: pointer; }
.inventory-combobox-results button:last-child { border-bottom: 0; }
.inventory-combobox-results button:hover, .inventory-combobox-results button[aria-selected="true"] { background: var(--ax-color-canvas); }
.inventory-combobox-results small, .inventory-combobox-status { color: var(--ax-color-muted); }
.inventory-combobox-status { min-height: 1.25rem; margin: .25rem 0 0; font-size: .78rem; }
.inventory-create-from-search { width: 100%; margin-top: var(--ax-space-2); text-align: left; }
.scan-location-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ax-space-3); margin-bottom: var(--ax-space-4); }
.scan-location-actions .button { min-height: 4rem; gap: var(--ax-space-2); font-size: 1.05rem; }
.scan-location-actions .button span { font-size: 1.5rem; line-height: 1; }
.location-scanner, .location-manual-search { width: min(100%, 48rem); margin-bottom: var(--ax-space-4); }
.camera-scanner-controls { display: flex; flex-wrap: wrap; gap: var(--ax-space-3); }
.location-scanner video { display: block; width: min(100%, 36rem); max-height: 60vh; margin: var(--ax-space-4) auto; border-radius: var(--ax-radius-md); background: #000; object-fit: contain; }
.location-scanner [role="status"] { margin: var(--ax-space-3) 0 0; color: var(--ax-color-muted); }
.inventory-mobile-shortcut { display: none; }
.inventory-mobile-page .app-header, .inventory-mobile-page .maturity-notice,
.inventory-mobile-page [data-task-assignment-notices] { display: none; }
.inventory-mobile-shell { display: block; min-height: 100vh; background: var(--ax-color-canvas); }
.inventory-mobile-shell .main-content { width: 100%; max-width: 46rem; min-height: 100vh; margin: 0 auto; padding: 0 0 6rem; }
.mobile-inventory-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 3.5rem; padding: .45rem .75rem; color: #fff; background: var(--ax-color-brand-900); box-shadow: var(--ax-shadow-sm); }
.mobile-inventory-header > a, .mobile-inventory-header nav, .mobile-inventory-header nav a, .mobile-inventory-header form { display: flex; align-items: center; gap: .5rem; margin: 0; color: inherit; text-decoration: none; }
.mobile-inventory-header img { width: 2rem; height: 2rem; object-fit: contain; }
.mobile-inventory-header button { padding: .4rem; border: 0; color: inherit; background: transparent; font: inherit; }
.mobile-inventory-workspace { display: grid; gap: 1rem; padding: .9rem; }
.mobile-inventory-workspace h1 { margin: 0; font-size: 1.45rem; }
.mobile-camera, .mobile-manual-location, .mobile-location-title, .mobile-stock-list, .mobile-add-component { padding: .85rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.mobile-camera { display: grid; gap: .75rem; }
.mobile-camera video { width: 100%; max-height: 65vh; border-radius: var(--ax-radius-sm); background: #000; }
.mobile-camera-start { min-height: 4rem; font-size: 1.05rem; }
.mobile-manual-location, .mobile-add-component form { display: grid; gap: .75rem; }
.mobile-manual-location h2, .mobile-stock-list h2 { margin: 0; font-size: 1rem; }
.mobile-location-title span { color: var(--ax-color-muted); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.mobile-location-title p { margin: .25rem 0 0; color: var(--ax-color-muted); overflow-wrap: anywhere; }
.mobile-stock-list { display: grid; gap: .6rem; }
.mobile-stock-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .7rem; min-height: 3.75rem; padding: .55rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.mobile-stock-row > div { display: grid; gap: .15rem; min-width: 0; }
.mobile-stock-row > div strong { overflow-wrap: anywhere; }
.mobile-stock-row > div span { color: var(--ax-color-muted); font-size: .72rem; }
.mobile-stock-row > b { min-width: 2rem; font-size: 1.25rem; text-align: center; }
.mobile-stock-adjust { display: grid; grid-column: 1 / -1; gap: .6rem; }
.mobile-stock-stepper { display: grid; grid-template-columns: 3.25rem minmax(4rem, 1fr) 3.25rem; align-items: stretch; gap: .5rem; }
.mobile-stock-stepper button { min-height: 3.25rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); font-size: 1.6rem; font-weight: 800; }
.mobile-stock-stepper output { display: grid; place-items: center; border: 2px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); font-size: 1.3rem; font-weight: 800; }
.mobile-stock-stepper output.is-positive { border-color: var(--ax-color-success); color: var(--ax-color-success); }
.mobile-stock-stepper output.is-negative { border-color: var(--ax-color-danger); color: var(--ax-color-danger); }
.mobile-stock-adjust form { display: grid; gap: .55rem; }
.mobile-manual-change { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; margin-top: .25rem; }
.mobile-manual-change input { min-width: 0; }
.mobile-stock-row summary, .mobile-add-component > summary { min-height: 2.75rem; padding: .65rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); font-weight: 750; cursor: pointer; }
.mobile-stock-row details form { display: grid; gap: .65rem; margin-top: .5rem; padding: .65rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); }
.mobile-stock-row details[open] { grid-column: 1 / -1; width: 100%; }
.mobile-stock-row details form > div, .mobile-next-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.mobile-stock-row input { width: 100%; min-height: 3rem; }
.mobile-add-component[open] > summary { margin-bottom: .75rem; }
.mobile-next-actions { position: sticky; bottom: .5rem; padding: .55rem; border-radius: var(--ax-radius-md); background: color-mix(in srgb, var(--ax-color-surface) 92%, transparent); box-shadow: var(--ax-shadow-md); }

@media (max-width: 55rem) {
  .inventory-mobile-shortcut { display: inline-flex; }
}
.location-print-label { display: grid; width: min(100%, 62rem); grid-template-columns: minmax(0, 1fr) minmax(14rem, 24rem); align-items: center; gap: clamp(1rem, 5vw, 4rem); padding: clamp(1.5rem, 5vw, 4rem); border: 2px solid var(--ax-color-ink); background: var(--ax-color-surface); }
.location-print-label img { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.location-print-label h1 { font-size: clamp(2.5rem, 8vw, 6rem); overflow-wrap: anywhere; }
.location-print-path { font-size: clamp(1rem, 3vw, 1.7rem); font-weight: 750; overflow-wrap: anywhere; }
.location-print-url { grid-column: 1 / -1; margin: 0; font-size: .75rem; overflow-wrap: anywhere; }
.global-search-form { display: grid; gap: var(--ax-space-3); margin-bottom: var(--ax-space-4); padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
.global-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--ax-space-2); }
.global-search-row label { grid-column: 1 / -1; color: var(--ax-color-muted); font-size: .75rem; font-weight: 700; }
.global-search-row input { width: 100%; min-height: 2.75rem; padding: var(--ax-space-2) var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font: inherit; }
.global-search-options { display: flex; flex-wrap: wrap; gap: var(--ax-space-2) var(--ax-space-4); }
.global-search-options label { display: inline-flex; align-items: center; gap: var(--ax-space-1); color: var(--ax-color-muted); font-size: .8rem; font-weight: 700; }
.global-history-toggle { display: flex; align-items: center; gap: var(--ax-space-2); width: fit-content; min-height: 2.75rem; }
.global-history-toggle input { width: 1.15rem; height: 1.15rem; }
.global-search-results { display: grid; gap: var(--ax-space-4); }
.global-search-group > div { display: grid; gap: var(--ax-space-2); }
.global-search-result { display: grid; gap: .15rem; padding: var(--ax-space-3) var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); text-decoration: none; }
.global-search-result:hover { border-color: var(--ax-color-brand-600); }
.global-search-result span { color: var(--ax-color-muted); font-size: .8rem; overflow-wrap: anywhere; }
.strip-use-location { width: 100%; margin-top: var(--ax-space-2); }
.strip-observation-details { margin: var(--ax-space-3) 0; }
.strip-observation-details > summary { min-height: 2.75rem; cursor: pointer; font-weight: 750; }
.room-code-suggestion { display: grid; gap: var(--ax-space-1); }
.advanced-fields > summary { min-height: 2.75rem; cursor: pointer; font-weight: 750; }
.optional-fields { margin-bottom: var(--ax-space-4); }
.optional-fields > summary { min-height: 2.75rem; cursor: pointer; font-weight: 750; }
.server-identity { display: flex; flex-direction: column; gap: .15rem; overflow-wrap: anywhere; text-decoration: none; }
.server-identity span, .server-secondary { display: block; margin-top: .15rem; color: var(--ax-color-muted); font-size: .72rem; }
.status-editor { position: relative; }
.status-editor > summary { width: fit-content; cursor: pointer; list-style: none; }
.status-editor > summary::-webkit-details-marker { display: none; }
.status-editor[open] > summary { outline: 2px solid var(--ax-color-focus); outline-offset: 2px; }
.status-editor form { display: grid; width: min(20rem, 100%); max-width: 100%; min-width: 0; gap: var(--ax-space-2); margin-top: var(--ax-space-2); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); box-sizing: border-box; overflow-wrap: anywhere; }
.status-editor form > *, .status-editor label, .status-editor select { min-width: 0; max-width: 100%; }
.status-editor label { display: grid; gap: var(--ax-space-1); font-size: .72rem; font-weight: 700; }
.status-editor select { width: 100%; min-height: 2.5rem; padding: var(--ax-space-2); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); text-overflow: ellipsis; }
.status-editor small { display: block; min-width: 0; max-width: 100%; color: var(--ax-color-muted); font-size: .7rem; overflow-wrap: anywhere; }
.status-editor form .button { width: 100%; }
.server-card-list { display: none; }

/* Task cards and inline description */
.task-list { gap: .5rem; }
.task-card { position: relative; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: center; padding: .65rem .8rem; }
.task-card.task-high-priority { border-left: .3rem solid var(--ax-color-danger); background: color-mix(in srgb, var(--ax-color-danger-soft) 45%, var(--ax-color-surface)); }
.task-card.task-new-assignment { box-shadow: 0 0 0 2px color-mix(in srgb, var(--ax-color-brand-600) 55%, transparent); }
.task-card-main { min-width: 0; }
.task-card h2, .task-card h3 { margin: 0; line-height: 1.25; }
.task-card h2 a, .task-card h3 a { overflow-wrap: anywhere; }
.task-card-meta { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; margin-top: .3rem; color: var(--ax-color-muted); font-size: .76rem; }
.task-card-meta .task-card-person, .task-card-meta .task-due { display: inline; margin: 0; font-size: inherit; }
.task-card-meta .task-server { min-width: 0; max-width: 28rem; overflow: hidden; font-size: inherit; text-overflow: ellipsis; white-space: nowrap; }
.task-card-description { display: -webkit-box; margin: .2rem 0 0; overflow: hidden; color: var(--ax-color-muted); font-size: .8rem; line-height: 1.3; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.task-badges { gap: .25rem; }
.task-card .priority-label, .task-card .overdue-label, .task-card .status-label { padding: .12rem .4rem; font-size: .68rem; }
.task-card .task-quick-actions { gap: .35rem; }
.task-card .task-quick-actions form { gap: .35rem; }
.task-card .task-quick-actions .button { padding: .45rem .6rem; }
.compact-task-list .task-quick-actions { width: max-content; max-width: 100%; justify-self: start; }
.task-card .task-quick-actions .button-complete-compact { gap: .3rem; width: auto; min-height: 2.25rem; padding: .35rem .55rem; color: var(--ax-color-brand-700); background: var(--ax-color-surface); font-size: .78rem; }
.new-assignment-label { padding: .12rem .4rem; border-radius: 999px; color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 18%, var(--ax-color-surface)); font-size: .68rem; font-weight: 850; }
.task-assignment-banner { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-3); margin-bottom: var(--ax-space-4); padding: var(--ax-space-3); border: 1px solid color-mix(in srgb, var(--ax-color-brand-600) 55%, var(--ax-color-border)); border-left: .3rem solid var(--ax-color-brand-600); border-radius: var(--ax-radius-md); background: color-mix(in srgb, var(--ax-color-brand-600) 10%, var(--ax-color-surface)); }
.task-assignment-banner > div { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--ax-space-2); }
.task-assignment-banner a { overflow-wrap: anywhere; font-weight: 750; }
.task-assignment-banner form { flex: 0 0 auto; }
.task-notification-bell { position: relative; z-index: 28; flex: 0 0 auto; }
.task-notification-bell > summary { display: grid; width: 2.45rem; height: 2.45rem; place-items: center; border: 1px solid var(--ax-color-border); border-radius: 50%; color: var(--ax-color-muted); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-sm); cursor: pointer; font-size: 1.25rem; list-style: none; }
.task-notification-bell > summary::-webkit-details-marker { display: none; }
.task-notification-bell.has-notices > summary { color: var(--ax-color-brand-700); border-color: var(--ax-color-brand-600); }
.task-notification-bell > summary strong { position: absolute; top: -.28rem; right: -.28rem; display: grid; min-width: 1.15rem; height: 1.15rem; padding: 0 .25rem; place-items: center; border-radius: 999px; color: #fff; background: var(--ax-color-danger); font-size: .62rem; }
.task-notification-panel { position: absolute; top: calc(100% + .4rem); right: 0; width: min(24rem, calc(100vw - 2rem)); padding: .75rem; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-md); }
.task-notification-panel h2 { margin: 0 0 .5rem; font-size: .88rem; }
.task-notification-panel ol { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.task-notification-panel li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; align-items: center; padding: .45rem; border-radius: var(--ax-radius-sm); background: var(--ax-color-canvas); }
.task-notification-panel li a { display: grid; min-width: 0; color: var(--ax-color-ink); text-decoration: none; }
.task-notification-panel li span, .task-notification-panel p { color: var(--ax-color-muted); font-size: .68rem; }
.task-notification-panel button { width: 1.8rem; height: 1.8rem; border: 0; border-radius: 50%; color: var(--ax-color-muted); background: transparent; cursor: pointer; }
.button-compact { min-height: 2.5rem; padding: .4rem .65rem; }
.dashboard-tasks h2 small { display: block; margin-top: .2rem; color: var(--ax-color-muted); font-size: .72rem; font-weight: 600; }
.task-card-hitarea { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.task-card-hitarea:focus-visible { outline: 3px solid var(--ax-color-focus); outline-offset: 2px; }
.task-card-main a:not(.task-card-hitarea), .task-quick-actions { position: relative; z-index: 2; }
.task-description-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--ax-space-3); }
.link-button { padding: 0; border: 0; color: var(--ax-color-brand-700); background: transparent; font: inherit; font-size: .82rem; font-weight: 700; text-decoration: underline; cursor: pointer; }
.link-button:focus-visible { outline: 2px solid var(--ax-color-focus); outline-offset: 3px; }
.task-description-form { display: grid; gap: var(--ax-space-3); width: 100%; margin-top: var(--ax-space-3); }
.task-description-form textarea { width: 100%; resize: vertical; }
.task-description-form .button-group { justify-content: flex-start; }
.status-help { margin: var(--ax-space-3) 0 0; color: var(--ax-color-muted); font-size: .75rem; }

/* Product-owner controlled warehouse maturity marker. */
.nav-item-warehouse { align-items: center; justify-content: space-between; gap: var(--ax-space-2); }
.nav-item .maturity-badge { display: inline-flex; flex: 0 0 auto; padding: .14rem .38rem; border: 1px solid color-mix(in srgb, var(--ax-color-warning) 55%, transparent); border-radius: 999px; color: var(--ax-color-warning); background: var(--ax-color-warning-soft); font-size: .58rem; font-weight: 900; letter-spacing: .035em; line-height: 1.25; }
.nav-item-sanitization { align-items: center; }
.sanitization-tabs { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); margin-bottom: var(--ax-space-6); border-bottom: 1px solid var(--ax-color-border); }
.sanitization-tabs a { padding: var(--ax-space-2) var(--ax-space-3); border-bottom: 3px solid transparent; color: var(--ax-color-ink); font-weight: 700; text-decoration: none; }
.sanitization-tabs a:hover, .sanitization-tabs a:focus-visible { border-color: var(--ax-color-brand-600); color: var(--ax-color-brand-600); }
.wipe-station-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: var(--ax-space-4); margin-bottom: var(--ax-space-7); }
.wipe-station-card { padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-sm); }
.wipe-station-card > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--ax-space-3); align-items: start; }
.wipe-station-card h3, .wipe-station-card p { margin: 0; }
.wipe-station-card > header p, .wipe-station-card > p { color: var(--ax-color-muted); }
.wipe-station-status { width: .8rem; height: .8rem; margin-top: .35rem; border: 2px solid currentColor; border-radius: 50%; color: var(--ax-color-muted); }
.wipe-station-status-online { border-color: var(--ax-color-success); background: var(--ax-color-success); }
.wipe-station-status-offline, .wipe-station-status-disabled { color: var(--ax-color-muted); }
.wipe-station-status-registered { color: var(--ax-color-warning); }
.wipe-station-meta { display: flex; flex-wrap: wrap; gap: var(--ax-space-4); margin: var(--ax-space-3) 0; }
.wipe-station-meta div { min-width: 8rem; }
.wipe-station-meta dt { color: var(--ax-color-muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.wipe-station-meta dd { margin: 0; overflow-wrap: anywhere; }
.wipe-station-capabilities { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); margin-top: var(--ax-space-3); }
.wipe-station-capabilities span { padding: .2rem .5rem; border-radius: 999px; background: var(--ax-color-surface-muted); color: var(--ax-color-muted); font-size: .78rem; }
.sanitization-filters { align-items: end; margin-bottom: var(--ax-space-4); }
.sanitization-filters label { min-width: 10rem; }
.sanitization-filters label:first-child { flex: 2 1 18rem; }
.wipe-disk-list { display: grid; gap: var(--ax-space-2); }
.wipe-disk-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--ax-space-4); align-items: center; padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); background: var(--ax-color-surface); }
.wipe-disk-row > div { display: grid; gap: .15rem; min-width: 0; }
.wipe-disk-row > div:last-child { justify-items: end; }
.wipe-disk-row span, .wipe-disk-row small, .technical-value { overflow-wrap: anywhere; }
.wipe-disk-row.is-protected { background: var(--ax-color-surface-muted); }
@media (max-width: 42rem) {
  .wipe-disk-row { grid-template-columns: 1fr; }
  .wipe-disk-row > div:last-child { justify-items: start; }
}
.maturity-notice { display: flex; align-items: center; gap: .55rem; margin-bottom: var(--ax-space-3); padding: .5rem .7rem; border: 1px solid color-mix(in srgb, var(--ax-color-warning) 45%, var(--ax-color-border)); border-left: .25rem solid var(--ax-color-warning); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-warning-soft); font-size: .8rem; }
.maturity-notice strong { flex: 0 0 auto; color: var(--ax-color-warning); font-size: .68rem; letter-spacing: .035em; }

@media (max-width: 70rem) {
  .app-shell.primary-navigation-ready, .app-shell:has(> #primary-navigation) { grid-template-columns: minmax(0, 1fr); align-content: start; }
  .probe-notification-controls { align-items: stretch; flex-direction: column; }
  .app-shell { overflow-x: clip; }
  .warehouse-page .sidebar .nav-item-warehouse { order: -1; }
  .firmware-summary { grid-template-columns: 1fr; }
  .server-table-panel { display: none; }
  .server-card-list { display: grid; gap: var(--ax-space-3); }
  .server-card { position: relative; padding: var(--ax-space-4); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-sm); }
  .server-card-select { position: absolute; top: var(--ax-space-4); right: 3.5rem; width: 1.25rem; height: 1.25rem; }
  .server-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ax-space-3); padding-right: 2.5rem; }
  .server-card .firmware-indicators { display: grid; grid-template-columns: 1fr; }
  .server-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-3); margin: var(--ax-space-4) 0; }
  .server-card dl div { min-width: 0; }
  .server-card dt { color: var(--ax-color-muted); font-size: .68rem; font-weight: 700; text-transform: uppercase; }
  .server-card dd { margin: var(--ax-space-1) 0 0; overflow-wrap: anywhere; }
  .server-card-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ax-space-2); }
  .complete-server-table { overflow: visible; border: 0; background: transparent; box-shadow: none; }
  .complete-server-table table, .complete-server-table tbody, .complete-server-table tr, .complete-server-table td { display: block; width: 100%; }
  .complete-server-table thead { display: none; }
  .complete-server-table tr { margin-bottom: var(--ax-space-3); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
  .complete-server-table td { padding: var(--ax-space-2); border: 0; white-space: normal; }
  .movement-layout { grid-template-columns: 1fr; }
  .location-tree-item { align-items: flex-start; flex-direction: column; margin-left: min(calc(var(--tree-depth) * .65rem), 3rem); }
  .location-tree-primary, .location-tree-summary { width: 100%; flex-wrap: wrap; }
  .location-tree-primary a { white-space: normal; }
  .movement-layout .button, .quick-create-stack summary { min-height: 2.75rem; }
}

@media (max-width: 34rem) {
  .server-page-heading .lead { display: none; }
  .server-search-row { grid-template-columns: minmax(0, 1fr) auto; }
  .server-search-row .button { min-height: 2.75rem; padding-inline: var(--ax-space-3); }
  .server-filter-details .filter-panel { grid-template-columns: 1fr; }
  .contextual-bulk { top: .25rem; align-items: stretch; flex-direction: column; }
  .contextual-bulk label, .contextual-bulk input, .contextual-bulk select, .contextual-bulk .button { width: 100%; }
  .server-card dl { grid-template-columns: 1fr; }
  .status-editor form { min-width: 0; }
  .compact-task-list .task-quick-actions { display: flex; width: auto; }
  .compact-task-list .task-quick-actions form:last-child { display: block; }
  .task-card .task-quick-actions .button-complete-compact { width: auto; min-height: 2.75rem; }
  .task-description-heading { align-items: flex-start; flex-direction: column; }
  .task-card { grid-template-columns: 1fr; padding: .7rem; }
  .task-card-meta { gap: .35rem .65rem; }
  .task-card-meta .task-server { max-width: 100%; white-space: normal; }
  .task-assignment-banner { align-items: stretch; flex-direction: column; }
  .task-assignment-banner .button { width: 100%; min-height: 2.75rem; }
  .maturity-notice { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .scan-location-actions { grid-template-columns: 1fr; }
  .scan-location-actions .button { min-height: 3.25rem; }
  .location-print-label { grid-template-columns: 1fr; }
  .location-print-label img { width: min(100%, 20rem); margin-inline: auto; }
  .global-search-row { grid-template-columns: 1fr; }
  .global-search-row label { grid-column: auto; }
  .report-facts, .firmware-summary-card dl { grid-template-columns: 1fr; }
  .spec-table, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display: block; width: 100%; }
  .spec-table th { padding-bottom: 0; border-bottom: 0; }
  .spec-table td { padding-top: .1rem; }
}

@media print {
  .location-label-page .app-header,
  .location-label-page .sidebar,
  .location-label-page .maturity-notice,
  .location-label-page .no-print { display: none !important; }
  .location-label-page,
  .location-label-page .app-shell,
  .location-label-page .main-content { display: block; max-width: none; margin: 0; padding: 0; color: #111 !important; background: #fff !important; }
  .location-label-page .location-print-label { width: 100%; min-height: 75vh; border: 0; color: #111 !important; background: #fff !important; break-inside: avoid; }
}

/* Keep the A4 layout independent of responsive screen breakpoints. */
@media print {
  .inventory-report-page,
  .inventory-report-page .app-shell,
  .inventory-report-page .main-content { background: #fff !important; }
  .inventory-report-page .report-first-page .report-section { margin-bottom: 2mm; padding: 2mm; }
  .inventory-report-page .report-first-page .report-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inventory-report-page .report-first-page .report-facts > div { padding: .8mm 0; }
  .inventory-report-page .report-first-page .firmware-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2mm; }
  .inventory-report-page .report-first-page .firmware-summary-card { padding: 2mm; }
  .inventory-report-page .report-first-page .firmware-summary-card dl { margin: 1mm 0; gap: 1mm 3mm; }
  .inventory-report-page .report-first-page .firmware-reason,
  .inventory-report-page .report-first-page .firmware-source { margin-top: 1mm; }
  .inventory-report-page .report-first-page .report-section h2 { margin-bottom: 1.5mm; font-size: 14pt; }
  .inventory-report-page .report-first-page .spec-table,
  .inventory-report-page .report-first-page .spec-table tbody,
  .inventory-report-page .report-first-page .spec-table tr { display: table; width: 100%; }
  .inventory-report-page .report-first-page .spec-table tbody { display: table-row-group; }
  .inventory-report-page .report-first-page .spec-table tr { display: table-row; }
  .inventory-report-page .report-first-page .spec-table th,
  .inventory-report-page .report-first-page .spec-table td { display: table-cell; width: auto; padding: .8mm 1.2mm; }
  .inventory-report-page .report-table-scroll { overflow: visible; }
  .inventory-report-page .report-technical-appendix { font-size: 8pt; line-height: 1.2; }
  .inventory-report-page .report-technical-appendix .technical-section { margin-top: 2mm; padding-top: 2mm; }
  .inventory-report-page .report-technical-appendix .provenance-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2mm; }
  .inventory-report-page .report-technical-appendix .provenance-list > div { grid-template-columns: minmax(22mm, 34%) minmax(0, 1fr); }
  .inventory-report-page .report-technical-appendix .provenance-list dt,
  .inventory-report-page .report-technical-appendix .provenance-list dd { padding: .8mm 1mm; }
}

/* Read-only Wipe Station: explicit states retain text and semantic colours. */
.wipe-preflight-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr)); gap: var(--ax-space-4); }
.wipe-preflight-card { display: block; border-left: .3rem solid var(--ax-color-success); }
.wipe-preflight-card > div:last-child { display: block; justify-items: stretch; }
.wipe-preflight-card.is-protected { border-left-color: var(--ax-color-danger); }
.wipe-preflight-card.is-degraded { border-left-color: var(--ax-color-warning); }
.wipe-preflight-card .status-critical { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.wipe-preflight-card .status-warning { color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.wipe-preflight-card .status-ok { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.wipe-preflight-card details { margin: var(--ax-space-2) 0; font-size: .875rem; }
.wipe-preflight-card summary { cursor: pointer; padding: var(--ax-space-2) 0; font-weight: 700; }
.wipe-preflight-card dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .35rem var(--ax-space-3); }
.wipe-preflight-card dd { margin: 0; overflow-wrap: anywhere; }
.wipe-preflight-card p { margin-bottom: var(--ax-space-2); overflow-wrap: anywhere; }

/* High-volume Wipe Station diagnostics workspace. */
.wipe-workspace { display: grid; min-width: 0; gap: var(--ax-space-4); }
.wipe-workspace > * { min-width: 0; }
.wipe-workspace > .panel, .wipe-workspace > .notice { margin: 0; }
.wipe-page-heading { margin-bottom: 0; }
.wipe-safety-notice { display: flex; align-items: baseline; gap: var(--ax-space-2); border-left: .3rem solid var(--ax-color-brand-600); }
.wipe-workspace-nav { display: flex; flex-wrap: wrap; gap: var(--ax-space-2); }
.wipe-workspace-nav a { padding: .45rem .75rem; border: 1px solid var(--ax-color-border); border-radius: 999px; color: var(--ax-color-ink); background: var(--ax-color-surface); font-size: .8rem; font-weight: 750; text-decoration: none; }
.wipe-workspace-nav a:hover, .wipe-workspace-nav a:focus-visible { border-color: var(--ax-color-brand-600); color: var(--ax-color-brand-700); }
.wipe-station-summary { display: grid; grid-template-columns: minmax(11rem, .8fr) minmax(30rem, 2fr) auto; gap: var(--ax-space-4); align-items: center; }
.wipe-station-summary h2, .wipe-section-heading h2 { margin: 0; }
.wipe-station-summary .eyebrow, .wipe-section-heading .eyebrow { margin-bottom: .15rem; }
.wipe-station-summary dl { display: grid; grid-template-columns: repeat(3, minmax(7rem, 1fr)); gap: var(--ax-space-3); margin: 0; }
.wipe-station-technical { grid-column: 1 / -1; color: var(--ax-color-muted); font-size: .72rem; }
.wipe-station-technical summary { width: fit-content; cursor: pointer; font-weight: 750; }
.wipe-station-summary dl div, .wipe-summary-grid div, .wipe-evidence-summary div { min-width: 0; }
.wipe-station-summary dt, .wipe-summary-grid dt, .wipe-evidence-summary dt { color: var(--ax-color-muted); font-size: .68rem; font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.wipe-station-summary dd, .wipe-summary-grid dd, .wipe-evidence-summary dd { margin: .15rem 0 0; overflow-wrap: anywhere; }
.wipe-station-stack, .receipt-grid { display: grid; gap: var(--ax-space-4); }
.wipe-station-reference-card { display: grid; gap: var(--ax-space-3); padding: var(--ax-space-3); }
.wipe-station-compact-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: var(--ax-space-3); }
.wipe-station-compact-header > .wipe-station-status { grid-column: 1; }
.wipe-station-compact-header > div { grid-column: 2; }
.wipe-station-compact-header > strong { grid-column: 3; }
.wipe-station-compact-header > .button { grid-column: 4; }
.wipe-station-compact-header h3, .wipe-station-compact-header p { margin: 0; }
.wipe-station-compact-header p { color: var(--ax-color-muted); font-size: .74rem; }
.wipe-overview-chassis { display: grid; gap: .35rem; padding: .65rem; border: .35rem solid color-mix(in srgb, var(--ax-color-ink) 72%, var(--ax-color-surface)); border-radius: .55rem; background: color-mix(in srgb, var(--ax-color-ink) 8%, var(--ax-color-surface)); }
.wipe-overview-chassis > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .35rem; }
.wipe-overview-bay { display: grid; min-width: 0; min-height: 3.5rem; align-content: center; gap: .12rem; padding: .35rem; border: 2px solid var(--ax-color-border); border-left-width: .35rem; border-radius: .25rem; color: var(--ax-color-ink); background: var(--ax-color-surface); cursor: pointer; text-align: left; }
.wipe-overview-bay span { color: var(--ax-color-muted); font-size: .6rem; font-weight: 800; text-transform: uppercase; }
.wipe-overview-bay strong { overflow: hidden; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.wipe-overview-bay.is-passed { border-left-color: var(--ax-color-success); }
.wipe-overview-bay.is-failed, .wipe-overview-bay.is-protected { border-left-color: var(--ax-color-danger); }
.wipe-overview-bay.is-running { border-left-color: var(--ax-color-warning); }
.wipe-overview-bay.is-highlighted { border-color: var(--ax-color-brand-600); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ax-color-brand-600) 28%, transparent); }
.wipe-overview-table-wrap { max-height: 19rem; overflow: auto; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); }
.wipe-overview-table { width: 100%; border-collapse: collapse; font-size: .74rem; }
.wipe-overview-table th, .wipe-overview-table td { padding: .45rem .55rem; border-bottom: 1px solid var(--ax-color-border); text-align: left; }
.wipe-overview-table th { position: sticky; top: 0; background: var(--ax-color-canvas); font-size: .63rem; text-transform: uppercase; }
.wipe-overview-table tr.is-selected { background: color-mix(in srgb, var(--ax-color-brand-600) 10%, var(--ax-color-surface)); }
.wipe-overview-selection { margin: 0; color: var(--ax-color-muted); font-size: .72rem; }
.receipt-grid { grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }
.receipt-card header { display: flex; justify-content: space-between; gap: var(--ax-space-3); }
.receipt-card h3, .receipt-card p { margin: 0; }
.receipt-create-panel { margin-bottom: var(--ax-space-3); }
.receipt-create-panel > summary { cursor: pointer; font-weight: 750; }
.receipt-create-panel[open] > summary { margin-bottom: var(--ax-space-3); }
.receipt-summary, .receipt-task-link { margin-bottom: var(--ax-space-4); }
.receipt-report-actions { margin-bottom: var(--ax-space-3); }
.receipt-disk-table td { vertical-align: top; }
.wipe-read-actions { justify-content: flex-end; }
.wipe-section-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--ax-space-4); margin-bottom: var(--ax-space-4); }
.wipe-section-heading > p { max-width: 42rem; margin: 0; color: var(--ax-color-muted); }
.wipe-count { display: inline-grid; min-width: 1.8rem; height: 1.8rem; margin-left: .25rem; place-items: center; border-radius: 999px; color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 14%, var(--ax-color-surface)); font-size: .78rem; vertical-align: middle; }
.wipe-table-controls { display: grid; grid-template-columns: minmax(15rem, 2fr) repeat(3, minmax(10rem, 1fr)) auto; gap: var(--ax-space-3); align-items: end; margin-bottom: var(--ax-space-3); }
.wipe-table-controls label { display: grid; gap: var(--ax-space-1); color: var(--ax-color-muted); font-size: .75rem; font-weight: 750; }
.wipe-table-controls input, .wipe-table-controls select { width: 100%; min-height: 2.7rem; }
.wipe-filter-result { min-width: 7rem; margin: 0 0 .7rem; color: var(--ax-color-muted); text-align: right; }
.wipe-bulk-bar { position: sticky; z-index: 6; top: var(--ax-space-2); display: grid; grid-template-columns: auto auto auto minmax(20rem, 1fr); gap: var(--ax-space-3); align-items: center; margin-bottom: var(--ax-space-3); padding: var(--ax-space-3); border: 1px solid color-mix(in srgb, var(--ax-color-brand-600) 48%, var(--ax-color-border)); border-left: .3rem solid var(--ax-color-brand-600); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: var(--ax-shadow-md); }
.wipe-bulk-bar[hidden] { display: none; }
.wipe-bulk-action-groups { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--ax-space-3); align-items: end; }
.wipe-bulk-action-group { display: grid; gap: .3rem; padding-right: var(--ax-space-3); border-right: 1px solid var(--ax-color-border); }
.wipe-bulk-action-group > span { color: var(--ax-color-muted); font-size: .66rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.wipe-assessment-comment { display: grid; grid-template-columns: auto minmax(14rem, 24rem); gap: var(--ax-space-2); align-items: center; margin-bottom: var(--ax-space-2); font-size: .76rem; }
.wipe-assessment-comment input { min-height: 2.25rem; }
.wipe-report-dialog { width: min(42rem, calc(100vw - 2rem)); padding: var(--ax-space-5); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); color: var(--ax-color-ink); background: var(--ax-color-surface); box-shadow: 0 1rem 3rem rgb(20 25 38 / 30%); }
.wipe-report-dialog::backdrop { background: rgb(9 14 24 / 58%); }
.wipe-report-dialog-heading { display: flex; justify-content: space-between; gap: var(--ax-space-3); align-items: start; }
.wipe-report-dialog-heading h2 { margin-top: 0; }
.wipe-report-dialog .form-grid { margin: var(--ax-space-4) 0; }
.wipe-report-dialog .form-grid label { display: grid; gap: var(--ax-space-1); color: var(--ax-color-muted); font-size: .76rem; font-weight: 750; }
.wipe-report-dialog .form-grid input, .wipe-report-dialog .form-grid textarea { width: 100%; color: var(--ax-color-ink); }
.wipe-bulk-hidden-selection { color: var(--ax-color-warning); font-size: .78rem; }
.wipe-bulk-bar .button-group { justify-content: flex-start; }
.wipe-bulk-bar > small { grid-column: 1 / -1; color: var(--ax-color-muted); }
.wipe-bulk-eligible { color: var(--ax-color-muted); font-size: .8rem; }
.wipe-table-scroll { overflow: auto; border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); scrollbar-gutter: stable; }
.wipe-table-scroll:focus-visible { outline: 3px solid var(--ax-color-focus); outline-offset: 2px; }
.wipe-disk-table, .wipe-job-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .78rem; }
.wipe-disk-table { min-width: 138rem; }
.wipe-job-table { min-width: 60rem; }
.wipe-job-table-scroll { max-height: 20rem; }
.wipe-disk-panel > .wipe-table-scroll { max-height: min(48rem, 70vh); }
.wipe-disk-table th, .wipe-disk-table td, .wipe-job-table th, .wipe-job-table td { padding: .55rem .6rem; border-bottom: 1px solid var(--ax-color-border); text-align: left; vertical-align: middle; }
.wipe-disk-table thead th, .wipe-job-table thead th { position: sticky; z-index: 3; top: 0; color: var(--ax-color-muted); background: var(--ax-color-canvas); font-size: .64rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; white-space: nowrap; }
.wipe-disk-table thead button { display: inline-flex; align-items: center; gap: .3rem; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; }
.wipe-disk-table thead button::after { content: "↕"; color: var(--ax-color-muted); font-size: .7rem; opacity: .55; }
.wipe-disk-table thead button[data-sort-direction="asc"]::after { content: "↑"; opacity: 1; }
.wipe-disk-table thead button[data-sort-direction="desc"]::after { content: "↓"; opacity: 1; }
.wipe-disk-table tbody tr:not(.wipe-detail-row):hover, .wipe-job-table tbody tr:not(.wipe-detail-row):hover { background: color-mix(in srgb, var(--ax-color-brand-600) 6%, var(--ax-color-surface)); }
.wipe-disk-table-row.is-system { background: var(--ax-color-surface-muted); }
.wipe-disk-table-row.is-selected { background: color-mix(in srgb, var(--ax-color-brand-600) 10%, var(--ax-color-surface)); }
.wipe-disk-table-row:target { outline: 3px solid var(--ax-color-focus); outline-offset: -3px; background: color-mix(in srgb, var(--ax-color-brand-600) 12%, var(--ax-color-surface)); }
.wipe-select-cell { position: sticky; z-index: 2; left: 0; width: 2.75rem; background: inherit; text-align: center !important; }
.wipe-select-cell input { width: 1.15rem; height: 1.15rem; accent-color: var(--ax-color-brand-600); }
.wipe-status { display: inline-flex; align-items: center; gap: .3rem; padding: .18rem .45rem; border-radius: 999px; color: var(--ax-color-muted); background: var(--ax-color-surface-muted); font-size: .7rem; font-weight: 800; line-height: 1.25; white-space: nowrap; }
.wipe-status::before { width: .42rem; height: .42rem; flex: 0 0 auto; border-radius: 50%; background: currentColor; content: ""; }
.wipe-status-success, .wipe-status-passed, .wipe-status-ok, .wipe-status-approved { color: var(--ax-color-success); background: var(--ax-color-success-soft); }
.wipe-status-danger, .wipe-status-failed, .wipe-status-critical, .wipe-status-rejected { color: var(--ax-color-danger); background: var(--ax-color-danger-soft); }
.wipe-status-warning, .wipe-status-degraded, .wipe-status-running, .wipe-status-review { color: var(--ax-color-warning); background: var(--ax-color-warning-soft); }
.wipe-status-active, .wipe-status-queued, .wipe-status-info { color: var(--ax-color-brand-700); background: color-mix(in srgb, var(--ax-color-brand-600) 14%, var(--ax-color-surface)); }
.wipe-status-protected, .wipe-status-unavailable, .wipe-status-blocked, .wipe-status-neutral, .wipe-status-unknown { color: var(--ax-color-muted); background: var(--ax-color-surface-muted); }
.wipe-disk-table td > strong + .wipe-status { margin-top: .25rem; }
.wipe-row-actions { text-align: right !important; white-space: nowrap; }
.wipe-row-actions .button { min-height: 2rem; }
.wipe-disk-table thead th:nth-child(21), .wipe-disk-table-row td:nth-child(21) { position: sticky; z-index: 4; right: 0; min-width: 6.5rem; background: var(--ax-color-surface); }
.wipe-disk-table thead th:nth-child(20), .wipe-disk-table-row td:nth-child(20) { position: sticky; z-index: 4; right: 6.5rem; min-width: 10.5rem; background: var(--ax-color-surface); }
.wipe-disk-table thead th:nth-child(19), .wipe-disk-table-row td:nth-child(19) { position: sticky; z-index: 4; right: 17rem; min-width: 8.5rem; background: var(--ax-color-surface); }
.wipe-disk-table thead th:nth-child(19), .wipe-disk-table thead th:nth-child(20), .wipe-disk-table thead th:nth-child(21) { z-index: 5; background: var(--ax-color-canvas); }
.wipe-disk-table-row.is-system td:nth-child(19), .wipe-disk-table-row.is-system td:nth-child(20), .wipe-disk-table-row.is-system td:nth-child(21) { background: var(--ax-color-surface-muted); }
.wipe-disk-table-row.is-selected td:nth-child(19), .wipe-disk-table-row.is-selected td:nth-child(20), .wipe-disk-table-row.is-selected td:nth-child(21) { background: color-mix(in srgb, var(--ax-color-brand-600) 10%, var(--ax-color-surface)); }
.wipe-detail-row > td { padding: 0 !important; background: var(--ax-color-canvas); }
.wipe-detail-row[hidden] { display: none; }
.wipe-disk-details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ax-space-4); padding: var(--ax-space-4); border-left: .3rem solid var(--ax-color-brand-600); }
.wipe-detail-panel-header { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: var(--ax-space-3); align-items: start; padding-bottom: var(--ax-space-3); border-bottom: 1px solid var(--ax-color-border); }
.wipe-detail-panel-header div { display: grid; gap: .2rem; }
.wipe-detail-panel-header span { color: var(--ax-color-muted); font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.wipe-disk-details h3 { margin-top: 0; font-size: 1rem; }
.wipe-disk-details > details { grid-column: 1 / -1; }

@media (min-width: 40rem) {
  .wipe-detail-row:not([hidden]) .wipe-disk-details { position: fixed; z-index: 30; top: 5.25rem; right: var(--ax-space-4); bottom: var(--ax-space-4); width: min(42rem, calc(100vw - 2 * var(--ax-space-4))); overflow: auto; border: 1px solid var(--ax-color-border); border-left: .3rem solid var(--ax-color-brand-600); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); box-shadow: 0 1rem 3rem rgb(20 25 38 / 28%); }
}
.wipe-summary-grid, .wipe-evidence-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ax-space-3); margin: 0; }
.wipe-disk-details summary, .wipe-advanced-evidence summary, .wipe-request-history summary { padding: var(--ax-space-2) 0; font-weight: 750; cursor: pointer; }
.wipe-job-row td:nth-child(7) { min-width: 14rem; }
.wipe-job-row td:nth-child(7) small { display: block; margin-top: .2rem; color: var(--ax-color-muted); }
.wipe-progress { display: block; width: 8rem; height: .35rem; margin-top: .35rem; overflow: hidden; border-radius: 999px; background: var(--ax-color-surface-muted); }
.wipe-progress > span { display: block; width: var(--wipe-progress, 0%); height: 100%; background: var(--ax-color-brand-600); }
.wipe-evidence-list { display: grid; gap: var(--ax-space-3); padding: var(--ax-space-4); border-left: .3rem solid var(--ax-color-brand-600); }
.wipe-evidence-list article { padding-bottom: var(--ax-space-3); border-bottom: 1px solid var(--ax-color-border); }
.wipe-evidence-list article:last-child { padding-bottom: 0; border-bottom: 0; }
.wipe-evidence-list header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--ax-space-2); margin-bottom: var(--ax-space-2); }
.wipe-evidence-list header span { color: var(--ax-color-muted); }
.wipe-advanced-evidence pre { max-height: 24rem; overflow: auto; margin-bottom: 0; padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-sm); color: var(--ax-color-ink); background: var(--ax-color-surface); font-size: .72rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.wipe-advanced-evidence .button-group { margin: var(--ax-space-2) 0; }
.wipe-empty-evidence { display: grid; gap: .3rem; }
.empty-state-inline { margin: 0; color: var(--ax-color-muted); }
.wipe-request-history { font-size: .85rem; }
.wipe-request-history > summary { list-style-position: inside; }
.wipe-workspace .messages.wipe-toast-stack, .wipe-toast-stack { position: fixed; z-index: 50; right: var(--ax-space-4); bottom: var(--ax-space-4); width: min(28rem, calc(100vw - 2rem)); margin: 0; box-shadow: var(--ax-shadow-md); }

@media (max-width: 78rem) {
  .wipe-station-summary { grid-template-columns: 1fr; }
  .wipe-station-summary dl { grid-template-columns: repeat(3, minmax(8rem, 1fr)); }
  .wipe-read-actions { justify-content: flex-start; }
  .wipe-table-controls { grid-template-columns: repeat(2, minmax(10rem, 1fr)); }
  .wipe-search { grid-column: 1 / -1; }
  .wipe-filter-result { text-align: left; }
  .wipe-disk-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 68rem) {
  .wipe-station-compact-header { grid-template-columns: auto minmax(0, 1fr); }
  .wipe-station-compact-header > strong, .wipe-station-compact-header .button { grid-column: 2; }
  .wipe-safety-notice, .wipe-section-heading { align-items: flex-start; flex-direction: column; }
  .wipe-station-summary dl, .wipe-table-controls, .wipe-summary-grid, .wipe-evidence-summary { grid-template-columns: 1fr 1fr; }
  .wipe-bulk-bar { position: static; grid-template-columns: 1fr 1fr; }
  .wipe-bulk-bar .button-group, .wipe-bulk-bar > small { grid-column: 1 / -1; justify-content: flex-start; }
  .wipe-table-scroll { overflow: visible; border: 0; background: transparent; }
  .wipe-job-table-scroll, .wipe-disk-panel > .wipe-table-scroll { max-height: none; }
  .wipe-disk-table, .wipe-job-table, .wipe-disk-table tbody, .wipe-job-table tbody { display: block; min-width: 0; }
  .wipe-disk-table thead, .wipe-job-table thead { display: none; }
  .wipe-disk-table tbody { display: grid; gap: var(--ax-space-3); }
  .wipe-disk-table tr.wipe-disk-table-row, .wipe-job-table tr.wipe-job-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem var(--ax-space-3); padding: var(--ax-space-3); border: 1px solid var(--ax-color-border); border-radius: var(--ax-radius-md); background: var(--ax-color-surface); }
  .wipe-disk-table td, .wipe-job-table td { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: var(--ax-space-2); padding: .2rem 0; border: 0; text-align: right; }
  .wipe-disk-table td::before, .wipe-job-table td::before { flex: 0 0 auto; color: var(--ax-color-muted); font-size: .64rem; font-weight: 800; letter-spacing: .025em; text-align: left; text-transform: uppercase; content: attr(data-label); }
  .wipe-select-cell { position: static; grid-column: 1 / -1; justify-content: flex-start !important; width: auto; background: transparent; }
  .wipe-row-actions { grid-column: 1 / -1; }
  .wipe-disk-table thead th:nth-child(19), .wipe-disk-table thead th:nth-child(20), .wipe-disk-table thead th:nth-child(21), .wipe-disk-table-row td:nth-child(19), .wipe-disk-table-row td:nth-child(20), .wipe-disk-table-row td:nth-child(21) { position: static; min-width: 0; background: transparent; }
  .wipe-row-actions .button { width: 100%; }
  .wipe-detail-row { display: block; margin: calc(-1 * var(--ax-space-3)) 0 var(--ax-space-3); border: 1px solid var(--ax-color-border); border-top: 0; border-radius: 0 0 var(--ax-radius-md) var(--ax-radius-md); }
  .wipe-detail-row > td { display: block; text-align: left; }
  .wipe-detail-row > td::before { content: none; }
  .wipe-disk-details { grid-template-columns: 1fr; }
  .wipe-disk-details > details { grid-column: auto; }
  .wipe-job-table tbody { display: grid; gap: var(--ax-space-3); }
  .wipe-job-table .wipe-detail-row { margin-top: calc(-1 * var(--ax-space-3)); }
}

@media (max-width: 34rem) {
  .wipe-overview-chassis > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wipe-station-summary dl, .wipe-table-controls, .wipe-summary-grid, .wipe-evidence-summary, .wipe-disk-table tr.wipe-disk-table-row, .wipe-job-table tr.wipe-job-row { grid-template-columns: 1fr; }
  .wipe-bulk-bar { grid-template-columns: 1fr; }
  .wipe-bulk-bar .button-group { display: grid; grid-column: auto; grid-template-columns: 1fr; }
  .wipe-bulk-bar .button { width: 100%; min-height: 2.75rem; }
  .wipe-filter-result, .wipe-search { grid-column: auto; }
  .wipe-workspace-nav { display: grid; grid-template-columns: 1fr 1fr; }
  .wipe-workspace-nav a { text-align: center; }
  .wipe-station-summary dl div:nth-child(2), .wipe-station-summary dl div:nth-child(3), .wipe-station-summary dl div:nth-child(5) { display: none; }
}

/* Native disclosure remains keyboard/touch accessible at every viewport. */
.legacy-navigation { min-width: 0; }
.legacy-navigation summary { display: list-item; cursor: pointer; list-style: disclosure-closed inside; }
.legacy-navigation[open] summary { list-style-type: disclosure-open; }
.legacy-navigation > a { padding-inline-start: 1.5rem; }
@media (max-width: 70rem) { .legacy-navigation { flex: 0 0 auto; } }

/* Persisted fresh Wipe activity; decoration never substitutes for the count. */
.wipe-nav-activity{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:normal}
.wipe-nav-dot{width:6px;height:6px;border-radius:50%;background:var(--ax-color-success-text,#228750);animation:wipe-nav-pulse 1.8s ease-in-out infinite}
@keyframes wipe-nav-pulse{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.wipe-nav-dot{animation:none}}
.nav-item-sanitization{flex-wrap:wrap;gap:4px 8px}
.nav-item-sanitization .wipe-nav-activity{display:inline-flex;text-transform:none}
@media(min-width:55rem){.nav-item-disabled{flex-wrap:wrap;gap:4px}}

/* Compact shared navigation before the tablet workspace loses useful width. */
.primary-navigation-bar { display: none; }
@media (max-width: 70rem) {
  .app-shell:not(.primary-navigation-ready) > #primary-navigation.sidebar { flex-direction: row; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; gap: .25rem; padding: .75rem 1rem; border-right: 0; border-bottom: 1px solid var(--ax-color-border); }
  .app-shell:not(.primary-navigation-ready) > #primary-navigation .nav-item { width: auto; min-height: 40px; align-items: center; }
  .primary-navigation-ready > .primary-navigation-bar { display: flex; padding: .5rem 1rem; border-bottom: 1px solid var(--ax-color-border); background: var(--ax-color-surface); }
  .app-shell.primary-navigation-ready > #primary-navigation.sidebar { display: none; }
  .app-shell.primary-navigation-ready > #primary-navigation.sidebar.is-open { display: flex; flex-direction: column; overflow: visible; gap: .25rem; padding: .75rem 1rem; }
  #primary-navigation .nav-item { flex: initial; }
  #primary-navigation .sidebar-version { display: none; }
  .primary-navigation-toggle { min-height: 40px; }
}