/* Canonical Atomatrix tokens. Settings supplies the existing brand accent. */
:root {
  --accent-color: #2374bc; --accent-rgb: 35,116,188;
  --at-bg: #0d1017; --at-surface: #141821; --at-raised: #1b202c;
  --at-border: #292f3d; --at-text: #f4f6fb; --at-muted: #a6afc0;
  --at-blue-text: #76b9f5; --at-success: #7dd9ad; --at-danger: #ff9d9d; --at-warning: #ffc27d;
  --at-radius: 10px; --at-motion: 140ms; --at-page-max: 1536px;
  --at-stripe: #635bff; --at-paypal: #003087; --at-coinbase: #0052ff; --at-payment-text: #ffffff;
  --at-font: 'Montserrat', system-ui, sans-serif;
  --at-scroll-thumb: #3e536d; --at-scroll-track: #0d1017;
  --at-scroll-hover: #76b9f5; --at-scroll-active: #2374bc;
}
* { box-sizing: border-box; scrollbar-color: var(--at-scroll-thumb) var(--at-scroll-track); scrollbar-width: thin; }
html { scrollbar-gutter: stable; scroll-padding-top: 140px; }
body { margin: 0; background: var(--at-bg); color: var(--at-text); font-family: var(--at-font); line-height: 1.6; }
button, input, select, textarea { font: inherit; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
button, summary, select, a { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .45; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button { color: inherit; }
button, a, summary, input, select { transition: color var(--at-motion), background-color var(--at-motion), border-color var(--at-motion); }
:focus-visible { outline: 2px solid var(--at-blue-text); outline-offset: 4px; }
input:focus-visible { outline-offset: -2px; }
[hidden] { display: none !important; /* Native hidden must win over component display declarations. */ }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: var(--at-scroll-track); }
::-webkit-scrollbar-thumb { background: var(--at-scroll-thumb); border: 2px solid var(--at-scroll-track); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--at-scroll-hover); }
::-webkit-scrollbar-thumb:active { background: var(--at-scroll-active); }
@media (forced-colors: active) { * { scrollbar-color: auto; } :focus-visible { outline-color: Highlight; } }
.at-container { width: min(var(--at-page-max), calc(100% - 64px)); margin-inline: auto; }
.at-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.at-skip { position: fixed; top: -100px; left: 16px; z-index: 100001; padding: 12px; background: var(--at-surface); }
.at-skip:focus { top: 12px; }
.at-muted { color: var(--at-muted); }
.at-small { font-size: 12px; }
.at-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 18px; border-radius: 7px; border: 1px solid var(--at-border); font-size: 12px; font-weight: 700; line-height: 1.5; background: var(--at-surface); }
.at-button:hover { background: var(--at-raised); border-color: var(--at-blue-text); }
.at-button:active { background: var(--at-bg); }
.at-button-primary { background: var(--accent-color); border-color: var(--accent-color); color: white; }
.at-button-primary:hover { background: color-mix(in srgb, var(--accent-color), white 12%); border-color: var(--accent-color); }
.at-button-outline { background: transparent; }
.at-button-soft { color: var(--at-blue-text); background: rgba(var(--accent-rgb), .1); border-color: rgba(var(--accent-rgb), .25); }
.at-button-danger { color:var(--at-bg); background:var(--at-danger); border-color:var(--at-danger); }
.at-button-danger:hover { background:color-mix(in srgb,var(--at-danger),white 12%); border-color:var(--at-danger); }
.at-icon-button { display: inline-flex; position: relative; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 7px; background: transparent; border: 1px solid var(--at-border); font-size: 15px; flex-shrink: 0; }
.at-icon-button:hover { color: var(--at-blue-text); background: var(--at-raised); }
.at-text-link { color: var(--at-blue-text); font-size: 12px; font-weight: 650; display: inline-flex; gap: 12px; align-items: center; white-space: nowrap; }
.at-text-link:hover { color: white; }
.at-header { position: sticky; top: 0; z-index: 60; background: rgba(13,16,23,.97); border-bottom: 1px solid var(--at-border); }
.at-nav { min-height: 76px; display: flex; gap: 36px; align-items: center; }
.at-brand { display: inline-flex; gap: 11px; align-items: center; flex-shrink: 0; font-size: 26px; font-weight: 750; letter-spacing: -.7px; line-height: 1.2; white-space: nowrap; }
.at-brand img { object-fit: contain; width: 42px; height: 42px; flex-shrink: 0; }

.at-nav-actions { display: flex; gap: 10px; align-items: center; margin-left: auto; }
.at-cart-count { position: absolute; top: -7px; right: -7px; min-width: 18px; height: 18px; background: var(--accent-color); color: white; font-size: 10px; border-radius: 50%; display: grid; place-items: center; }
.at-subnav { display: flex; flex-wrap: wrap; align-items: center; gap: 0 28px; min-height: 48px; font-size: 15px; font-weight: 600; }
.at-subnav > a { min-height: 48px; display: flex; align-items: center; border-bottom: 2px solid transparent; gap: 6px; color: var(--at-muted); }
.at-subnav > a:hover, .at-subnav > a[aria-current] { color: var(--at-text); border-bottom-color: var(--accent-color); }
.at-subnav .at-community-link { margin-left: auto; color: var(--at-blue-text); }
.at-menu { position: relative; }
.at-menu > summary { list-style: none; display: flex; align-items: center; gap: 10px; min-height: 42px; }
.at-menu > summary::-webkit-details-marker { display: none; }
.at-menu > summary:hover { color: var(--at-blue-text); }
.at-menu > summary i:last-child { font-size: 10px; }
.at-menu-panel { position: absolute; top: 100%; left: 0; margin-top: 8px; min-width: 220px; max-width: calc(100vw - 32px); max-height: min(420px,70vh); overflow-y: auto; padding: 7px; border: 1px solid var(--at-border); background: var(--at-surface); border-radius: var(--at-radius); box-shadow: 0 12px 40px #0006; z-index: 65; }
.at-menu-panel a { display: block; padding: 10px 12px; font-size: 14px; border-radius: 5px; }
.at-menu-panel a:hover { background: var(--at-raised); color: var(--at-blue-text); }
.at-account-link span { max-width: 150px; overflow-wrap: anywhere; }
.at-account-container { display: inline-flex; align-items: stretch; border: 1px solid var(--at-border); border-radius: 7px; }
.at-account-container .at-account-link { border: 0; border-radius: 6px 0 0 6px; }
.at-account-container .at-sign-out { color: var(--at-danger); border: 0; border-left: 1px solid var(--at-border); border-radius: 0 6px 6px 0; width: 42px; padding: 0; }
.at-account-container .at-sign-out:hover { background: color-mix(in srgb,var(--at-danger),transparent 90%); }
.at-mobile-menu .at-menu-panel { left: auto; right: 0; }
.at-menu-panel .loyalty-box { margin: 7px; }
.at-mobile-menu { display: none; }
.at-preview, .at-announcement { padding: 8px 20px; background: #153652; text-align: center; color: var(--at-text); font-size: 11px; }
.at-preview a { text-decoration: underline; margin-left: 16px; }
.at-holiday-toggle { position: fixed; bottom: 16px; right: 16px; z-index: 100000; }
.at-hero { position: relative; border-bottom: 1px solid var(--at-border); background: linear-gradient(110deg,#11263b 0%,#101824 48%,var(--at-bg) 100%); }
.at-hero-content { position: relative; padding-block: 40px 42px; z-index: 1; }
.at-hero h1 { font-size: clamp(30px, 3vw, 40px); max-width: 900px; font-weight: 800; line-height: 1.12; letter-spacing: -1.5px; margin: 0 0 20px; }
.at-hero p { color: var(--at-muted); font-size: 16px; max-width: 760px; margin: 0 0 28px; }
.at-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.at-section { margin-block: 56px; }
.at-faq-list { display: grid; gap: 10px; }
.at-faq { border: 1px solid var(--at-border); border-radius: var(--at-radius); background: var(--at-surface); }
.at-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; list-style: none; font-size: 15px; font-weight: 650; }
.at-faq summary::-webkit-details-marker { display: none; }
.at-faq summary:hover { color: var(--at-blue-text); background: var(--at-raised); border-radius: var(--at-radius); }
.at-faq[open] summary i { transform: rotate(45deg); }
.at-faq p { margin: 0; padding: 0 20px 20px; font-size: 14px; color: var(--at-muted); white-space: pre-line; overflow-wrap: anywhere; }
.at-featured { padding-top: 26px; }
.at-home-categories { padding-top: 26px; }
.at-section-heading { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.at-section-heading h1, .at-section-heading h2 { margin: 0; font-weight: 750; letter-spacing: -.6px; line-height: 1.3; }
.at-section-heading h1 { font-size: 32px; }
.at-section-heading h2 { font-size: 23px; }
.at-section-heading p { color: var(--at-muted); font-size: 13px; margin: 8px 0 0; }
.at-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.at-product-card { min-width: 0; background: var(--at-surface); border: 1px solid var(--at-border); border-radius: var(--at-radius); overflow: hidden; transition: border-color var(--at-motion); }
.at-product-card:hover { border-color: rgba(var(--accent-rgb),.8); }
.at-product-image { position: relative; display: block; aspect-ratio: 2/1; overflow: hidden; background: var(--at-raised); }
.at-product-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.at-product-body { padding: 15px; }
.at-product-category { color: var(--at-blue-text); font-size: 9px; font-weight: 600; }
.at-product-card h3 { font-size: 14px; font-weight: 650; line-height: 1.5; margin: 7px 0 12px; min-height: 42px; overflow-wrap: anywhere; }
.at-product-card h3 a:hover { color: var(--at-blue-text); }
.at-product-meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: nowrap; }
.at-price { font-size: 17px; font-weight: 750; }
.at-price del { display: block; font-size: 11px; font-weight: 500; color: var(--at-muted); }

.at-product-actions { display: flex; align-items: stretch; gap: 8px; margin-top: 14px; }
.at-product-actions > * { flex: 1; min-width: 0; }
.at-product-actions form { display: flex; }
.at-product-actions .at-button { min-height: 44px; font-size: 12px; padding: 8px; flex: 1; line-height: 1.35; }

.at-badge { position: absolute; top: 10px; right: 10px; background: var(--accent-color); color: white; border-radius: 4px; padding: 5px 8px; font-size: 10px; font-weight: 700; }
.at-category-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.at-category-card { padding: 20px; background: var(--at-surface); border: 1px solid var(--at-border); border-radius: var(--at-radius); display: flex; gap: 12px; align-items: center; justify-content: center; text-align: center; }
.at-category-card:hover { border-color: var(--accent-color); background: var(--at-raised); }

.at-category-card h3 { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }


.at-panel { background: var(--at-surface); border: 1px solid var(--at-border); border-radius: var(--at-radius); padding: 24px; }
.at-info-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.at-feature-card > i { color: var(--at-blue-text); font-size: 25px; }
.at-feature-card h3 { font-size: 15px; margin: 16px 0 10px; }
.at-feature-card p { color: var(--at-muted); font-size: 13px; line-height: 1.8; margin: 0; }
.at-stars { color: var(--at-blue-text); font-size: 12px; display: flex; gap: 3px; }
.at-review blockquote { font-size: 13px; color: var(--at-muted); margin: 18px 0 22px; overflow-wrap: anywhere; }
.at-review-author { display: flex; gap: 10px; align-items: center; font-size: 11px; font-weight: 650; }
.at-review-author img { border-radius: 50%; }
.at-support-panel { border: 1px solid rgba(var(--accent-rgb),.4); background: linear-gradient(100deg,#132539,var(--at-surface)); padding: 32px; border-radius: var(--at-radius); display: flex; gap: 24px; align-items: center; justify-content: space-between; }
.at-support-panel h2 { font-size: 24px; margin: 8px 0; letter-spacing: -.6px; }
.at-support-panel p { font-size: 12px; color: var(--at-muted); margin: 0; }
.at-support-panel > div > i { font-size: 24px; color: var(--at-blue-text); }
.at-footer { border-top: 1px solid var(--at-border); background: var(--at-surface); margin-top: 56px; }
.at-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 48px; padding-block: 38px; }
.at-footer h2 { font-size: 14px; margin: 0 0 14px; }
.at-footer-grid > div > a:not(.at-brand) { display: block; font-size: 13px; color: var(--at-muted); margin: 10px 0; }
.at-footer a:hover { color: var(--at-blue-text); }
.at-footer p { font-size: 13px; line-height: 1.8; color: var(--at-muted); margin: 16px 0; max-width: 340px; }
.at-socials { display: flex; gap: 16px; font-size: 15px; }
.at-payment-methods { display: flex; gap: 7px; margin-top: 20px; }
.at-payment-methods img { width: 36px; height: 22px; object-fit: contain; }
.at-footer-bottom { border-top: 1px solid var(--at-border); padding-block: 16px; display: flex; gap: 16px; justify-content: space-between; font-size: 12px; color: var(--at-muted); }
.at-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 14px; color: var(--at-muted); margin: 22px 0 32px; }
.at-breadcrumb a:hover { color: var(--at-blue-text); }
.at-catalogue-heading { margin-bottom: 28px; }
.at-catalogue-layout { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 26px; }
.at-categories { align-self: start; padding: 18px 12px; }
.at-categories h2 { margin: 0 10px 16px; font-size: 17px; }
.at-categories > a { display: flex; gap: 12px; align-items: center; font-size: 15px; color: var(--at-muted); padding: 12px 10px; border-radius: 6px; }
.at-categories > a i { color: var(--at-blue-text); width: 15px; }
.at-categories > a:hover, .at-categories > a[aria-current] { color: white; background: rgba(var(--accent-rgb),.17); }
.at-category-help { margin: 20px 10px 0; padding-top: 20px; border-top: 1px solid var(--at-border); }
.at-category-help > i { font-size: 24px; color: var(--at-blue-text); }
.at-category-help h3 { font-size: 12px; margin: 10px 0 6px; }
.at-category-help p { font-size: 10px; color: var(--at-muted); }
.at-catalogue-toolbar { display: flex; gap: 16px; align-items: center; justify-content: flex-end; }

.at-sort { display: flex; gap: 8px; align-items: center; }
.at-sort label { font-size: 10px; color: var(--at-muted); }
.at-sort select { background: var(--at-surface); color: var(--at-text); border: 1px solid var(--at-border); border-radius: 7px; padding: 11px; font-size: 11px; max-width: 100%; }
.at-result-count { color: var(--at-muted); font-size: 10px; min-height: 44px; padding-top: 14px; }
.at-catalogue-results .at-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.at-load-more { display: flex; margin: 28px auto 0; }
.at-empty { text-align: center; padding: 42px 20px; min-height: 240px; }
.at-empty > i { font-size: 28px; color: var(--at-blue-text); }
.at-empty h2, .at-empty h3 { font-size: 19px; }
.at-empty p { font-size: 13px; color: var(--at-muted); }
.at-staff-shell, .min-h-screen:has(> .at-staff-sidebar) { display: grid; grid-template-columns: 224px minmax(0,1fr); align-items: start; background: var(--at-bg); }
.at-staff-sidebar { position: sticky; top: 125px; padding: 30px 16px 24px; border-right: 1px solid var(--at-border); background: var(--at-surface); min-height: calc(100vh - 125px); max-height: calc(100vh - 125px); overflow-y: auto; }
.at-staff-sidebar-heading { padding: 0 12px 24px; }
.at-staff-sidebar h2 { font-size: 20px; margin: 6px 0 10px; }
.at-role { display: inline-block; font-size: 12px; color: var(--at-blue-text); background: rgba(var(--accent-rgb),.12); border: 1px solid rgba(var(--accent-rgb),.25); padding: 3px 8px; border-radius: 4px; }
.at-staff-sidebar nav { display: flex; flex-direction: column; gap: 4px; min-height: 0; }
.at-staff-sidebar nav a { display: flex; gap: 12px; align-items: center; font-size: 14px; font-weight: 600; padding: 12px; border: 1px solid transparent; border-radius: 6px; color: var(--at-muted); }
.at-staff-sidebar nav a i { width: 16px; text-align: center; }
.at-staff-sidebar nav a:hover { background: var(--at-raised); color: var(--at-text); }
.at-staff-sidebar nav a[aria-current] { background: rgba(var(--accent-rgb),.2); color: var(--at-blue-text); border-color: rgba(var(--accent-rgb),.3); }
.at-back-store { display: flex; align-items: center; gap: 12px; padding: 20px 12px 0; border-top: 1px solid var(--at-border); margin-top: 26px; font-size: 14px; color: var(--at-muted); }
.at-back-store:hover { color: var(--at-blue-text); }
.at-staff-content { min-width: 0; padding: 32px 32px 36px; width: min(100%,1500px); margin-inline: auto; }
.min-h-screen:has(> .at-staff-sidebar) > .container { width: 100%; min-width: 0; }
.min-h-screen:has(> .at-staff-sidebar) > .container .text-4xl { font-size: 30px; letter-spacing: -.7px; }
.min-h-screen:has(> .at-staff-sidebar) > .container .text-lg { font-size: 14px; }
.min-h-screen:has(> .at-staff-sidebar) > .container > .mb-8 > .flex { flex-wrap: wrap; }
.min-h-screen:has(> .at-staff-sidebar) > .container > .mb-8 > .flex > div:first-child { flex: 1 1 320px; }
.min-h-screen:has(> .at-staff-sidebar) > .container > .mb-8 a { white-space: nowrap; }
.at-overview-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 28px 0 20px; }
.at-period-buttons { display: flex; gap: 4px; flex-wrap: wrap; padding: 4px; background: var(--at-surface); border: 1px solid var(--at-border); border-radius: 8px; }
.at-period-buttons button { background: transparent; color: var(--at-muted); border: 0; border-radius: 5px; padding: 9px 12px; font-size: 13px; font-weight: 650; }
.at-period-buttons button:hover { background: var(--at-raised); color: white; }
.at-period-buttons button[aria-pressed=true] { background: var(--accent-color); color: white; }
.at-stats-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.at-stat-card { padding: 20px; min-width: 0; }
.at-stat-top { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--at-muted); gap: 8px; }
.at-stat-top i { color: var(--at-blue-text); }
.at-stat-card > strong { display: block; font-size: clamp(22px,2.1vw,30px); letter-spacing: -.7px; margin: 16px 0 8px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.at-stat-change { font-size: 12px; display: block; color: var(--at-muted); min-height: 28px; }
.at-stat-change[data-tone=positive] { color: var(--at-success); }
.at-stat-change[data-tone=negative] { color: var(--at-danger); }
.at-sparkline { width: 100%; height: 30px; margin-top: 10px; }
.at-sparkline polyline { stroke: var(--at-blue-text); stroke-width: 1.5; fill: none; }
.at-chart-panel { padding: 24px; }
.at-chart-panel h2 { font-size: 17px; }
.at-chart-panel p { font-size: 13px; }
.at-chart { display: flex; gap: 16px; height: 220px; margin-top: 30px; background: repeating-linear-gradient(to top, transparent 0,transparent calc(25% - 1px),var(--at-border) calc(25% - 1px),var(--at-border) 25%); color: var(--at-blue-text); }
.at-chart-labels { display: flex; flex-direction: column; justify-content: space-between; min-width: 46px; font-size: 12px; color: var(--at-muted); }
.at-chart svg { flex: 1; width: 0; min-width: 0; overflow: visible; }
.at-chart polyline { stroke: var(--at-blue-text); stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.at-chart-dates { display: flex; justify-content: space-between; margin: 12px 0 18px 62px; font-size: 12px; color: var(--at-muted); }
.at-chart-data { border-top: 1px solid var(--at-border); padding-top: 14px; margin-top: 14px; font-size: 13px; }
.at-chart-data summary:hover { color: var(--at-blue-text); }
.at-table-scroll { overflow: auto; max-height: 320px; margin-top: 16px; }
.at-table-scroll table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; white-space: nowrap; }
.at-table-scroll td, .at-table-scroll th { padding: 9px 12px; border-bottom: 1px solid var(--at-border); }
.at-table-scroll th { position: sticky; top: 0; background: var(--at-surface); }
.at-rankings { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 28px; }
.at-rankings h2 { font-size: 16px; }
.at-ranking-row { display: flex; gap: 12px; align-items: center; border-top: 1px solid var(--at-border); padding-block: 14px; font-size: 13px; }
.at-ranking-row > span:nth-child(2) { flex: 1; overflow-wrap: anywhere; }
.at-ranking-row strong { white-space: nowrap; font-size: 13px; }
.at-ranking-row small { color: var(--at-muted); font-weight: 500; }
.at-rank { color: var(--at-muted); width: 20px; flex-shrink: 0; }
.at-notice { padding: 16px; margin-bottom: 20px; background: var(--at-surface); border: 1px solid var(--at-blue-text); border-radius: 8px; font-size: 12px; }
/* Legacy pages keep their controls and handlers while adopting the shared shell.
   !important is confined to vendor utility/AOS overrides required by CDN styles. */
body .glass-effect { background: var(--at-surface); border: 1px solid var(--at-border); box-shadow: none; backdrop-filter: none; }
body .text-accent { color: var(--at-blue-text); }
body .bg-accent { background-color: var(--accent-color); }
body .bg-dark, body .bg-dark-lighter { background-color: var(--at-bg); }
body .bg-dark-card { background-color: var(--at-surface); }
body [data-aos] { opacity: 1 !important; transform: none !important; transition-duration: var(--at-motion) !important; transition-delay: 0ms !important; }
body .hover-lift:hover { transform: none; box-shadow: none; }
body [class*='duration-'] { transition-duration: var(--at-motion) !important; }
body .animate-float, body .animate-pulse-slow, body .particle, body .hero-grid, body .sale-badge-glow { animation: none; }
@media (min-width: 801px) {
  .at-hero-content { padding-block: 40px 42px; }
  .at-hero p { margin-bottom: 28px; }
  .at-hero-actions { display: inline-flex; vertical-align: middle; margin-right: 22px; }
  
}
@media (max-width: 1100px) {
  .at-nav { gap: 24px; }.at-hero h1 { max-width: 650px; }
  .at-product-grid { gap: 14px; }.at-product-body { padding: 12px; }
  .at-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .at-staff-shell, .min-h-screen:has(> .at-staff-sidebar) { grid-template-columns: 195px minmax(0,1fr); }
  .at-staff-content { padding-inline: 24px; }.at-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 800px) {
  .at-container { width: calc(100% - 40px); }.at-nav { gap: 16px; min-height: 68px; }.at-brand { font-size: 23px; }
  .at-subnav { gap: 20px; }.at-subnav .at-community-link { display: none; }
  .at-product-grid, .at-catalogue-results .at-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .at-hero h1 { max-width: 600px; }
  .at-info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.at-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  .at-catalogue-layout { grid-template-columns: 170px minmax(0,1fr); gap: 18px; }.at-catalogue-toolbar { flex-wrap: wrap; }
  .at-support-panel { flex-direction: column; align-items: flex-start; }
  .at-staff-shell, .min-h-screen:has(> .at-staff-sidebar) { grid-template-columns: 1fr; }
  .at-staff-sidebar { position: static; max-height: none; min-height: 0; border-right: 0; border-bottom: 1px solid var(--at-border); padding: 16px 20px; }
  .at-staff-sidebar-heading { display: flex; gap: 12px; align-items: center; padding: 0 0 12px; }.at-staff-sidebar h2 { font-size: 15px; margin: 0; }
  .at-staff-sidebar nav { flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 6px; }.at-staff-sidebar nav a { white-space: nowrap; padding: 9px 12px; flex-shrink: 0; }.at-back-store { display: none; }
  .at-staff-content { padding-inline: 20px; }.at-rankings { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  html { scroll-padding-top: 90px; }.at-container { width: calc(100% - 32px); }.at-nav { min-height: 64px; gap: 10px; }.at-brand { font-size: 21px; gap: 10px; }.at-brand img { width: 36px; height: 36px; }
  .at-nav-actions { gap: 6px; flex-wrap: wrap; }.at-nav-actions .at-icon-button { width: 36px; height: 36px; }.at-sign-in { min-height: 36px; padding: 8px 12px; font-size: 10px; }.at-sign-in i { display: none; }.at-account-link span { display: none; }.at-nav-actions .at-account-link { width: 39px; padding-inline: 0; }.at-nav-actions .at-sign-out { padding-inline: 9px; }
  .at-mobile-menu { display: block; }.at-mobile-menu summary { padding: 8px; min-height: 36px; }.at-mobile-menu summary i:last-child { font-size: 16px; }.at-subnav { display: none; }
  .at-preview { font-size: 9px; }.at-preview a { display: block; margin: 2px 0 0; }
  .at-hero-content { padding-block: 36px 38px; }.at-hero h1 { font-size: 29px; letter-spacing: -.8px; }.at-hero p { font-size: 14px; margin-bottom: 24px; }.at-button { padding: 9px 13px; min-height: 39px; font-size: 11px; }
  .at-featured { padding-top: 22px; }.at-section-heading { gap: 12px; margin-bottom: 16px; }.at-section-heading h2 { font-size: 19px; }.at-text-link { font-size: 10px; gap: 6px; }.at-section-heading > .at-muted { display: none; }
  .at-product-grid { gap: 10px; }.at-product-body { padding: 10px; }.at-product-card h3 { font-size: 11px; line-height: 1.5; min-height: 50px; margin-bottom: 8px; }.at-product-category { font-size: 8px; }.at-price { font-size: 14px; }.at-product-actions { gap: 6px; margin-top: 10px; }.at-product-actions .at-button { font-size: 11px; padding: 7px 5px; min-height: 44px; }
  .at-section { margin-block: 36px; }.at-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.at-category-card { padding: 24px 12px; }.at-category-card h3 { font-size: 17px; }
  .at-info-grid { grid-template-columns: 1fr; }.at-panel { padding: 20px; }.at-support-panel { padding: 24px; }.at-support-panel h2 { font-size: 21px; }
  .at-footer { margin-top: 36px; }.at-footer-grid { gap: 24px; padding-block: 28px; }.at-footer-grid > div:first-child { grid-column: 1/-1; }.at-footer-bottom { flex-direction: column; gap: 5px; }
  .at-catalogue-layout { grid-template-columns: 1fr; }.at-categories { padding: 0; background: transparent; border: 0; display: flex; overflow-x: auto; gap: 8px; padding-bottom: 8px; }.at-categories h2, .at-category-help { display: none; }.at-categories > a { white-space: nowrap; background: var(--at-surface); border: 1px solid var(--at-border); font-size: 14px; padding: 9px 12px; flex-shrink: 0; }.at-categories > a i { display: none; }.at-catalogue-heading h1 { font-size: 27px; }.at-catalogue-heading p { font-size: 11px; }.at-breadcrumb { margin: 18px 0 25px; }.at-sort select { font-size: 10px; }.at-sort label { font-size: 10px; }
  .at-staff-content .at-section-heading h1 { font-size: 27px; }.at-staff-content .at-section-heading p { font-size: 14px; }.at-staff-content > .at-section-heading { align-items: flex-start; }.at-staff-content { padding-inline: 16px; }.at-stats-grid { gap: 10px; }.at-stat-card { padding: 15px; }.at-stat-top { font-size: 13px; }.at-stat-card > strong { font-size: 23px; }.at-stat-change { font-size: 12px; }.at-chart-panel { padding: 18px; }.at-chart-panel .at-section-heading { flex-wrap: wrap; }.at-chart { height: 180px; }.at-period-buttons { width: 100%; gap: 1px; }.at-period-buttons button { padding: 9px 8px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; /* Accessibility override includes vendor animation styles. */ }
  #holiday-effects-container { display: none; }
}

/* Product artwork stays fully visible; letterbox images whose native ratio differs. */
body #product-grid .relative.h-48:has(> img) { height: auto; aspect-ratio: 2 / 1; }
body #product-grid .relative.h-48 > img { object-fit: contain; }
body:has(.at-product-detail-marker) .glass-effect > img { aspect-ratio: 2 / 1; object-fit: contain; }
body:has(.at-product-detail-marker) .stacked-image { aspect-ratio: 2 / 1; height: auto; }
body:has(.at-product-detail-marker) .stacked-image img { object-fit: contain; }
body:has(.at-product-detail-marker) a.group\/product > div { width: 32px; height: 16px; }
body:has(.at-product-detail-marker) a.group\/product img { object-fit: contain; }
/* Keep upstream product thumbnails consistent without changing vendor templates. */
body #products-tab .aspect-video { aspect-ratio: 2 / 1; }
body #products-tab .aspect-video > img { object-fit: contain; transform: none; }
body #bundle-grid .w-8.h-8:has(> img),
body form[action^="/staff/bundles/"] .w-16.h-16:has(> img) { height: auto; aspect-ratio: 2 / 1; }
body #bundle-grid img.object-cover,
body form[action^="/staff/bundles/"] img.object-cover { object-fit: contain; }
body:has(form[action^="/staff/products/update/"]) img.w-20.h-20 { height: 40px; object-fit: contain; }
body:has(.at-staff-sidebar) img[alt="Product Banner"] { aspect-ratio: 2 / 1; object-fit: contain; }
body:has(form[action="/checkout/apply-discount"]) img.object-cover { object-fit: contain; }
body:has(form[action="/checkout/apply-discount"]) .w-10.h-10:has(> img.object-cover) { height: 20px; }
body:has(form[action="/checkout/apply-discount"]) img.h-20.object-cover { height: auto; aspect-ratio: 2 / 1; }
.at-guide { border-top: 1px solid var(--at-border); padding-top: 28px; }
.at-guide h2 { font-size: 23px; line-height: 1.4; margin: 0 0 12px; }
.at-guide p { max-width: 920px; color: var(--at-muted); font-size: 13px; line-height: 1.9; }
.at-guide-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 18px; }
@media (max-width: 540px) { .at-guide h2 { font-size: 19px; } .at-guide p { font-size: 12px; } }
.at-admin-section { margin: 24px 0; }
.at-admin-section h2 { font-size: 19px; margin: 0 0 12px; }
.at-admin-section p { font-size:14px; }
.at-admin-inline { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:16px 0; font-size:14px; }
.at-admin-inline input[type=text] { flex:1; min-width:180px; }
.at-admin-field { margin:20px 0; }
.at-admin-field > label, .at-admin-search > label { display:block; font-size:14px; font-weight:650; margin-bottom:8px; }
.at-admin-field input, .at-admin-field textarea, .at-admin-inline input[type=text], .at-admin-search input { width:100%; border:1px solid var(--at-border); border-radius:7px; background:var(--at-bg); color:var(--at-text); padding:11px 12px; font-size:14px; }
.at-admin-field input[readonly] { color:var(--at-muted); }
.at-admin-field textarea { resize:none; min-height:90px; }
.at-admin-field p { font-size:14px; color:var(--at-muted); margin:8px 0; }
.at-admin-fieldset { border:0; padding:0; margin:18px 0; display:flex; flex-wrap:wrap; gap:12px 20px; font-size:14px; }
.at-admin-fieldset legend { font-weight:650; margin-bottom:12px; }
.at-admin-fieldset label, .at-admin-inline label { display:inline-flex; gap:8px; align-items:center; }
input[type=checkbox], input[type=radio] { accent-color:var(--accent-color); }
.at-admin-secret { display:flex; gap:8px; }
.at-admin-secret input { min-width:0; flex:1; }
.at-admin-secret button { flex-shrink:0; min-width:112px; }
.at-admin-dialog { color:var(--at-text); background:var(--at-surface); border:1px solid var(--at-border); border-radius:var(--at-radius); width:min(700px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:26px; overflow:auto; }
.at-admin-dialog::backdrop { background:#000a; }
.at-admin-dialog h2 { font-size:21px; }
.at-admin-dialog p { font-size:14px; }
.at-admin-error, .at-admin-field p.at-admin-error { color:var(--at-danger); font-size:12px; }
.at-admin-field [aria-invalid=true] { border-color:var(--at-danger); }
.at-admin-table { overflow:auto; }
.at-admin-table table { border-collapse:collapse; width:100%; text-align:left; font-size:14px; }
.at-admin-table td, .at-admin-table th { padding:14px 10px; border-bottom:1px solid var(--at-border); vertical-align:top; }
.at-admin-table th { color:var(--at-muted); font-weight:600; white-space:nowrap; }
.at-admin-table code { overflow-wrap:anywhere; }
.at-admin-table .at-button { min-height:34px; padding:6px 10px; font-size:14px; }
.at-admin-table td:last-child { min-width:145px; }
.at-admin-table td:nth-child(3) { max-width:280px; }
.at-admin-alias { display:inline-block; padding:3px 6px; margin:0 4px 4px 0; border:1px solid var(--at-border); border-radius:4px; color:var(--at-muted); overflow-wrap:anywhere; }
.at-admin-search { margin:16px 0; }
.at-admin-search > div { position:relative; }
.at-admin-search input { padding-right:44px; }
.at-admin-search button { position:absolute; right:8px; top:4px; width:34px; height:34px; background:transparent; border:0; color:var(--at-muted); font-size:22px; }
.at-admin-search button:hover { color:var(--at-text); }
.at-admin-progress { margin:18px 0 0; min-height:68px; }
.at-admin-progress p { margin:4px 0; }
.at-admin-docs { color:var(--at-muted); line-height:1.8; }
.at-admin-docs h2, .at-admin-docs h3 { color:var(--at-text); }
.at-admin-docs h3 { font-size:15px; margin-top:24px; }
.at-admin-docs pre { padding:16px; background:var(--at-bg); border:1px solid var(--at-border); border-radius:7px; overflow:auto; font-size:14px; }
.at-admin-docs td:last-child { min-width:220px; }
@media (max-width:540px) { .at-admin-dialog { padding:20px; }.at-admin-section { padding:18px; }.at-admin-table { margin-inline:-8px; }.at-admin-secret { flex-wrap:wrap; }.at-admin-secret input { flex-basis:100%; } }

/* Shared readable density and preview-only controls. */
body:has(.at-staff-sidebar) .text-xs { font-size: 14px; line-height: 1.6; }
.at-staff-content .at-button { font-size: 14px; }
.at-preview { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 20px; }
.at-preview-session { display: flex; align-items: center; gap: 8px; }
.at-preview-session select, .at-preview-session button { background: var(--at-surface); color: var(--at-text); border: 1px solid var(--at-border); border-radius: 5px; padding: 5px 8px; font-size: 12px; }
.at-preview-session button:hover { background: var(--at-raised); }
.at-product-statistics h2 { font-size: 18px; margin: 0 0 20px; }
.at-product-stats-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; gap: 12px; }
.at-product-stats-row > div { min-width: 0; border-right: 1px solid var(--at-border); padding-right: 12px; }
.at-product-stats-row > div:last-child { border: 0; padding: 0; }
.at-product-stats-row dt { font-size: 13px; color: var(--at-muted); margin-bottom: 8px; }
.at-product-stats-row dd { margin: 0; font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  .at-nav { flex-wrap: wrap; padding-block: 16px 12px; gap: 14px; }
  .at-nav-actions { width: 100%; margin-left: 0; justify-content: flex-end; }
  .at-nav-actions .at-loyalty-chip { margin-right: auto; order: -1; }
  html { scroll-padding-top: 170px; }
}

.at-loyalty-chip { display: inline-flex; align-items: center; gap: 9px; padding: 7px 10px; border: 1px solid var(--at-border); border-radius: 7px; background: var(--at-surface); min-height: 42px; font-size: 14px; font-weight: 650; }
.at-loyalty-chip img { width: 26px; height: 26px; object-fit: contain; }
.at-loyalty-chip button { width: 26px; height: 26px; border: 1px solid var(--at-border); border-radius: 5px; background: var(--at-raised); color: var(--at-blue-text); font-size: 17px; line-height: 1; }
.at-loyalty-chip button:hover { border-color: var(--accent-color); }
.at-loyalty-dialog { width: min(520px,calc(100% - 32px)); }
.at-loyalty-body { padding: 0; font-size: 14px; line-height: 1.8; }
.at-loyalty-body h3 { font-size: 16px; margin: 20px 0 10px; }
.at-loyalty-body a { color: var(--at-blue-text); text-decoration: underline; }
.at-loyalty-price { display: inline-flex; gap: 10px; flex-wrap: wrap; align-items: center; }

@media (max-width: 360px) { .at-brand { font-size: 18px; }.at-brand img { width: 32px; height: 32px; } }
[aria-disabled=true] { cursor: not-allowed; opacity: .45; }

.at-loyalty-dialog .at-admin-dialog-header { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--at-border); padding-bottom: 16px; margin-bottom: 16px; }
.at-loyalty-dialog .at-admin-dialog-header h2 { flex: 1; min-width: 0; margin: 0; line-height: 1.4; }
.at-loyalty-dialog .at-admin-dialog-header button { flex-shrink: 0; }

.at-footer .at-brand { font-size: clamp(18px,2vw,20px); }
.at-footer .at-brand img { width: 36px; height: 36px; }
@media (min-width: 541px) and (max-width: 1100px) { .at-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; } }

/* Shared compact staff lists, inspired by the supplied ClearlyDev table. */
.at-list-page { padding-top: 30px; }
.at-list-page .at-section-heading { margin: 0 0 24px; }
.at-list-top-actions, .at-list-row-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.at-list-toolbar { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 18px; }
.at-list-toolbar .at-admin-search { flex: 1 1 280px; max-width: 480px; }
.at-list-toolbar .at-admin-field { margin: 0; min-width: 130px; }
.at-admin-field select { color: var(--at-text); background: var(--at-bg); border: 1px solid var(--at-border); border-radius: 7px; padding: 11px 12px; font-size: 14px; max-width: 100%; }
.at-list-table { overflow-x: auto; border-block: 1px solid var(--at-border); scrollbar-gutter: stable; }
.at-list-table table { width: 100%; border-collapse: collapse; font-size: 14px; text-align: left; }
.at-list-table th { padding: 12px 10px; color: var(--at-muted); white-space: nowrap; font-size: 13px; font-weight: 650; border-bottom: 1px solid var(--at-border); }
.at-list-table th button { background: transparent; color: inherit; border: 0; padding: 0; font: inherit; }
.at-list-table th button:hover { color: var(--at-text); }
.at-list-table td { padding: 12px 10px; border-bottom: 1px solid var(--at-border); vertical-align: middle; min-width: 80px; }
.at-list-table tr:last-child td { border-bottom: 0; }
.at-list-table tbody tr:hover { background: var(--at-surface); }
.at-list-banner { display: block; max-width: none; width: 128px; height: 64px; aspect-ratio: 2 / 1; object-fit: contain; border-radius: 6px; background: var(--at-surface); }
.at-list-cell { display: flex; gap: 10px; align-items: center; min-width: 0; max-width: 310px; overflow-wrap: anywhere; }
.at-list-name { color: var(--at-blue-text); font-weight: 600; }
.at-list-name:hover { text-decoration: underline; }
.at-list-meta { display: block; color: var(--at-muted); font-size: 12px; margin-top: 5px; overflow-wrap: anywhere; }
.at-list-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: contain; flex-shrink: 0; }
.at-list-badge { display: inline-block; padding: 3px 8px; border-radius: 5px; border: 1px solid var(--at-border); font-size: 12px; white-space: nowrap; }
.at-list-badge-success { color: var(--at-success); background: color-mix(in srgb,var(--at-success),transparent 92%); border-color: color-mix(in srgb,var(--at-success),transparent 70%); }
.at-list-badge-warning { color: var(--at-warning); background: color-mix(in srgb,var(--at-warning),transparent 92%); border-color: color-mix(in srgb,var(--at-warning),transparent 70%); }
.at-list-badge-danger, .at-list-danger { color: var(--at-danger); }
.at-list-badge-muted { color: var(--at-muted); }
.at-list-row-actions { flex-wrap: nowrap; min-width: max-content; gap: 6px; }
.at-list-row-actions .at-button { font-size: 13px; min-height: 34px; width: 34px; padding: 0; flex-shrink: 0; }
.at-list-row-actions form { margin: 0; }
.at-list-pagination { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 13px; padding-block: 16px; }
.at-list-pagination > p { margin-right: auto; color: var(--at-muted); }
.at-list-page > .at-admin-section { margin-top: 28px; }
.at-order-list { max-height: 50vh; overflow: auto; padding: 0; list-style: none; }
.at-order-list li { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--at-border); }
.at-order-list span { flex: 1; font-size: 14px; }
.at-sale-discount { width: 110px; color: var(--at-text); background: var(--at-bg); border: 1px solid var(--at-border); border-radius: 6px; padding: 8px; }
@media (max-width: 800px) { .at-list-page .at-section-heading { flex-wrap: wrap; }.at-list-toolbar .at-admin-search { max-width: none; }.at-list-table table { min-width: 920px; }.at-list-page { padding-top: 24px; } }

.at-invoice-page { padding-block: 32px; max-width: 1040px; }
.at-invoice-document { border-top: 4px solid var(--accent-color); padding: 32px; }
.at-invoice-header { display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--at-border); padding-bottom: 24px; margin-bottom: 24px; }
.at-invoice-header > div:last-child { text-align: right; }
.at-invoice-wordmark { font-weight: 800; font-size: 25px; }
.at-invoice-header p, .at-invoice-details p { margin: 8px 0; font-size: 14px; color: var(--at-muted); overflow-wrap: anywhere; }
.at-invoice-details { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 28px; }
.at-invoice-details h2 { font-size: 14px; color: var(--at-blue-text); margin: 0 0 12px; }
.at-invoice-details section { min-width: 0; font-size: 14px; overflow-wrap: anywhere; }
.at-invoice-items table { border-collapse: collapse; width: 100%; font-size: 14px; }
.at-invoice-items th { background: var(--at-raised); padding: 12px 16px; text-align: left; color: var(--at-muted); }
.at-invoice-items td { padding: 18px 16px; border-bottom: 1px solid var(--at-border); overflow-wrap: anywhere; }
.at-invoice-items td:last-child, .at-invoice-items th:last-child { text-align: right; width: 140px; white-space: nowrap; }
.at-invoice-totals { max-width: 340px; margin: 26px 0 26px auto; font-size: 14px; }
.at-invoice-totals > div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 12px; }
.at-invoice-totals dd { margin: 0; font-variant-numeric: tabular-nums; }
.at-invoice-total { font-size: 18px; color: var(--at-blue-text); font-weight: 750; background: var(--at-raised); border-radius: 7px; }
.at-invoice-note { font-size: 13px; color: var(--at-muted); border-top: 1px solid var(--at-border); padding-top: 20px; }
.at-invoice-audit { font-size: 13px; color: var(--at-muted); overflow-wrap: anywhere; }
.at-invoice-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
@media (max-width: 540px) { .at-invoice-document { padding: 20px; }.at-invoice-header { flex-direction: column; }.at-invoice-header > div:last-child { text-align: left; }.at-invoice-details { grid-template-columns: 1fr; }.at-invoice-page .at-section-heading { flex-wrap: wrap; } }
@media print { .at-header,.at-footer,.at-preview,.at-invoice-actions,.at-invoice-page > .at-section-heading { display: none; }.at-invoice-page { width: 100%; }.at-invoice-document { background: white; color: black; } }

.at-list-table td:has(> .at-list-banner) { width: 148px; min-width: 148px; }
.at-list-page[data-kind=products] td:nth-child(2), .at-list-page[data-kind=sales] > .at-list-table td:nth-child(2) { min-width: 210px; }
.at-list-cell > div { min-width: 0; }

/* Shared product, cart, downloads and loyalty presentation. */
.at-commerce-page { padding-bottom: 48px; }
.at-commerce-page h1 { margin: 0; font-size: 30px; line-height: 1.3; font-weight: 750; letter-spacing: -.6px; overflow-wrap: anywhere; }
.at-commerce-page h2 { font-size: 20px; line-height: 1.4; margin: 0 0 20px; }
.at-commerce-page h3 { font-size: 16px; margin: 0 0 12px; }
.at-product-layout { display: grid; grid-template-columns: minmax(0,1fr) 390px; gap: 26px; align-items: start; }
.at-product-content, .at-product-sidebar, .at-cart-items { display: grid; gap: 24px; min-width: 0; }
.at-product-sidebar { grid-column: 2; grid-row: 1; }
.at-product-content { grid-column: 1; grid-row: 1; }
.at-product-banner { aspect-ratio: 2 / 1; border: 1px solid var(--at-border); border-radius: var(--at-radius); background: var(--at-surface); overflow: hidden; }
.at-product-banner img { display: block; width: 100%; height: 100%; object-fit: contain; }
.at-product-admin h2 { font-size: 17px; margin-bottom: 16px; }
.at-product-admin-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.at-product-admin-actions .at-button { flex: 1; font-size: 12px; padding: 10px; white-space: nowrap; }
.at-product-purchase h1 { margin-bottom: 24px; font-size: 26px; }
.at-product-purchase .at-price { font-size: 26px; }
.at-product-purchase .at-product-meta { margin-bottom: 22px; }
.at-product-purchase > .at-button { width: 100%; margin-top: 12px; }
.at-product-purchase .at-loyalty-price { margin-bottom: 24px; }
.at-product-rating { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; margin-left: auto; font-size: 12px; white-space: nowrap; }
.at-product-rating > i { color: var(--at-blue-text); font-size: 11px; }
.at-tabs { display: flex; gap: 8px; overflow-x: auto; border-bottom: 1px solid var(--at-border); padding-bottom: 10px; }
.at-tabs button { border: 0; border-radius: 7px; padding: 10px 14px; background: transparent; color: var(--at-muted); font-size: 14px; font-weight: 600; white-space: nowrap; }
.at-tabs button:hover, .at-tabs button[aria-selected=true] { color: var(--at-blue-text); background: rgba(var(--accent-rgb),.1); }
.at-tab-panel { padding-top: 24px; }
.at-commerce-page .markdown-body { color: var(--at-muted); font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.at-commerce-page .markdown-body h1, .at-commerce-page .markdown-body h2, .at-commerce-page .markdown-body h3 { color: var(--at-text); margin: 24px 0 12px; }
.at-commerce-page .markdown-body h1 { font-size: 24px; }.at-commerce-page .markdown-body h2 { font-size: 21px; }
.at-commerce-page .markdown-body ul, .at-commerce-page .markdown-body ol { padding-left: 22px; }
.at-commerce-page .markdown-body a { color: var(--at-blue-text); text-decoration: underline; }
.at-commerce-page .markdown-body img { max-width: 100%; height: auto; }
.at-commerce-page .markdown-body pre { background: var(--at-bg); border: 1px solid var(--at-border); padding: 16px; overflow-x: auto; border-radius: 7px; }
.at-review-list { display: grid; gap: 16px; }.at-review-entry { padding-bottom: 20px; border-bottom: 1px solid var(--at-border); }
.at-review-entry p, .at-review-entry time { color: var(--at-muted); font-size: 14px; }
.at-bundle-products { display: grid; gap: 10px; margin: 16px 0; }
.at-bundle-products a { display: flex; align-items: center; gap: 10px; color: var(--at-blue-text); font-size: 13px; }
.at-bundle-products img { width: 64px; height: 32px; object-fit: contain; flex-shrink: 0; }
.at-related-bundles article + article, .at-cart-bundle + .at-cart-bundle { border-top: 1px solid var(--at-border); margin-top: 20px; padding-top: 20px; }
.at-cart-layout { display: grid; grid-template-columns: minmax(0,1fr) 370px; gap: 26px; align-items: start; }
.at-cart-row { display: grid; grid-template-columns: 128px minmax(0,1fr) auto 42px; align-items: center; gap: 16px; border-bottom: 1px solid var(--at-border); padding-block: 18px; }
.at-cart-row:last-child { border-bottom: 0; }.at-cart-item-name { min-width: 0; overflow-wrap: anywhere; font-size: 14px; }
.at-cart-row > strong { font-size: 15px; white-space: nowrap; }.at-cart-row form { margin: 0; }
.at-cart-checkout { scroll-margin-top: 160px; }
.at-cart-checkout .loyalty-earn-block { background: rgba(var(--accent-rgb),.08); border-color: var(--at-border); margin-bottom: 24px; }
.at-cart-checkout .loyalty-earn-row { color: var(--at-text); font-size: 14px; }.at-cart-checkout .loyalty-earn-warning { color: var(--at-muted); background: var(--at-surface); font-size: 12px; }
.at-cart-checkout .loyalty-earn-warning i { color: var(--at-warning); }
.at-cart-checkout label { display: block; font-size: 14px; margin-bottom: 10px; }
.at-discount-control { display: flex; gap: 8px; }.at-discount-control input { min-width: 0; width: 100%; background: var(--at-bg); color: var(--at-text); border: 1px solid var(--at-border); border-radius: 7px; padding: 10px 12px; }
.at-discount-control [aria-invalid=true] { border-color: var(--at-danger); }
.at-cart-totals { margin: 24px 0; }.at-cart-totals > div { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; font-size: 14px; }
.at-cart-totals dt { color: var(--at-muted); }.at-cart-totals dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.at-cart-totals .at-cart-total { border-top: 1px solid var(--at-border); padding-top: 20px; margin-top: 20px; font-size: 22px; font-weight: 700; }
.at-cart-total dt { color: var(--at-text); }.at-cart-total del { display: block; font-size: 12px; color: var(--at-muted); font-weight: 400; }
.at-cart-checkout .at-checkout-terms { display: flex; align-items: flex-start; gap: 10px; }.at-checkout-terms input { flex-shrink: 0; margin-top: 5px; }
.at-checkout-methods { display: grid; gap: 10px; }.at-checkout-methods form { margin: 0; }.at-checkout-methods .at-button { width: 100%; }
.at-download-heading { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }.at-download-heading > div { min-width: 0; flex: 1; }
.at-download-heading h1 { font-size: 26px; }.at-download-heading p { margin: 10px 0 0; font-size: 14px; }
.at-download-heading .at-list-banner { flex-shrink: 0; }.at-download-list table { min-width: 680px; }.at-download-list td { padding-block: 20px; }
.at-version-latest { display: block; width: max-content; margin-top: 8px; }.at-version-changelog { min-width: 210px; }
.at-version-changelog summary { color: var(--at-blue-text); font-size: 14px; }.at-version-changelog .markdown-body { max-width: 620px; margin-top: 16px; }
.at-download-actions { display: flex; align-items: center; gap: 8px; white-space: nowrap; }.at-download-actions form { margin: 0; }
a[aria-disabled=true] { opacity: .45; cursor: not-allowed; }
.at-loyalty-dialog { width: min(660px,calc(100vw - 32px)); padding: 0; }
.at-loyalty-dialog .at-admin-dialog-header { position: sticky; top: 0; z-index: 1; background: var(--at-surface); margin: 0; padding: 20px 24px; border-bottom: 1px solid var(--at-border); }
.at-loyalty-body { display: grid; gap: 14px; padding: 24px; }
.at-loyalty-topic, .at-loyalty-body .at-loyalty-value { margin: 0; border: 1px solid var(--at-border); border-radius: 7px; background: var(--at-bg); padding: 18px 20px; }
.at-loyalty-topic:first-child { border-color: rgba(var(--accent-rgb),.4); background: rgba(var(--accent-rgb),.08); }
.at-loyalty-topic h3 { color: var(--at-text); margin: 0 0 12px; font-size: 16px; line-height: 1.5; }
.at-loyalty-topic p, .at-loyalty-body > p { margin: 0; color: var(--at-muted); font-size: 14px; line-height: 1.9; }
.at-loyalty-body a { color: var(--at-blue-text); text-decoration: underline; }.at-loyalty-body strong { color: var(--at-text); font-size: 21px; font-variant-numeric: tabular-nums; }
.at-loyalty-body code { color: var(--at-blue-text); background: var(--at-raised); border: 1px solid var(--at-border); padding: 3px 8px; border-radius: 5px; }
@media (max-width: 1000px) { .at-product-layout { grid-template-columns: minmax(0,1fr) 340px; gap: 20px; }.at-cart-layout { grid-template-columns: minmax(0,1fr) 330px; gap: 20px; }.at-cart-row { grid-template-columns: 100px minmax(0,1fr) auto 36px; gap: 10px; }.at-cart-row .at-list-banner { width: 100px; height: 50px; } }
@media (max-width: 800px) { .at-product-layout, .at-cart-layout { grid-template-columns: 1fr; }.at-product-sidebar { grid-column: 1; grid-row: 1; }.at-product-content { grid-column: 1; grid-row: 2; }.at-product-admin-actions .at-button { flex: initial; }.at-download-heading { flex-wrap: wrap; }.at-download-heading h1 { font-size: 23px; }.at-download-heading > .at-button { margin-left: auto; } }
@media (max-width: 540px) { .at-commerce-page h1 { font-size: 24px; }.at-product-purchase h1 { font-size: 23px; }.at-product-rating { gap: 3px; font-size: 10px; }.at-product-rating > i { font-size: 10px; }.at-cart-row { grid-template-columns: 100px minmax(0,1fr) 36px; }.at-cart-row > strong { grid-column: 2; grid-row: 2; }.at-cart-row form { grid-column: 3; grid-row: 1 / span 2; }.at-cart-item-name { font-size: 13px; }.at-download-heading .at-list-banner { width: 100px; height: 50px; }.at-download-heading h1 { font-size: 21px; }.at-loyalty-dialog .at-admin-dialog-header { padding: 16px; }.at-loyalty-body { padding: 16px; gap: 10px; }.at-loyalty-topic, .at-loyalty-body .at-loyalty-value { padding: 16px; }.at-product-admin-actions .at-button { flex: 1; white-space: normal; } }

.at-product-rating { min-width: 0; }
.at-product-rating > .at-muted:only-child { white-space: normal; text-align: right; }
.at-cart-checkout .loyalty-earn-warning a { color: var(--at-blue-text); }
/* Shared navigation, account and release presentation. */
:root { --at-loyalty: #d5d996; }
.at-products-navigation { display: flex; align-items: center; position: relative; gap: 5px; }
.at-products-navigation > a { font-size: 15px; font-weight: 600; color: var(--at-muted); }.at-products-navigation > a:hover, .at-products-navigation > a[aria-current] { color: var(--at-text); }
.at-products-menu { position: static; }.at-products-menu > summary { justify-content: center; width: 30px; color: var(--at-muted); }
.at-products-menu .at-menu-panel { margin-top: 0; }
.at-mobile-menu .at-products-navigation { display: grid; grid-template-columns: minmax(0,1fr) 42px; gap: 0; }.at-mobile-menu .at-products-menu { display: contents; }.at-mobile-menu .at-products-menu .at-menu-panel { position: static; grid-column: 1 / -1; box-shadow: none; margin-block: 4px; min-width: 0; }.at-mobile-menu .at-products-menu > summary { grid-column: 2; grid-row: 1; width: 42px; }
.at-subnav .at-staff-link, .at-menu-panel .at-staff-link { color: var(--at-warning); border: 1px solid color-mix(in srgb,var(--at-warning),transparent 68%); background: color-mix(in srgb,var(--at-warning),transparent 94%); border-radius: 7px; padding: 7px 12px; box-shadow: 0 0 15px color-mix(in srgb,var(--at-warning),transparent 87%); }
.at-subnav .at-staff-link:hover, .at-menu-panel .at-staff-link:hover { background: color-mix(in srgb,var(--at-warning),transparent 85%); }
.at-product-stats-row > div { text-align: center; padding-inline: 6px; }
.at-product-stats-row > div:last-child { padding-inline: 6px; }
.at-rating-stars { display: inline-flex; gap: 2px; flex-shrink: 0; }
.at-rating-star { position: relative; display: inline-block; line-height: 1; color: var(--at-muted); }
.at-rating-star > span { position: absolute; inset: 0 auto 0 0; overflow: hidden; color: var(--at-blue-text); }
.at-rating-star i { display: block; }
.at-product-rating { flex-wrap: wrap; justify-content: flex-end; row-gap: 4px; }
.at-version-heading { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.at-version-latest { display: inline-block; margin: 0; }
.at-release-dialog { width: min(820px,calc(100vw - 32px)); padding: 0; }
.at-release-dialog .at-admin-dialog-header, .at-profile-page + .at-profile-dialog .at-admin-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--at-border); }
.at-release-dialog .at-admin-dialog-header { position: sticky; top: 0; background: var(--at-surface); z-index: 1; }
.at-release-dialog h2, .at-release-dialog p { margin: 0; }.at-release-dialog p { margin-top: 6px; font-size: 13px; }
.at-release-body { padding: 24px; overflow-wrap: anywhere; }.at-release-body pre { overflow: auto; }
.at-updates h2 { margin: 0 0 16px; font-size: 20px; }.at-update-list article { padding-block: 18px; border-bottom: 1px solid var(--at-border); }.at-update-list h3 { margin: 0; font-size: 16px; }.at-update-list p { font-size: 13px; margin-block: 8px 14px; }
.at-update-changelog { margin-block: 20px; }.at-update-changelog p { font-size: 14px; }.at-update-changelog h3 { margin-block: 16px 10px; }
.at-loyalty-topic.at-loyalty-spend { background: color-mix(in srgb,var(--at-loyalty),transparent 95%); border: 0; border-left: 3px solid var(--at-loyalty); border-radius: 0 7px 7px 0; }
.at-loyalty-spend h3 { color: var(--at-loyalty); }.at-loyalty-spend h3::before { content: 'ⓘ'; margin-right: 9px; }
.at-profile-header { display: flex; align-items: center; gap: 28px; padding: 30px; background: linear-gradient(110deg,rgba(var(--accent-rgb),.12),transparent 60%),var(--at-surface); }
.at-profile-identity { display: flex; align-items: center; gap: 22px; min-width: 0; }.at-profile-avatar { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; border: 2px solid var(--at-border); flex-shrink: 0; }
.at-profile-identity h1 { font-size: 28px; margin: 0 0 4px; overflow-wrap: anywhere; }.at-profile-username { font-size: 16px; color: var(--at-muted); margin: 0 0 12px; }.at-profile-identity .at-small { margin: 0; }
.at-profile-stats { display: grid; grid-template-columns: repeat(4,minmax(95px,1fr)); gap: 10px; margin: 0 0 0 auto; }
.at-profile-stats > div { border: 1px solid var(--at-border); border-radius: 7px; padding: 18px 16px; text-align: right; background: var(--at-bg); }.at-profile-stats dt { color: var(--at-muted); font-size: 13px; margin-bottom: 9px; white-space: nowrap; }.at-profile-stats dd { font-size: 21px; font-weight: 750; margin: 0; font-variant-numeric: tabular-nums; }
.at-profile-stats .at-profile-loyalty { background: color-mix(in srgb,var(--at-loyalty),transparent 92%); border-color: color-mix(in srgb,var(--at-loyalty),transparent 72%); }.at-profile-loyalty dt, .at-profile-loyalty dd { color: var(--at-loyalty); }
.at-profile-tools, .at-profile-email, .at-profile-staff-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }.at-profile-tools { justify-content: space-between; padding-block: 18px 24px; }.at-profile-email { font-size: 13px; overflow-wrap: anywhere; }.at-profile-staff-actions { margin-left: auto; }.at-profile-staff-actions form, .at-profile-row-actions form { margin: 0; }
.at-profile-sections { padding: 0; overflow: hidden; }.at-profile-sections .at-tabs { padding-inline: 20px; }.at-profile-sections .at-tab-panel { padding: 0 20px; }.at-profile-sections .at-empty { padding-block: 48px; }
.at-profile-product { display: grid; grid-template-columns: 144px minmax(0,1fr) auto; align-items: center; gap: 24px; padding-block: 18px; border-bottom: 1px solid var(--at-border); }.at-profile-product .at-list-banner { width: 144px; height: 72px; }.at-profile-product .at-list-banner img { width: 100%; height: 100%; object-fit: contain; }.at-profile-product-name { font-weight: 650; font-size: 16px; overflow-wrap: anywhere; }.at-profile-product-name:hover { color: var(--at-blue-text); }.at-profile-row-actions { display: flex; align-items: center; gap: 10px; }
.at-profile-serial { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; padding-block: 20px; border-bottom: 1px solid var(--at-border); }.at-profile-serial h3 { font-size: 16px; margin: 0; }.at-profile-serial code { margin-left: auto; overflow-wrap: anywhere; color: var(--at-blue-text); background: var(--at-bg); padding: 10px; border-radius: 7px; }
#profile-add { padding: 0; }#profile-add .at-admin-dialog-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 20px 24px; border-bottom: 1px solid var(--at-border); }#profile-add h2 { font-size: 20px; margin: 0; }#profile-add form { display: grid; gap: 14px; }#profile-add form + form { border-top: 1px solid var(--at-border); padding-top: 24px; margin-top: 24px; }#profile-add select { width: 100%; background: var(--at-bg); border: 1px solid var(--at-border); border-radius: 7px; padding: 12px; color: var(--at-text); }#profile-add button[type=submit] { justify-self: start; }
.at-profile-dialog { padding: 0; }.at-profile-dialog > .glass-effect { border: 0; border-radius: 0; max-width: none; }.at-profile-dialog input { color: var(--at-text); }
.at-admin-dialog { margin: auto; }
.at-profile-stats dd { overflow-wrap: anywhere; }.at-profile-stats [data-unavailable] { font-size: 14px; }
.at-admin-dialog-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.at-order-list li { position: relative; background: var(--at-surface); padding: 12px 8px; border-radius: 7px; }.at-order-handle { touch-action: none; cursor: grab; flex-shrink: 0; }.at-order-list .at-order-dragging { z-index: 3; background: var(--at-raised); box-shadow: 0 8px 24px #0008; outline: 1px solid var(--at-blue-text); pointer-events: none; }.at-order-dragging .at-order-handle { cursor: grabbing; }.at-order-list .at-order-placeholder { background: var(--at-bg); border: 1px dashed var(--at-border); }
.at-history-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-bottom: 24px; }.at-history-filters label { display: block; margin-bottom: 10px; font-size: 14px; }.at-history-filters :is(input,select) { width: 100%; padding: 12px; border: 1px solid var(--at-border); border-radius: 7px; background: var(--at-bg); color: var(--at-text); color-scheme: dark; }.at-history-filter-actions { display: flex; gap: 12px; grid-column: 1/-1; }.at-history-records h2 { margin: 0 0 18px; font-size: 21px; }.at-history-details { min-width: 150px; }.at-history-details summary { color: var(--at-blue-text); }.at-history-details dl { font-size: 13px; }.at-history-details dt { color: var(--at-muted); margin-top: 12px; }.at-history-details dd { margin: 4px 0 0; overflow-wrap: anywhere; }
/* Vendor utility adapters: legacy form actions consume the same control geometry. */
body :is(a,button):not(.at-button):not(.at-icon-button)[class*='bg-'][class*='rounded'] { border: 1px solid var(--at-border); border-radius: 7px; min-height: 42px; padding: 10px 18px; font: 650 14px/1.5 var(--at-font); box-shadow: none; transition: background var(--at-motion),border-color var(--at-motion); }
body :is(a,button).bg-accent:not(.at-button) { background: var(--accent-color); border-color: var(--accent-color); color: var(--at-text); }body :is(a,button).bg-accent:not(.at-button):hover { background: color-mix(in srgb,var(--accent-color),white 12%); }
body :is(a,button):is(.bg-dark-card,.bg-dark):not(.at-button):hover { border-color: var(--at-blue-text); background: var(--at-raised); }
body :is(a,button):is(.bg-blue-600,.bg-gradient-to-r):not(.at-button) { background: var(--accent-color); border-color: var(--accent-color); color: var(--at-text); }body :is(a,button):is(.bg-blue-600,.bg-gradient-to-r):not(.at-button):hover { background: color-mix(in srgb,var(--accent-color),white 12%); }
body :is(a,button):is([class~='bg-blue-600/20'],[class~='bg-accent/20']):not(.at-button) { background: rgba(var(--accent-rgb),.1); border-color: rgba(var(--accent-rgb),.25); color: var(--at-blue-text); }
body :is(a,button).bg-red-600:not(.at-button) { background: var(--at-danger); color: var(--at-bg); border-color: var(--at-danger); }body :is(a,button).bg-red-600:not(.at-button):hover { background: color-mix(in srgb,var(--at-danger),white 12%); }
body :is(a,button).bg-yellow-600:not(.at-button) { background: var(--at-warning); color: var(--at-bg); border-color: var(--at-warning); }body :is(a,button).bg-green-600:not(.at-button) { background: var(--at-success); color: var(--at-bg); border-color: var(--at-success); }
@media (max-width:1100px) { .at-profile-header { flex-wrap: wrap; }.at-profile-stats { flex: 1; }.at-profile-identity { flex: 1; }.at-profile-stats > div { padding: 14px 12px; } }
@media (max-width:800px) { .at-profile-stats { width: 100%; margin: 0; }.at-profile-product { gap: 16px; grid-template-columns: 128px minmax(0,1fr); }.at-profile-product .at-list-banner { width: 128px; height: 64px; }.at-profile-row-actions { grid-column: 2; }.at-profile-product .at-list-banner { grid-row: 1 / span 2; }.at-history-filters { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:540px) { .at-profile-header { padding: 20px; gap: 24px; }.at-profile-identity { gap: 16px; }.at-profile-avatar { width: 96px; height: 96px; }.at-profile-identity h1 { font-size: 23px; }.at-profile-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }.at-profile-stats dd { font-size: 20px; }.at-profile-product { grid-template-columns: 100px minmax(0,1fr); gap: 12px; }.at-profile-product .at-list-banner { width: 100px; height: 50px; }.at-profile-product-name { font-size: 14px; }.at-profile-sections .at-tabs { padding-inline: 12px; }.at-profile-sections .at-tab-panel { padding-inline: 12px; }.at-profile-staff-actions { margin: 0; }.at-profile-serial code { margin: 0; width: 100%; }.at-profile-serial .at-button { margin-left: auto; }.at-history-filters { grid-template-columns: 1fr; }.at-release-body { padding: 18px; }.at-release-dialog .at-admin-dialog-header { padding: 18px; }.at-product-card .at-product-meta { flex-wrap: wrap; }.at-product-card .at-product-rating { margin-left: auto; } }
@media (max-width:800px) { .at-profile-stats, .at-profile-identity { flex: 0 0 100%; }.at-profile-identity > div { min-width: 0; } }
@media (max-width:540px) { .at-product-card .at-product-meta { flex-wrap: nowrap; gap: 4px; }.at-product-card .at-product-rating { font-size: 9px; gap: 2px; }.at-product-card .at-rating-stars { font-size: 8px; gap: 1px; } }
@media (max-width:360px) { .at-product-card .at-rating-stars { font-size: 7px; }.at-product-card .at-price { font-size: 13px; } }
/* Folder tabs, centered account summary and bottom-lit navigation. */
.at-profile-right { margin-left: auto; min-width: 0; }.at-profile-stats { grid-template-columns: repeat(3,minmax(95px,1fr)) minmax(145px,1.3fr); }.at-profile-stats > div { text-align: center; }.at-profile-loyalty dd { display: flex; align-items: center; justify-content: center; gap: 9px; }.at-profile-loyalty dd img { width: 26px; height: 26px; object-fit: contain; flex-shrink: 0; }.at-profile-right .at-profile-staff-actions { margin: 16px 0 0; justify-content: flex-end; }
.at-profile-sections { border-radius: 0 0 var(--at-radius) var(--at-radius); }.at-profile-sections .at-tabs { padding: 0; gap: 0; background: var(--at-bg); overflow-x: auto; }.at-profile-sections .at-tabs button { margin: 0 0 -1px; border: 0; border-right: 1px solid var(--at-border); border-bottom: 1px solid var(--at-border); border-radius: 0; background: transparent; padding: 16px 24px; white-space: nowrap; }.at-profile-sections .at-tabs button[aria-selected=true] { background: var(--at-surface); color: var(--at-blue-text); border-bottom-color: var(--at-surface); }.at-profile-sections .at-tabs button:hover { background: var(--at-raised); }
.at-menu-panel .at-staff-link,.at-menu-panel .at-staff-link[aria-current] { border: 0; border-bottom: 2px solid var(--at-warning); border-radius: 0; box-shadow: none; color: var(--at-warning); background: linear-gradient(to top,color-mix(in srgb,var(--at-warning),transparent 86%),transparent 70%); }
.at-staff-shell,.min-h-screen:has(> .at-staff-sidebar) { width: calc(100% - 64px); max-width: var(--at-page-max); margin: 30px auto; border: 1px solid var(--at-border); border-radius: var(--at-radius); }.at-staff-sidebar { min-height: 0; border-radius: var(--at-radius) 0 0 var(--at-radius); }.at-staff-sidebar nav a[aria-current] { border: 0; border-bottom: 2px solid var(--accent-color); border-radius: 0; background: radial-gradient(ellipse at bottom,rgba(var(--accent-rgb),.22),transparent 74%); }
.at-discord-login { max-width: 520px; margin: 42px auto 80px; text-align: center; padding: 40px; }.at-discord-login > img { margin-bottom: 20px; object-fit: contain; }.at-discord-login h1 { font-size: 29px; }.at-discord-login .at-button { width: 100%; margin-block: 20px; font-size: 14px; }.at-discord-login .at-notice { text-align: left; margin-top: 18px; }
.at-serial-setting { margin-bottom: 24px; }.at-serial-setting h2 { margin: 0 0 18px; font-size: 20px; }.at-serial-setting form { display: flex; align-items: flex-start; gap: 20px; }.at-serial-setting form > div { flex: 1; }.at-serial-setting label { display: block; margin-bottom: 8px; }.at-serial-setting select { min-width: 160px; background: var(--at-bg); color: var(--at-text); border: 1px solid var(--at-border); border-radius: 7px; padding: 10px; }
.at-download-detail,.at-license-dialog,.at-all-reviews { padding: 0; }.at-download-detail .at-admin-dialog-header,.at-license-dialog .at-admin-dialog-header,.at-all-reviews .at-admin-dialog-header { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--at-border); background: var(--at-surface); }.at-admin-dialog-header h2 { margin: 0; font-size: 21px; }.at-admin-dialog-header p { margin: 6px 0 0; font-size: 13px; }.at-download-detail-data { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 0; margin: 0; padding: 24px; }.at-download-detail-data dt,.at-download-detail-data dd { padding-block: 14px; border-bottom: 1px solid var(--at-border); overflow-wrap: anywhere; font-size: 14px; }.at-download-detail-data dt { color: var(--at-muted); }.at-download-detail-data dd { margin: 0; }
.at-license-search { margin-bottom: 24px; }.at-license-search label { display: block; margin-bottom: 8px; font-size: 14px; }.at-license-search > div { display: flex; gap: 10px; }.at-license-search input { flex: 1; min-width: 0; }.at-license-search input,.at-license-dialog :is(input:not([type=hidden]),select,textarea) { padding: 12px; background: var(--at-bg); border: 1px solid var(--at-border); border-radius: 7px; color: var(--at-text); }.at-license-product { display: flex; align-items: center; gap: 18px; }.at-license-product .at-list-banner { flex-shrink: 0; }.at-license-dialog form { display: grid; gap: 12px; padding: 24px; }.at-license-dialog textarea { resize: vertical; }.at-license-dialog p { margin: 0; }.at-license-dialog .at-admin-dialog-actions { margin-top: 12px; }.at-license-customers { display: grid; max-height: 240px; overflow-y: auto; border: 1px solid var(--at-border); border-radius: 7px; }.at-license-customer { text-align: left; background: var(--at-bg); border: 0; border-bottom: 1px solid var(--at-border); padding: 12px; color: var(--at-text); font-size: 14px; }.at-license-customer:hover,.at-license-customer[aria-pressed=true] { background: var(--at-raised); color: var(--at-blue-text); }.at-license-lookup-pages { display: flex; gap: 12px; }.at-history-search { grid-column: 1/-1; }
.at-list-sub { display: block; color: var(--at-muted); font-size: 12px; margin-top: 4px; }.at-profile-sections .at-tabs { overflow-y: hidden; }.at-profile-sections .at-tabs button { margin: 0; }.at-profile-sections .at-tabs button:focus-visible { outline-offset: -4px; }
.at-license-customers { height: 240px; }
.at-admin-dialog-header > div { min-width: 0; }.at-admin-dialog-header :is(h2,p) { overflow-wrap: anywhere; }.at-admin-dialog-header > button { flex-shrink: 0; }
.at-public-reviews { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }.at-reviews-summary { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }.at-reviews-summary .at-product-rating { margin-left: 0; }.at-product-recent-reviews h2 { font-size: 18px; margin: 0 0 14px; }.at-product-recent-reviews > button { width: 100%; margin-top: 16px; }.at-review-entry { padding-block: 18px; border-bottom: 1px solid var(--at-border); }.at-review-author { flex-wrap: wrap; gap: 8px; }.at-review-author strong { font-size: 13px; }.at-review-author .at-product-rating { margin-left: 0; font-size: 11px; }.at-review-comment { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; margin-block: 14px 12px; }.at-review-product { color: var(--at-blue-text); font-size: 13px; }.at-order-list { overscroll-behavior: contain; }
.at-product-recent-reviews .at-review-comment { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body:has([data-serial-disabled]) [data-value=serials],body:has([data-serial-disabled]) option[value=serials],body:has([data-serial-disabled]) #serialsCard { display: none !important; }
@media (max-width:1100px) { .at-profile-right { width: 100%; }.at-profile-right .at-profile-stats { width: 100%; }.at-public-reviews { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { .at-staff-shell,.min-h-screen:has(> .at-staff-sidebar) { width: calc(100% - 40px); }.at-profile-right { flex: 0 0 100%; }.at-profile-right .at-profile-stats { grid-template-columns: repeat(3,minmax(0,1fr)) 1.3fr; }.at-staff-sidebar { border-radius: var(--at-radius) var(--at-radius) 0 0; }.at-serial-setting form { flex-wrap: wrap; } }
@media (max-width:540px) { .at-staff-shell,.min-h-screen:has(> .at-staff-sidebar) { width: calc(100% - 32px); }.at-profile-right .at-profile-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }.at-profile-right .at-profile-loyalty { grid-column: 1/-1; padding-block: 22px; }.at-profile-right .at-profile-staff-actions { justify-content: flex-start; }.at-profile-sections .at-tabs { padding: 0; }.at-profile-sections .at-tabs button { padding: 14px 16px; }.at-public-reviews { grid-template-columns: 1fr; }.at-discord-login { padding: 24px; }.at-download-detail-data { grid-template-columns: 100px minmax(0,1fr); padding: 18px; }.at-license-product { gap: 12px; }.at-license-search > div { flex-wrap: wrap; }.at-license-search input { flex-basis: 100%; }.at-license-lookup-pages { flex-wrap: wrap; } }
@media (max-width:540px) { .at-profile-right .at-profile-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }.at-profile-right .at-profile-stats dd { font-size: 18px; }.at-profile-right .at-profile-loyalty dd { font-size: 21px; } }

.at-version-changelog summary:hover { color: var(--at-text); text-decoration: underline; }
.at-bundle-products a:hover, .at-commerce-page .markdown-body a:hover { color: var(--at-text); }
.at-icon-button.at-list-danger:hover { color: var(--at-danger); background: color-mix(in srgb,var(--at-danger),transparent 90%); border-color: var(--at-danger); }

.at-license-dialog form { grid-template-columns: minmax(0,1fr); }.at-license-dialog form > * { min-width: 0; max-width: 100%; }.at-license-dialog :is(input:not([type=hidden]),select,textarea) { width: 100%; }.at-license-customer { white-space: normal; overflow-wrap: anywhere; }.at-license-lookup-pages { flex-wrap: wrap; }.at-license-lookup-pages .at-button { flex: 1; white-space: normal; }

/* Store navigation, embedded releases and branded checkout variants. */
body:has(> .at-header):has(> .at-footer) { display: flex; flex-direction: column; min-height: 100dvh; }
body:has(> .at-header):has(> .at-footer) > :is(.at-header,.at-preview,main,.at-staff-shell,.min-h-screen,.at-footer) { flex-shrink: 0; }
body:has(> .at-header) > .at-footer { margin-top: auto; }
body:has(> .at-header) > main { margin-bottom: 56px; }
.min-h-screen:has(> .at-staff-sidebar) { min-height: 0; }
.at-staff-nav-group h3 { color: var(--at-muted); font-size: 12px; font-weight: 700; margin: 22px 12px 8px; }
.at-staff-nav-group:first-child h3 { margin-top: 0; }
.at-staff-sidebar-heading { padding-bottom: 18px; }
.at-staff-sidebar { padding-bottom: 0; background: var(--at-surface); }
.at-staff-sidebar::after { content: ''; display: block; height: 72px; margin: 16px -16px 0; background: linear-gradient(to bottom,var(--at-surface),var(--at-bg)); pointer-events: none; }
body:has([data-staff-page=settings]) aside:has(> .sidebar-nav),body:has([data-staff-page=page-customization]) aside:has(> .sidebar-nav) { display: none; }
.at-profile-header { border-radius: var(--at-radius); }
.at-profile-sections { margin-top: 18px; border-radius: var(--at-radius); }
.at-profile-sections .at-tabs button:first-child { border-top-left-radius: var(--at-radius); }
.at-subnav > .at-staff-link,.at-menu-panel .at-staff-link { color: var(--at-warning); background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; }
.at-subnav > .at-staff-link:is(:hover,[aria-current]),.at-menu-panel .at-staff-link:is(:hover,[aria-current]) { border-bottom-color: var(--at-warning); background: radial-gradient(ellipse at bottom,color-mix(in srgb,var(--at-warning),transparent 78%),transparent 74%); }
.at-catalogue-toolbar { justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.at-catalogue-toolbar .at-result-count { margin: 0; font-size: 14px; }
.at-sort label,.at-sort select { font-size: 14px; }
.at-product-category { font-size: 12px; }
.at-cart-checkout .loyalty-earn-warning { background: transparent !important; }
.at-checkout-methods { grid-template-columns: minmax(0,1fr); }
.at-checkout-methods .at-payment-stripe { grid-column: 1/-1; }
.at-checkout-methods .at-payment-button { border-color: transparent; color: var(--at-payment-text); font-size: 12px; padding-inline: 10px; }
.at-payment-stripe .at-payment-button { background: var(--at-stripe); }
.at-payment-paypal .at-payment-button { background: var(--at-paypal); }
.at-payment-coinbase .at-payment-button { background: var(--at-coinbase); }
.at-payment-button:hover:not(:disabled) { filter: brightness(1.12); }
.at-payment-button .fa-stripe { font-size: 27px; line-height: 1; }
[data-commerce-checkout][data-preview=true] .at-payment-button:disabled { opacity: 1; }
.at-version-history h2 { font-size: 20px; margin: 0 0 8px; }
.at-product-content { grid-template-columns: minmax(0,1fr); }
.at-product-information { min-width: 0; }
.at-version-history .at-list-table { margin-top: 20px; }
.at-version-pagination { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; flex-wrap: wrap; }
@media (max-width:800px) { .at-staff-sidebar::after { display: none; }.at-staff-sidebar nav { align-items: flex-start; gap: 20px; }.at-staff-nav-group { flex-shrink: 0; }.at-staff-nav-group h3 { margin: 0 12px 6px; }.at-staff-nav-group a { min-height: 42px; }.at-profile-sections { margin-top: 16px; } }
@media (max-width:540px) { .at-catalogue-toolbar { flex-wrap: nowrap; gap: 8px; }.at-catalogue-toolbar .at-result-count,.at-sort label,.at-sort select { font-size: 12px; }.at-sort { gap: 6px; }.at-sort select { padding: 10px 6px; }.at-profile-sections { margin-top: 14px; }.at-checkout-methods .at-payment-button { font-size: 11px; gap: 6px; padding-inline: 6px; } }

/* Desktop navigation owns one stable geometry for idle, hover and current states. */
.at-subnav { gap: 0 12px; }
.at-subnav > a,.at-subnav > .at-products-navigation { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; padding: 0 20px; }
.at-subnav > a:is(:hover,[aria-current]),.at-subnav > .at-products-navigation:is(:hover,:has(>a[aria-current]),:has(details[open])) { border-bottom-color: var(--accent-color); background: radial-gradient(ellipse at bottom,rgba(var(--accent-rgb),.22),transparent 74%); }
.at-subnav > .at-products-navigation { position: relative; gap: 8px; padding: 0 6px 0 20px; }
.at-subnav .at-products-navigation > a { display: flex; align-items: center; min-height: 46px; padding: 0; }
.at-subnav .at-products-menu { position: static; }
.at-subnav .at-products-menu > summary { position: static; width: 36px; min-height: 46px; padding: 0; justify-content: center; }
.at-subnav .at-products-menu .at-menu-panel { top: calc(100% + 10px); left: 0; margin: 0; }
.at-subnav > .at-staff-link { padding: 0 20px; color: var(--at-warning); border: 0; border-bottom: 2px solid transparent; background: transparent; border-radius: 0; box-shadow: none; }
.at-subnav > .at-staff-link:is(:hover,[aria-current]) { color: var(--at-warning); border-bottom-color: var(--at-warning); background: radial-gradient(ellipse at bottom,color-mix(in srgb,var(--at-warning),transparent 78%),transparent 74%); }
.at-subnav > .at-community-link { padding-inline: 0; }
@media (min-width:541px) and (max-width:1100px) { .at-subnav { gap: 0 10px; }.at-subnav > a,.at-subnav > .at-staff-link { padding-inline: 16px; }.at-subnav > .at-products-navigation { padding-left: 16px; }.at-subnav > .at-community-link { padding-inline: 0; } }

.at-subnav > .at-products-navigation:is(:hover,:has(details[open])) > a { color: var(--at-text); }

/* Header: community beside the title, account tools beside page navigation. */
.at-header .at-nav { flex-wrap: nowrap; }
.at-discord-button { margin-left: auto; flex-shrink: 0; }
.at-navigation-row { display: flex; align-items: flex-end; gap: 24px; }
.at-navigation-row > .at-subnav { flex-shrink: 0; }
.at-navigation-row > .at-nav-actions { width: auto; margin-left: auto; justify-content: flex-end; flex-wrap: nowrap; gap: 10px; }
.at-navigation-row .at-account-container { border: 0; border-radius: 0; gap: 4px; }
.at-navigation-row .at-nav-actions :is(.at-icon-button,.at-account-link,.at-sign-out,.at-sign-in) { min-height: 48px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; background: transparent; font-size: 13px; }
.at-navigation-row .at-nav-actions .at-icon-button { height: 48px; width: 44px; }
.at-navigation-row .at-account-container .at-account-link { padding: 0 12px; }
.at-navigation-row .at-account-container .at-sign-out { padding: 0; width: 38px; color: var(--at-danger); }
.at-navigation-row .at-nav-actions :is(.at-icon-button,.at-account-link,.at-sign-in):is(:hover,[aria-current]) { border-bottom-color: var(--accent-color); background: radial-gradient(ellipse at bottom,rgba(var(--accent-rgb),.22),transparent 74%); }
.at-navigation-row .at-account-container .at-sign-out:hover { border-bottom-color: var(--at-danger); background: radial-gradient(ellipse at bottom,color-mix(in srgb,var(--at-danger),transparent 84%),transparent 74%); }
.at-navigation-row .at-loyalty-chip { min-height: 48px; padding: 0 6px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; order: 0; margin-right: 0; gap: 7px; }
.at-navigation-row .at-loyalty-chip:is(:hover,:focus-within) { border-bottom-color: var(--accent-color); background: transparent; }
.at-navigation-row .at-loyalty-chip button { width: 30px; height: 44px; border: 0; border-radius: 0; background: transparent; }
.at-navigation-row .at-mobile-menu > summary { min-height: 48px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; }
.at-navigation-row .at-mobile-menu[open] > summary { border-bottom-color: var(--accent-color); }
.at-placeholder-controls,.at-placeholder-list-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.at-protection-toggle { margin: 0; font-size: 14px; gap: 10px; }
.at-placeholder-controls label { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.at-placeholder-info { padding: 0; }
.at-placeholder-info .at-admin-dialog-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--at-border); background: var(--at-surface); position: sticky; top: 0; z-index: 1; }
.at-placeholder-info h2 { min-width: 0; overflow-wrap: anywhere; }
.at-placeholder-summary { margin: 0 0 24px; }.at-placeholder-summary > div { margin-bottom: 14px; }.at-placeholder-summary dt { color: var(--at-muted); font-size: 13px; }.at-placeholder-summary dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.at-placeholder-info pre { background: var(--at-bg); border: 1px solid var(--at-border); padding: 16px; border-radius: var(--at-radius); white-space: pre-wrap; overflow-wrap: anywhere; }
.at-placeholder-info p { line-height: 1.8; }
.at-placeholder-info code { overflow-wrap: anywhere; }
.at-admin-table table:has(> tbody[data-placeholder-list]) { min-width: 720px; }
.at-admin-table tbody[data-placeholder-list] td:first-child { min-width: 210px; }
@media (max-width:800px) { [data-placeholder-settings] > .at-section-heading { flex-wrap: wrap; }[data-placeholder-settings] > .at-section-heading > div:first-child { width: 100%; }.at-placeholder-controls { width: 100%; } }
@media (max-width:540px) { .at-placeholder-controls .at-protection-toggle { flex: 1 1 100%; justify-content: space-between; }.at-placeholder-controls > button { width: 100%; } }
@media (max-width:1100px) { .at-navigation-row { gap: 16px; }.at-navigation-row .at-account-link span { display: none; }.at-navigation-row > .at-nav-actions { gap: 6px; } }
@media (max-width:1000px) { .at-navigation-row > .at-subnav { display: none; }.at-navigation-row .at-mobile-menu { display: block; }.at-navigation-row > .at-nav-actions { width: 100%; }.at-header .at-nav { padding-block: 14px; }.at-navigation-row .at-loyalty-chip { margin-right: 0; } }
@media (max-width:540px) { .at-header .at-nav { gap: 10px; min-height: 64px; padding-block: 12px; }.at-header .at-nav > .at-brand { font-size: clamp(14px,4.4vw,20px); gap: 7px; }.at-header .at-nav > .at-brand img { width: 30px; height: 30px; }.at-discord-button { width: 42px; min-height: 42px; padding: 0; }.at-discord-button span { display: none; }.at-discord-button i { font-size: 19px; }.at-navigation-row .at-nav-actions { gap: 4px; }.at-navigation-row .at-loyalty-chip { font-size: 13px; gap: 5px; }.at-navigation-row .at-account-container .at-account-link { width: 38px; padding: 0; }.at-placeholder-controls { gap: 8px; }.at-placeholder-info .at-admin-dialog-header { padding: 18px; } }

/* Shared account, progress and recovery surfaces. */
.at-user-navigation { position: relative; display: flex; align-items: center; margin-left: auto; }
.at-user-navigation .at-account-link { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 12px 8px; min-height: 68px; border: 0; border-radius: 0; position: relative; }
.at-account-names { display: grid; text-align: right; line-height: 1.5; min-width: 0; }
.at-account-names strong { font-size: 15px; font-weight: 650; }.at-account-names > span { font-size: 12px; font-weight: 400; color: var(--at-muted); }
.at-account-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.at-account-menu { position: static; }.at-account-menu > summary { min-height: 68px; width: 26px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 0; }
.at-account-menu .at-menu-panel { top: calc(100% + 8px); right: 0; left: auto; min-width: 260px; display: grid; gap: 4px; padding: 12px; }
.at-account-menu .at-menu-panel > a { min-height: 44px; padding: 12px 14px; }
.at-account-loyalty { padding: 12px 14px; margin-block: 4px; border-block: 1px solid var(--at-border); }
.at-account-menu .at-account-loyalty-label { display: block; width: 100%; min-height: 44px; padding: 8px 0; }
.at-account-loyalty .at-loyalty-chip { border: 0; padding: 4px 0; min-height: 44px; margin-top: 4px; }.at-account-loyalty .at-loyalty-chip::before,.at-account-loyalty .at-loyalty-chip::after { display: none; }
.at-menu-panel .at-account-logout { color: #ff7a80; gap: 10px; display: flex; align-items: center; }
.at-user-navigation:has(.at-account-link[aria-current])::after,.at-user-navigation:hover::after { content: ''; position: absolute; inset: auto 0 0; height: 2px; background: var(--accent-color); box-shadow: 0 -8px 20px color-mix(in srgb,var(--accent-color),transparent 65%); }
.at-error-page,.at-download-page { display: grid; place-items: center; padding-block: 64px; flex: 1; }
.at-error-panel,.at-download-panel { max-width: 720px; width: 100%; padding: 40px; }.at-error-panel h1,.at-download-panel h1 { font-size: clamp(24px,3vw,32px); margin-top: 20px; }.at-error-icon,.at-download-icon { color: var(--accent-color); font-size: 30px; }.at-error-panel .at-hero-actions,.at-download-panel .at-hero-actions { margin-top: 28px; }
.at-progress-track { height: 12px; background: var(--at-bg); border: 1px solid var(--at-border); border-radius: 20px; overflow: hidden; margin-block: 24px; position: relative; }
.at-progress-track > span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg,#2374bc,#66baff); transition: width 1.1s cubic-bezier(.2,.6,.3,1); }
.at-progress-indeterminate > span { width: 28%!important; animation: at-progress-pulse 1.5s ease-in-out infinite; }
@keyframes at-progress-pulse { from { transform: translateX(-100%); } to { transform: translateX(360%); } }
.at-profile-right .at-profile-public-stats { grid-template-columns: repeat(2,minmax(100px,1fr)) minmax(160px,1.3fr); }
.at-list-toolbar:has(#auth-filter) { display: grid; grid-template-columns: minmax(240px,1fr) 170px 170px auto auto; }.at-list-toolbar:has(#auth-filter) .at-admin-search { max-width: none; }.at-list-toolbar .at-text-link { align-self: center; white-space: nowrap; }
@media(max-width:1100px) { .at-account-names strong { font-size: 13px; }.at-account-names > span { font-size: 11px; }.at-account-link { gap: 8px; }.at-list-toolbar:has(#auth-filter) { grid-template-columns: minmax(200px,1fr) 150px 150px; } }
@media(max-width:800px) { .at-account-names { max-width: 200px; }.at-list-toolbar:has(#auth-filter) { grid-template-columns: repeat(2,minmax(0,1fr)); }.at-list-toolbar:has(#auth-filter) .at-admin-search { grid-column: 1/-1; } }
@media(max-width:540px) { .at-account-names { max-width: 165px; }.at-account-names strong,.at-account-names > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.at-user-navigation .at-account-link,.at-account-menu > summary { min-height: 58px; }.at-account-avatar { width: 40px; height: 40px; }.at-account-menu .at-menu-panel { min-width: 245px; }.at-error-panel,.at-download-panel { padding: 24px; }.at-profile-right .at-profile-public-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .at-progress-track > span { transition: none; }.at-progress-indeterminate > span { animation: none; width: 100%!important; opacity: .35; } }
.at-account-loyalty-label { background: transparent; border: 0; color: var(--at-text); font: inherit; font-weight: 600; padding: 8px 0; cursor: pointer; text-align: left; }.at-account-loyalty-label:hover { color: var(--at-link); }
.at-navigation-row .at-user-navigation .at-account-link { width: auto; min-width: 0; padding: 12px 8px; }
.at-navigation-row .at-account-link .at-account-names { display: grid; max-width: 260px; }
.at-navigation-row .at-account-link .at-account-names > span { display: block; }
.at-account-avatar { flex: 0 0 44px; aspect-ratio: 1; }
.at-list-badge-danger { background: color-mix(in srgb,var(--at-danger),transparent 92%); border-color: color-mix(in srgb,var(--at-danger),transparent 72%); }
@media(max-width:540px) { .at-navigation-row .at-account-link .at-account-names { max-width: 165px; }.at-account-avatar { flex-basis: 40px; } }
.at-list-toolbar .at-admin-search { margin: 0; }.at-list-toolbar :is(input,select) { height: 46px; box-sizing: border-box; }.at-list-toolbar select { width: 100%; }
#product-update-dialog .at-admin-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
#product-update-dialog .at-admin-dialog-header h2 { margin: 0; font-size: 22px; }
#product-update-dialog .at-admin-field { margin-block: 12px; }
#product-update-dialog textarea { height: 140px; min-height: 140px; resize: vertical; }
#product-update-dialog .at-admin-dialog-actions { position: sticky; bottom: 0; background: var(--at-surface); padding-top: 16px; }