/* GEVAX workspace theme. Last layer owns presentation; app.css owns behavior. */
@layer refresh {
  :root {
    color-scheme: dark;
    --canvas: #202a35; --surface: #283440; --surface-raised: #303f4e; --surface-hover: #374959;
    --ink: #eef3f8; --ink-soft: #c6d2de; --muted: #a7b7c7;
    --line: #435362; --line-dark: #697f92;
    --link: #99bfff; --blue-soft: #283b51; --blue-line: #456181;
    --action: #2457a3; --action-hover: #1c478a; --action-ink: #fff;
    --accent: #f47a35; --accent-text: #ffae77; --accent-soft: #3c302a;
    --paper: var(--surface); --blueprint: var(--canvas); --blue-100: var(--blue-soft);
    --navy-950: var(--ink); --navy-900: var(--link); --navy-800: var(--action);
    --orange-700: var(--accent-text); --orange-600: var(--accent); --orange-500: var(--accent); --orange-100: var(--accent-soft);
    --success: #78d8ad; --success-bg: #182e26; --danger: #ff8c96; --danger-bg: #341e24;
    --shadow: 0 12px 36px #00000026; --radius: 10px; --content: 1480px;
    --font-ui: "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif; --font-technical: var(--font-ui);
  }
  :root[data-theme="light"] {
    color-scheme: light;
    --canvas: #f3f6fa; --surface: #fff; --surface-raised: #f6f8fb; --surface-hover: #edf2f8;
    --ink: #1d2e42; --ink-soft: #465970; --muted: #5d6e81; --line: #dce4ed; --line-dark: #8294a9;
    --link: #25549a; --blue-soft: #edf3fb; --blue-line: #bdcfe8;
    --accent-text: #a54611; --accent-soft: #fff2e8;
    --success: #176448; --success-bg: #e2f1e9; --danger: #ac2337; --danger-bg: #fbe6e9;
    --shadow: 0 8px 28px #1633540b;
  }
  body { -webkit-font-smoothing: antialiased; }
  h1,h2,h3 { letter-spacing: -.025em; font-weight: 650; }
  h1 { font-size: clamp(1.5rem,2.4vw,2rem); line-height: 1.25; }
  h2 { font-size: 1.25rem; }
  a { text-underline-offset: 3px; }
  :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; }
  .container { padding-block: 28px 48px; }
  .btn, input, select, textarea { border-radius: 8px; }
  .btn { min-height: 44px; font-size: .875rem; font-weight: 600; padding: 10px 16px; transition: background-color .15s,border-color .15s; }
  .btn.primary, .shell-admin .btn.primary { background: var(--link); border-color: var(--link); color: var(--surface); }
  .btn.primary:hover, .shell-admin .btn.primary:hover { background: var(--accent); border-color: var(--accent); color: var(--surface); }
  .btn.danger { background: var(--danger); border-color: var(--danger); color: var(--surface); }
  input,select,textarea { font-size: .875rem; border-color: var(--line-dark); }
  input:focus,select:focus,textarea:focus { border-color: var(--link); }
  input[type="checkbox"],input[type="radio"] { accent-color: var(--link); }
  .field { font-size: .875rem; font-weight: 600; }
  .card, .hero, .cart-page, .managed-content-article { border: 1px solid var(--line); border-radius: 12px; box-shadow: none; }
  .card { padding: 24px; }
  .badge, .status-pill, .shell-admin .status-pill { border-radius: 6px; font-size: .8125rem; letter-spacing: 0; text-transform: none; }
  .badge { background: var(--blue-100); color: var(--link); border: 0; }
  .alert, .success-alert, .exception-strip { border-radius: 8px; }
  .table { border-collapse: separate; border-spacing: 0; }
  .table th, .shell-admin .table th { background: var(--canvas); color: var(--muted); font: 600 .875rem var(--font-ui); text-transform: none; letter-spacing: 0; border-bottom: 1px solid var(--line); }
  .table td, .shell-admin .table td { font-size: .875rem; padding: 13px 14px; border-bottom: 1px solid var(--line); }
  .table tbody tr:nth-child(even) td, .shell-admin .table tbody tr:nth-child(even) td { background: var(--surface); }
  .table tbody tr:hover td, .shell-admin .table tbody tr:hover td { background: var(--surface-raised); }
  .empty-state { border-style: solid; border-color: var(--line); border-radius: 12px; }
  /* Public navigation: a compact search-led masthead and quiet category tabs. */
  .utility-strip { background: var(--canvas); color: var(--muted); border-bottom: 1px solid var(--line); }
  .utility-strip .header-width { min-height: 36px; }
  .utility-strip a, .signed-in { color: var(--ink-soft); font-size: .8125rem; }
  .utility-title { color: var(--muted); font-size: .8125rem; font-weight: 500; letter-spacing: 0; }
  .utility-strip .utility-dealer-login { background: transparent; color: var(--link); padding: 3px 8px; }
  .locale-switcher a[aria-current="page"] { background: var(--blue-soft); color: var(--link); }
  .locale-switcher .locale-code { font-size: .75rem; }
  .site-header { border-bottom: 1px solid var(--line); }
  .masthead { min-height: 88px; grid-template-columns: 200px minmax(260px,1fr) 225px; gap: 28px; }
  .public-logo { width: 170px; }
  .global-search { border: 1px solid var(--line-dark); border-radius: 10px; background: var(--surface-raised); overflow: hidden; }
  .global-search input { min-height: 46px; background: transparent; padding-inline: 16px; }
  .global-search button { margin: 4px; border-radius: 6px; font-size: .875rem; font-weight: 600; padding-inline: 16px; }
  .global-search:focus-within { box-shadow: 0 0 0 3px var(--blue-soft); border-color: var(--link); }
  .account-actions a { padding-left: 16px; }
  .account-actions strong { font-weight: 600; font-size: .875rem; }
  .account-actions .cart-link strong { color: var(--link); }
  .category-rail { background: var(--surface); border-top: 1px solid var(--line); }
  .category-rail .header-width { gap: 5px; min-height: 49px; }
  .category-rail a { color: var(--ink-soft); border-right: 0; border-bottom: 2px solid transparent; font-size: .875rem; font-weight: 600; padding: 0 18px; }
  .category-rail a:hover, .category-rail a:focus-visible, .category-rail a.is-active, .category-rail a[aria-current="page"] { background: var(--blue-soft); color: var(--link); border-bottom-color: var(--link); }
  .site-footer { background: #111315; }
  .site-footer h2 { font-size: .875rem; text-transform: none; letter-spacing: 0; }
  .footer-pages a { font-size: .875rem; text-decoration: none; }
  .footer-pages a:hover { text-decoration: underline; }
  .footer-partner-logos { flex-wrap: nowrap; }
  .footer-partner-logos img { height: 80px; }
  /* Catalog: consistent cards, real product identity, no decorative grids. */
  .catalog-welcome { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 26px; }
  .catalog-welcome h1 { margin: 4px 0 0; }
  .eyebrow { color: var(--muted); font-size: .8125rem; font-weight: 500; }
  .home-product-section { margin: 24px 0 38px; }
  .home-product-heading { border-bottom: 0; padding-bottom: 0; margin-bottom: 16px; align-items: center; }
  .home-product-heading h2 { font-size: 1.25rem; font-weight: 650; }
  .home-carousel-controls button { background: var(--surface); color: var(--ink-soft); border: 1px solid var(--line); border-radius: 50%; }
  .home-carousel-controls button:hover { background: var(--blue-100); color: var(--link); }
  .product-grid { border: 0; gap: 16px; }
  .product-card, .home-product-track .product-card { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; transition: border-color .18s,box-shadow .18s; }
  .product-card:hover { border-color: var(--accent); box-shadow: 0 5px 18px #f47a3512; }
  .product-card-media { border: 0; margin: 10px; padding: 14px; background: var(--surface); }
  .product-card-body, .home-product-track .product-card-body { padding: 4px 16px 12px; }
  .product-code { font: 600 .8125rem var(--font-ui); color: var(--link); letter-spacing: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
  .product-card h2, .home-product-track .product-card h2 { font-size: .875rem; line-height: 1.5; font-weight: 600; margin: 8px 0; letter-spacing: 0; overflow-wrap: anywhere; }
  .product-card-body > p:not(.product-code) { font-size: .8125rem; line-height: 1.5; }
  .product-card .text-link { font-size: .875rem; font-weight: 600; color: var(--link); border-top-color: var(--line); }
  .category-directory { padding-block: 12px; }
  .category-link { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: 18px; }
  .category-link h3 { font-size: 1rem; }
  .category-link p { font-size: .875rem; }
  .category-arrow { color: var(--link); background: var(--blue-100); border-radius: 50%; }
  .home-faq { border-top: 1px solid var(--line); }
  .home-faq-heading h2 { font-size: 1.4rem; }
  .home-faq-list h3 { font-size: .9375rem; }
  .home-faq-list h3 a { text-decoration: none; }
  .home-faq-list h3 a:hover { text-decoration: underline; }
  .category-heading, .catalog-heading { border-bottom: 1px solid var(--line); }
  .filter-panel { border-color: var(--line); border-radius: 12px; overflow: hidden; }
  .filter-title { border-bottom-color: var(--line); }
  .facet-group { border-color: var(--line); }
  .facet-group summary { font-size: .875rem; }
  .facet-option { font-size: .8125rem; }
  .results-toolbar { border-color: var(--line); background: transparent; font-size: .875rem; }
  .active-filter-chip, .page-number, .page-step, .compact-pagination a { border-radius: 6px; }
  .product-passport { border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: none; }
  .product-identity { padding: 28px 28px 16px; }
  .product-identity h1 { font-size: clamp(1.15rem,1.8vw,1.5rem); line-height: 1.45; font-weight: 600; }
  .passport-sku { margin-block: 14px 10px; }
  .passport-sku strong { font-size: clamp(1.1rem,2vw,1.65rem); font-weight: 650; letter-spacing: -.015em; }
  .passport-sku span { font-size: .8125rem; text-transform: none; letter-spacing: 0; }
  .gallery { background: var(--surface); background-image: none; padding: 24px; }
  .gallery-main { border: 0; border-radius: 10px; padding: 12px; }
  .drawing-corner { display: none; }
  .gallery-thumb { border-radius: 8px; }
  .gallery-thumb.is-current,.gallery-thumb[aria-current="true"] { border-color: var(--link); box-shadow: none; }
  .gallery-viewer { border-radius: 12px; }
  .passport-details { padding: 0 28px 28px; }
  .spec-heading { border-bottom: 1px solid var(--line-dark); margin-top: 20px; }
  .spec-heading h2 { font-size: 1rem; }
  .spec-list > div { padding: 10px 8px; font-size: .875rem; gap: 14px; }
  .spec-list dd { font-weight: 600; }
  .spec-list > div:nth-child(even) { background: var(--surface-raised); }
  .verification-order { background: var(--blue-soft); color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: 20px; }
  .verification-order > span { color: var(--link); text-transform: none; letter-spacing: 0; font-size: .875rem; }
  .verification-order h2, .verification-order .field { color: var(--ink); }
  .product-description { font-size: 1rem; border-color: var(--line); }
  .section-heading h2 { font-size: 1.35rem; }
  /* Dealer account and orders. */
  .login-layout { border: 1px solid var(--line); border-radius: 16px; box-shadow: none; overflow: hidden; }
  .login-context { background: var(--blue-soft); color: var(--ink); padding: 36px; }
  .login-context h1 { font-size: clamp(1.7rem,3vw,2.4rem); color: var(--ink); max-width: 18ch; }
  .login-context p, .login-context li span, .login-context .back-link { color: var(--ink-soft); }
  .login-context li strong { color: var(--ink); }
  .login-context li::before { background: var(--surface); color: var(--link); border-color: var(--line); }
  .login-card { padding: 36px; }
  .login-card-head h2 { font-size: 1.35rem; }
  .account-note { font-size: .875rem; }
  .cart-page { padding: 28px; }
  .cart-heading { border-bottom: 1px solid var(--line); }
  .cart-count-label { background: var(--blue-100); color: var(--link); border-radius: 8px; font-size: .875rem; }
  .cart-summary { border: 1px solid var(--line); border-radius: 12px; background: var(--surface-raised); }
  .cart-summary dl, .cart-summary dl div { border-color: var(--line); }
  .cart-summary dd { font-weight: 650; }
  .cart-summary p { font-size: .875rem; }
  .status-history { padding-left: 24px; }
  .status-history li { padding: 12px 0; }
  .managed-content-article > header { border-bottom: 1px solid var(--line); }
  /* Admin: light navigation, compact workspaces, readable operational data. */
  .shell-admin { background: var(--canvas); }
  .admin-frame { grid-template-columns: 232px minmax(0,1fr); }
  .admin-sidebar { background: var(--surface); color: var(--ink); border-right: 1px solid var(--line); }
  .admin-mobile-nav { flex: 1; min-height: 0; overflow-y: auto; }
  .admin-mobile-nav > summary { display: none; }
  .admin-brand { min-height: 84px; padding: 18px 22px; color: var(--link); border-color: var(--line); }
  .admin-brand small { color: var(--muted); text-transform: none; letter-spacing: 0; font-size: .8125rem; font-weight: 500; margin-top: 3px; }
  .admin-brand > span:last-child { font-weight: 750; letter-spacing: -.025em; }
  .admin-nav { gap: 18px; padding: 18px 12px; overflow: visible; }
  .admin-nav-group > span { color: var(--muted); font: 500 .75rem var(--font-ui); text-transform: none; letter-spacing: 0; padding: 0 12px 5px; }
  .admin-nav a { min-height: 38px; color: var(--ink-soft); font-size: .875rem; font-weight: 500; border-radius: 7px; padding: 8px 12px; }
  .admin-nav a:hover { background: var(--canvas); color: var(--link); }
  .admin-nav a[aria-current="page"] { background: var(--blue-soft); color: var(--link); border-color: transparent; font-weight: 650; }
  .admin-nav a[aria-current="page"]::before { display: none; }
  .admin-nav a[aria-current="page"]::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--brand-orange); margin-left: auto; }
  .admin-sidebar-footer, .admin-sidebar-footer a + a { border-color: var(--line); }
  .admin-sidebar-footer a { color: var(--ink-soft); font-size: .8125rem; font-weight: 500; }
  .admin-commandbar { min-height: 68px; padding: 12px 28px; border-color: var(--line); box-shadow: none; }
  .admin-commandbar > div:first-child span { font-size: .75rem; font-weight: 500; text-transform: none; letter-spacing: 0; }
  .admin-commandbar > div:first-child strong { font-size: .9375rem; font-weight: 600; color: var(--ink); }
  .admin-operator span { font-size: .875rem; font-weight: 600; }
  .admin-operator b { color: var(--muted); font-weight: 400; font-size: .75rem; }
  .shell-admin .container { padding: 26px 28px 48px; }
  .shell-admin .admin-page-head { border: 0; padding-bottom: 18px; }
  .shell-admin .admin-page-head h1 { font-size: 1.65rem; font-weight: 650; }
  .shell-admin .hero { border: 1px solid var(--line); border-radius: 12px; padding: 20px 24px; }
  .shell-admin .hero h1, .shell-admin .card > h1, .shell-admin .orders-index .section-heading h1 { font-size: 1.5rem; }
  .shell-admin .card { border-color: var(--line); border-radius: 12px; padding: 22px; }
  .shell-admin .card > h2:first-child { border-bottom: 1px solid var(--line); padding-bottom: 12px; font-size: 1.125rem; color: var(--ink); }
  .shell-admin .card > .badge { margin-bottom: 10px; }
  .shell-admin .table-scroll { border-color: var(--line); border-radius: 8px; }
  .shell-admin .btn { border-radius: 8px; font-weight: 600; }
  .shell-admin .field { font-weight: 600; }
  .audit-page-head p { max-width: 78ch; color: var(--muted); font-size: .875rem; }
  .audit-source-tabs { display: flex; gap: 6px; overflow-x: auto; margin-bottom: 14px; padding-bottom: 4px; border-bottom: 1px solid var(--line); }
  .audit-source-tabs a { flex: 0 0 auto; min-height: 44px; display: inline-flex; align-items: center; padding: 8px 14px; color: var(--ink-soft); border-bottom: 2px solid transparent; font-size: .875rem; font-weight: 600; }
  .audit-source-tabs a:hover, .audit-source-tabs a:focus-visible { color: var(--link); }
  .audit-source-tabs a[aria-current="page"] { border-color: var(--brand-orange); color: var(--link); }
  .audit-filter-grid { display: grid; grid-template-columns: repeat(3,minmax(170px,1fr)); gap: 14px; align-items: end; }
  .audit-filter-grid .field { min-width: 0; margin: 0; }
  .audit-filter-grid input { width: 100%; min-width: 0; }
  .audit-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .audit-help { margin: 14px 0 0; max-width: 90ch; font-size: .8125rem; line-height: 1.5; }
  .audit-results .section-heading { align-items: baseline; gap: 12px; }
  .audit-results .section-heading h2 { margin: 0; font-size: 1.125rem; }
  .audit-table { min-width: 920px; table-layout: fixed; }
  .audit-table th:nth-child(1) { width: 145px; }
  .audit-table th:nth-child(2) { width: 190px; }
  .audit-table th:nth-child(3) { width: 175px; }
  .audit-table th:nth-child(4) { width: 170px; }
  .audit-table th:nth-child(5) { width: 110px; }
  .audit-table td { vertical-align: top; overflow-wrap: anywhere; }
  .audit-table td strong { display: block; color: var(--ink); font-weight: 650; }
  .audit-table td small, .audit-time small { display: block; margin-top: 4px; color: var(--muted); font-size: .75rem; }
  .audit-target { font-variant-numeric: tabular-nums; }
  .audit-detail { margin-top: 7px; max-width: 100%; }
  .audit-detail summary { color: var(--link); cursor: pointer; font-size: .8125rem; font-weight: 600; }
  .audit-detail p { margin: 8px 0; overflow-wrap: anywhere; }
  .audit-detail dl { display: grid; grid-template-columns: minmax(90px,auto) minmax(0,1fr); gap: 5px 10px; margin: 8px 0 0; font-size: .8125rem; }
  .audit-detail dt { color: var(--muted); }
  .audit-detail dd { margin: 0; overflow-wrap: anywhere; }
  .audit-pagination { display: flex; justify-content: flex-end; padding-top: 16px; }
  @media (max-width: 780px) { .audit-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .audit-table { min-width: 840px; } }
  @media (max-width: 520px) { .audit-filter-grid { grid-template-columns: 1fr; } .audit-source-tabs { margin-inline: -4px; padding-inline: 4px; } }
  .exception-strip { background: var(--success-bg); border-color: var(--line); }
  .exception-strip.has-exception { border-color: var(--line); }
  .exception-strip span { text-transform: none; font-size: .8125rem; letter-spacing: 0; }
  .metric-card, .shell-admin .compact-metrics .metric-card { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: 18px; box-shadow: none; }
  .metric-card strong { color: var(--ink); font-weight: 650; }
  .shell-admin .status-metrics a { border: 1px solid var(--line); border-radius: 8px; color: var(--ink-soft); font-size: .875rem; }
  .shell-admin .status-metrics a::after { content: none; }
  .catalog-admin-tabs { border-bottom: 1px solid var(--line); gap: 6px; }
  .catalog-admin-tabs a { border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: .875rem; font-weight: 600; }
  .catalog-admin-tabs a[aria-current="page"] { color: var(--link); background: transparent; border-color: var(--link); }
  .product-context-tabs { border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }
  .html-editor-panel { border-color: var(--line); border-radius: 8px; overflow: hidden; }
  .html-editor-toolbar { background: var(--surface-raised); }
  .html-editor-action { border-color: var(--line); border-radius: 5px; font-size: .8125rem; }
  .shell-admin .form { max-width: 520px; margin: 6vh auto; padding: 32px; }
  .shell-admin .form > p { margin: 12px 0 24px; }
  .category-rail::after { display: none; }
  .global-search input { border: 0; box-shadow: none; }
  .product-identity { margin: 0; border-bottom: 1px solid var(--line); }
  .product-media-column { background: var(--surface); border-color: var(--line); }
  .passport-sku strong { color: var(--ink); }
  .login-card-head { border-bottom: 1px solid var(--line); }
  .login-context { display: flex; flex-direction: column; justify-content: center; gap: 20px; }
  .login-context h1 { margin: 0; }
  .product-context-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px; }
  .product-context-tabs > a { font-size: .875rem; padding-inline: 10px; }
  .product-context-identity { flex: 1 1 100%; border: 0; padding: 0 0 8px; }
  .product-context-name { font-size: .875rem; }
  .product-save-state { margin-left: auto; border-radius: 5px; }
  .shell-admin .compact-metrics .metric-card span { text-transform: none; letter-spacing: 0; font-size: .875rem; }
  .shell-admin .compact-metrics .metric-card span small { font-size: .75rem; text-transform: none; letter-spacing: 0; }
  .catalog-admin-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .shell-admin .catalog-admin-summary > div { border-color: var(--line); border-radius: 8px; min-width: 0; flex-wrap: wrap; }
  .product-filterbar { border-color: var(--line); border-radius: 8px; background: var(--surface-raised); }
  .selection-bar { background: var(--blue-soft); color: var(--ink); border: 1px solid var(--line); border-radius: 8px 8px 0 0; flex-wrap: wrap; }
  .selection-bar > span:last-child { color: var(--muted); }
  .facet-group { border: 0; }
  .facet-group legend { background: var(--canvas); border: 0; border-radius: 5px; font-size: .875rem; font-weight: 600; }
  .facet-option { border-bottom: 0; }
  .facet-option:has(input:checked) { background: transparent; color: var(--ink); font-weight: 600; border-radius: 5px; }
  .facet-option input { min-height: 16px; padding: 0; }
  .filter-title span { background: var(--blue-100); color: var(--link); border-radius: 5px; }
  .results-toolbar { border-top: 0; }
  @media (max-width: 1100px) {
    .masthead { grid-template-columns: 155px minmax(240px,1fr) 185px; gap: 18px; }
    .public-logo { width: 150px; }
    .admin-frame { grid-template-columns: 208px minmax(0,1fr); }
    .shell-admin .container { padding: 20px; }
    .admin-commandbar { padding-inline: 20px; }
  }
  @media (max-width: 780px) {
    .shell-admin .product-operations-table .table { min-width: 1060px; }
    .shell-admin .catalog-admin-summary > div { flex-direction: column; align-items: start; gap: 5px; padding: 10px; }
    .selection-bar > span:last-child { margin-left: 0; flex-basis: 100%; }
    .shell-dealer .table:not(.cart-table) { display: block; max-width: 100%; overflow-x: auto; }
    .shell-dealer .card { min-width: 0; }
    .public-utility-actions { min-width: 0; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
    .public-utility-actions > nav:last-child { flex-wrap: wrap; gap: 8px; }
    .masthead { grid-template-columns: 1fr 1fr; padding-block: 16px; gap: 14px; }
    .global-search { grid-column: 1 / -1; grid-row: 2; }
    .account-actions { grid-column: 2; grid-row: 1; }
    .category-rail a { padding-inline: 14px; min-height: 46px; }
    .container { padding-block: 22px 32px; }
    .catalog-welcome { margin-bottom: 22px; }
    .login-context, .login-card { padding: 26px; }
    .product-identity, .passport-details { padding: 22px; }
    .gallery { padding: 16px; }
    .cart-page { padding: 20px; }
    .admin-frame { display: block; }
    .admin-sidebar { position: static; height: auto; border: 0; border-bottom: 1px solid var(--line); overflow: visible; }
    .admin-mobile-nav { overflow: visible; }
    .admin-mobile-nav > summary { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; color: var(--link); font-weight: 750; cursor: pointer; list-style: none; }
    .admin-mobile-nav > summary::-webkit-details-marker { display: none; }
    .admin-mobile-nav > summary span { font-size: .875rem; font-weight: 500; }
    .admin-mobile-nav > summary span::after { content: ' +'; }
    .admin-mobile-nav[open] > summary span::after { content: ' −'; }
    .admin-brand { display: none; }
    .admin-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 8px 16px 20px; }
    .admin-nav-group { display: grid; min-width: 0; }
    .admin-nav-group > span { display: block; }
    .admin-sidebar-footer { display: flex; justify-content: space-between; padding-inline: 20px; }
    .admin-sidebar-footer a { min-height: 42px; }
    .admin-sidebar-footer a + a { border: 0; }
    .admin-commandbar { position: static; min-height: 60px; padding: 10px 20px; }
    .shell-admin .container { padding: 20px 16px 32px; }
    .shell-admin .card { padding: 18px; }
    .shell-admin .admin-page-head { flex-wrap: wrap; }
    .shell-admin .table:not(.admin-permission-matrix) { min-width: 0; }
    .shell-admin .table-scroll .table { min-width: 680px; }
    .shell-admin .card > .table { display: block; max-width: 100%; overflow-x: auto; }
    .shell-admin .status-metrics { grid-template-columns: 1fr; }
  }
  @media (max-width: 520px) {
    .header-width, .container { width: calc(100% - 32px); }
    .public-logo { width: 130px; }
    .utility-title { display: none; }
    .utility-strip .header-width { grid-template-columns: 1fr auto; }
    .public-utility-actions { grid-column: 2; }
    .public-utility-links a { font-size: .75rem; }
    .global-search input { font-size: .875rem; padding-inline: 10px; }
    .global-search button { padding-inline: 12px; font-size: .8125rem; }
    .account-actions { gap: 2px; }
    .account-actions a { padding-left: 10px; }
    .account-actions span { font-size: .75rem; }
    .account-actions strong { font-size: .8125rem; }
    .catalog-welcome { align-items: end; gap: 10px; }
    .catalog-welcome h1 { font-size: 1.5rem; }
    .catalog-welcome .btn { padding: 8px 12px; }
    .product-card { grid-template-columns: 112px minmax(0,1fr); }
    .product-card-media { margin: 5px; border: 0; align-self: start; }
    .product-card-body { padding: 12px; }
    .home-product-track { grid-auto-columns: min(78%,270px); }
    .home-product-track .product-card { display: flex; }
    .home-product-track .product-card-media { width: calc(100% - 20px); aspect-ratio: 4 / 3; margin: 10px; align-self: auto; }
    .home-product-heading h2 { font-size: 1.125rem; }
    .home-carousel-controls { gap: 5px; }
    .home-carousel-controls button { width: 38px; min-height: 38px; }
    .product-passport { border-radius: 12px; }
    .passport-sku strong { font-size: 1.2rem; }
    .spec-list > div { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
    .cart-page { padding: 16px; }
    .login-context, .login-card { padding: 22px; }
    .footer-grid { width: calc(100% - 32px); gap: 24px; }
    .shell-admin .container { width: 100%; }
    .admin-operator { max-width: 40%; overflow-wrap: anywhere; }
    .shell-admin .form { margin: 20px auto; }
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto; transition: none; animation: none; }
  }
}

/* Compact composition and shared theme roles. */
@layer refresh {
  body, .shell-admin { background: var(--canvas); color: var(--ink); }
  body { background-image: none; }
  a { color: var(--link); }
  h1,h2,h3 { color: var(--ink); }
  ::selection { background: var(--accent); color: #191511; }
  :focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
  input,select,textarea { background: var(--surface-raised); color: var(--ink); border-color: var(--line); min-height: 38px; padding: 8px 11px; font-weight: 400; }
  .btn { min-height: 38px; padding: 8px 14px; background: var(--surface-raised); color: var(--ink); border-color: var(--line); border-radius: 7px; }
  .btn:hover { background: var(--surface-hover); border-color: var(--line-dark); }
  .btn.primary,.shell-admin .btn.primary,.global-search button,.passport-search button { background: var(--action); color: var(--action-ink); border-color: var(--action); box-shadow: 0 2px 4px #122e5014; font-weight: 700; }
  .btn.primary:hover,.shell-admin .btn.primary:hover,.global-search button:hover { background: var(--action-hover); border-color: var(--action-hover); color: var(--action-ink); }
  .btn.danger { background: var(--danger-bg); border-color: var(--danger); color: var(--danger); }
  .btn:active { transform: translateY(1px); }
  .theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 32px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface-raised); color: var(--ink); cursor: pointer; font: 600 .75rem var(--font-ui); }
  .theme-toggle[hidden] { display: none; }
  .theme-toggle .theme-moon { display: none; }
  [data-theme="light"] .theme-toggle .theme-sun { display: none; }
  [data-theme="light"] .theme-toggle .theme-moon { display: block; }
  .theme-toggle:hover { border-color: var(--accent); color: var(--link); }
  .utility-strip { background: var(--canvas); border: 0; }
  .utility-strip .header-width { min-height: 38px; }
  .utility-title { font-size: .75rem; letter-spacing: .04em; }
  .locale-switcher { border-color: var(--line); }
  .locale-switcher a[aria-current="page"] { color: var(--link); background: var(--blue-soft); }
  .utility-strip .utility-dealer-login { color: var(--link); }
  .site-header { background: var(--surface); border-bottom: 1px solid var(--line); }
  .masthead { grid-template-columns: 175px minmax(240px,1fr) 218px; min-height: 76px; gap: 24px; }
  .public-brand { width: fit-content; background: #fff; border-radius: 7px; padding: 9px 11px; }
  .public-logo { width: 139px; }
  .global-search { border: 1px solid var(--line); border-radius: 9px; background: var(--canvas); }
  .global-search input { background: transparent; min-height: 42px; color: var(--ink); }
  .global-search button { margin: 4px; padding-inline: 18px; font-size: .8125rem; }
  .account-actions { gap: 8px; }
  .account-actions a { border: 1px solid var(--line); border-radius: 7px; padding: 5px 10px; background: var(--canvas); }
  .account-actions a:hover { border-color: var(--accent); }
  .account-actions span { font-size: .75rem; }
  .account-actions strong { font-size: .8125rem; }
  .account-actions .cart-link { border-color: var(--blue-line); background: var(--blue-soft); }
  .account-actions .cart-link strong { color: var(--link); }
  .category-rail { background: var(--surface); border-top: 1px solid var(--line); }
  .category-rail .header-width { min-height: 46px; align-items: center; gap: 4px; }
  .category-rail a { border: 0; min-height: 32px; padding: 5px 15px; color: var(--muted); border-radius: 6px; font-size: .8125rem; }
  .category-rail a:hover,.category-rail a:focus-visible { background: var(--surface-raised); color: var(--ink); }
  .category-rail a.is-active,.category-rail a[aria-current="page"] { background: var(--blue-soft); color: var(--link); border: 0; }
  .category-rail .catalog-trigger { min-width: 0; }
  .container { padding-block: 24px 40px; }
  .catalog-welcome { padding: 0 0 20px; border-bottom: 1px solid var(--line); margin: 0 0 22px; }
  .catalog-welcome h1 { font-size: clamp(1.7rem,2.7vw,2.5rem); letter-spacing: -.045em; font-weight: 650; }
  .eyebrow { color: var(--link); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
  .home-product-section { display: grid; grid-template-columns: 184px minmax(0,1fr); gap: 24px; padding: 0 0 26px; margin: 0 0 26px; border-bottom: 1px solid var(--line); }
  .home-product-heading { display: flex; flex-direction: column; align-items: start; justify-content: space-between; margin: 0; padding-block: 10px; }
  .home-product-heading h2 { font-size: 1.25rem; line-height: 1.25; max-width: 13ch; color: var(--ink); }
  .home-carousel-controls { margin-top: 20px; }
  .home-carousel-controls button { width: 36px; min-height: 36px; border-radius: 7px; background: var(--surface); }
  .home-product-track { grid-auto-columns: calc((100% - 36px) / 4); gap: 12px; scrollbar-color: var(--line-dark) transparent; padding-bottom: 6px; }
  .product-grid { gap: 12px; }
  .product-card,.home-product-track .product-card { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; position: relative; box-shadow: 0 2px 3px #00000008; }
  .product-card:hover { border-color: var(--blue-line); box-shadow: var(--shadow); }
  .product-card-media,.category-results .product-card-media,.home-product-track .product-card-media { background: #f2f2ef; margin: 8px; border-radius: 6px; padding: 10px; aspect-ratio: 1.65; }
  .product-card-media img { mix-blend-mode: normal; }
  .product-card-body,.home-product-track .product-card-body { padding: 6px 12px 8px; }
  .product-code { color: var(--link); font-size: .75rem; font-weight: 600; }
  .product-card h2,.home-product-track .product-card h2 { font-size: .875rem; line-height: 1.4; margin: 7px 0; font-weight: 500; }
  .product-card h2 a { color: var(--ink); }
  .product-card-body > p:not(.product-code) { font-size: .75rem; margin-bottom: 8px; -webkit-line-clamp: 2; color: var(--muted); }
  .product-card .text-link { border-color: var(--line); min-height: 33px; font-size: .75rem; font-weight: 500; color: var(--link); }
  .product-card .text-link::after { content: '→'; font-size: 1rem; font-weight: 400; }
  .category-directory { padding: 0; margin-block: 32px; }
  .category-links { gap: 10px; }
  .category-link { background: var(--surface); border: 1px solid var(--line); padding: 16px; }
  .category-link:hover { border-color: var(--accent); background: var(--surface-raised); }
  .category-link h3 { color: var(--ink); }
  .category-link p { color: var(--muted); }
  .category-arrow { background: var(--blue-soft); color: var(--link); }
  .category-page-title { font-size: 1.6rem; margin-bottom: 10px; }
  .category-statusbar { padding-block: 0 12px; margin-bottom: 14px; border-color: var(--line); }
  .category-index span { color: var(--muted); font-weight: 500; }
  .category-index strong { color: var(--link); }
  .category-layout { grid-template-columns: 244px minmax(0,1fr); gap: 18px; }
  .filter-panel { border: 1px solid var(--line); background: var(--surface); border-radius: 10px; }
  #category-filter-form { padding: 12px; gap: 10px; max-height: calc(100vh - 42px); scrollbar-color: var(--line-dark) transparent; }
  .filter-title { padding-bottom: 10px; border-bottom: 1px solid var(--line); }
  .filter-title h2 { font-size: .9375rem; color: var(--ink); }
  .filter-title span { font-size: .75rem; min-width: 23px; height: 23px; color: var(--link); background: var(--blue-soft); }
  .facet-groups { gap: 0; }
  .facet-disclosure { border-bottom: 1px solid var(--line); padding: 0; min-width: 0; }
  .facet-disclosure:last-child { border-bottom: 0; }
  .facet-disclosure > summary { display: flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; min-height: 34px; padding: 6px 2px; color: var(--ink); font-size: .8125rem; line-height: 1.4; font-weight: 500; border-radius: 4px; }
  .facet-disclosure > summary::-webkit-details-marker { display: none; }
  .facet-disclosure > summary > span { flex: 1; min-width: 0; }
  .facet-disclosure > summary::after { content: ''; flex: 0 0 6px; width: 6px; height: 6px; margin: 0 4px 0 3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; color: var(--muted); transform: rotate(-45deg); transition: transform .16s ease; }
  .facet-disclosure[open] > summary::after { transform: rotate(45deg); color: var(--link); }
  .facet-disclosure > summary:hover { background: var(--surface-raised); }
  .facet-disclosure > summary:focus-visible { outline-offset: -2px; }
  .facet-disclosure > summary > small { color: var(--muted); font-size: .6875rem; font-weight: 400; font-variant-numeric: tabular-nums; }
  .facet-selected-count { background: var(--accent-soft); color: var(--accent-text); padding: 1px 6px; border-radius: 4px; font-size: .75rem; }
  .facet-options { padding: 0 0 7px; }
  .facet-option { min-height: 30px; padding: 4px 5px; grid-template-columns: 14px minmax(0,1fr) auto; gap: 7px; font-size: .8125rem; line-height: 1.25; border: 0; border-radius: 4px; color: var(--ink-soft); }
  .facet-option input { appearance: none; width: 14px; height: 14px; min-height: 14px; padding: 0; border: 1px solid var(--line-dark); border-radius: 3px; background: var(--canvas); margin: 0; cursor: pointer; }
  .facet-option input:checked { background: var(--accent); border-color: var(--accent-text); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='m3 7 2.5 2.5L11 4' fill='none' stroke='%2322160f' stroke-width='1.7'/%3E%3C/svg%3E"); }
  .facet-option small { background: transparent; font-size: .75rem; font-weight: 400; color: var(--muted); min-width: 23px; padding: 1px; }
  .facet-option:hover { background: var(--surface-hover); }
  .facet-option:has(input:checked) { background: transparent; color: var(--ink); }
  .facet-option:has(input:disabled) { background: transparent; color: var(--muted); opacity: .55; }
  .facet-actions { gap: 6px; }
  .facet-actions .btn { min-height: 34px; font-size: .8125rem; }
  .results-toolbar { margin-bottom: 12px; padding: 0 0 12px; background: transparent; font-size: .8125rem; border-color: var(--line); }
  .compact-pagination a { color: var(--ink); background: var(--surface-raised); font-weight: 500; border: 1px solid var(--line); }
  .active-filter-strip { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; padding: 8px; gap: 6px; }
  .active-filter-strip a { background: var(--blue-soft); color: var(--link); border: 1px solid var(--blue-line); border-radius: 5px; padding: 4px 8px; font-size: .8125rem; }
  .category-pagination a,.category-pagination span { border-color: var(--line); background: var(--surface); color: var(--ink); }
  .category-pagination [aria-current="page"] { background: var(--action); color: var(--action-ink); border-color: var(--action); }
  .home-faq { border-color: var(--line); margin-block: 32px; }
  .home-faq-heading h2,.home-faq-list h3 a { color: var(--ink); }
  .home-faq-list h3 a:hover { color: var(--link); }
  .site-footer { background: #101214; color: #a1a5ad; border-top: 1px solid #30343a; }
  .footer-grid { padding-block: 22px; }
  .site-footer h2,.site-footer a { color: #c6c8cf; }
  /* Technical record: narrow data rows and a separate photographic surface. */
  .product-passport { background: var(--surface); border-color: var(--line); border-radius: 12px; }
  .product-identity { padding: 24px 24px 18px; }
  .product-identity h1 { color: var(--ink); font-size: 1.25rem; line-height: 1.45; max-width: none; }
  .passport-sku strong { color: var(--link); font-size: 1.4rem; }
  .product-media-column { background: var(--surface); }
  .gallery { background: var(--surface); padding: 14px; }
  .gallery-main { background: #f2f2ef; padding: 16px; border-radius: 8px; }
  .gallery-main-image { mix-blend-mode: normal; }
  .thumbs { grid-template-columns: repeat(4,minmax(0,80px)); }
  .gallery-thumb { background: #f2f2ef; border-color: var(--line); }
  .gallery-thumb img { mix-blend-mode: normal; }
  .gallery-thumb.is-current,.gallery-thumb[aria-current="true"] { border-color: var(--accent); }
  .gallery-viewer { background: #191c20; color: #f4f3f0; }
  .gallery-viewer-control { color: #f4f3f0; background: #30343a; }
  .passport-details { padding: 0 24px 24px; }
  .verification-order { background: var(--blue-soft); border: 1px solid var(--blue-line); margin-top: 18px; padding: 16px; gap: 8px; }
  .verification-order > span { color: var(--link); font-size: .75rem; }
  .verification-order h2 { font-size: .9375rem; }
  .verification-order .btn { min-height: 38px; }
  .spec-heading { margin-top: 20px; padding-bottom: 8px; }
  .spec-list > div { padding: 7px 8px; font-size: .875rem; border-bottom-color: var(--line); }
  .spec-list > div:nth-child(even) { background: var(--surface-raised); }
  .spec-list dd { color: var(--ink); font-weight: 500; }
  .product-description { margin: 0 18px 20px; padding-top: 16px; color: var(--ink-soft); font-size: .9375rem; }
  .card,.hero,.cart-page,.managed-content-article,.login-card { background: var(--surface); color: var(--ink); border-color: var(--line); }
  .login-layout { border-color: var(--line); background: var(--surface); }
  .login-context { background: #223e60; color: #fff; position: relative; overflow: hidden; min-height: 340px; }
  .login-context::after { content: none; }
  .login-context h1 { color: #fff; }
  .login-context p,.login-context .back-link,.login-context li span { color: #cbd9e9; }
  .login-context li strong { color: #fff; }
  .login-context h1 { font-size: clamp(2rem,3vw,3.3rem); letter-spacing: -.045em; }
  .cart-summary { background: var(--surface-raised); border-color: var(--line); }
  .cart-summary h2,.cart-summary dd,.cart-table code { color: var(--ink); }
  .cart-table th { color: var(--muted); }
  .table th,.shell-admin .table th { background: var(--surface-raised); color: var(--muted); }
  .table td,.shell-admin .table td,.table tbody tr:nth-child(even) td,.shell-admin .table tbody tr:nth-child(even) td { background: var(--surface); color: var(--ink-soft); padding: 10px 12px; }
  .table tbody tr:hover td,.shell-admin .table tbody tr:hover td { background: var(--surface-hover); }
  .table th { padding: 10px 12px; }
  .badge,.status-pill,.shell-admin .status-pill { background: var(--blue-soft); color: var(--link); border: 1px solid var(--blue-line); }
  .success-alert,.exception-strip { background: var(--success-bg); color: var(--success); border-color: var(--success); }
  .alert,.exception-strip.has-exception { background: var(--danger-bg); color: var(--danger); border-color: var(--danger); }
  /* The admin rail stays graphite in both themes. */
  .admin-frame { grid-template-columns: 208px minmax(0,1fr); }
  .admin-sidebar { background: #151719; border-right: 1px solid #30343a; color: #eeece8; }
  .admin-brand { min-height: 74px; border-color: #30343a; color: #f4f3f0; padding: 16px 18px; }
  .admin-brand small { color: #999ea7; }
  .brand-mark i,.brand-mark i:last-child { background: var(--accent); }
  .brand-mark i:first-child { opacity: .5; }
  .admin-nav { padding: 14px 10px; gap: 14px; }
  .admin-nav-group { gap: 2px; }
  .admin-nav-group > span { color: #868c95; font-size: .6875rem; letter-spacing: .07em; text-transform: uppercase; padding: 0 10px 4px; }
  .admin-nav a { color: #c4c6cb; min-height: 33px; padding: 6px 10px; font-size: .8125rem; }
  .admin-nav a:hover { color: #fff; background: #26292e; }
  .admin-nav a[aria-current="page"] { background: #f47a35; color: #22160f; }
  .admin-nav a[aria-current="page"]::after { background: #22160f; }
  .admin-sidebar-footer,.admin-sidebar-footer a + a { border-color: #30343a; }
  .admin-sidebar-footer a { color: #c4c6cb; }
  .admin-commandbar { min-height: 59px; background: var(--surface); border-color: var(--line); padding: 10px 24px; gap: 16px; }
  .admin-commandbar .theme-toggle { margin-left: auto; }
  .admin-commandbar > div:first-child strong { color: var(--ink); }
  .shell-admin .container { padding: 22px 24px 36px; }
  .shell-admin .card { background: var(--surface); padding: 18px; }
  .shell-admin .admin-page-head h1 { color: var(--ink); font-size: 1.55rem; }
  .shell-admin .hero { background: var(--surface); }
  .shell-admin .card > h2:first-child,.shell-admin .hero h1 { color: var(--ink); }
  .shell-admin .compact-metrics { gap: 12px; }
  .metric-card,.shell-admin .compact-metrics .metric-card { background: var(--surface); border-color: var(--line); padding: 16px; position: relative; overflow: hidden; }
  .metric-card::before { content: ''; position: absolute; width: 3px; height: 28px; background: var(--accent); left: 0; top: 16px; }
  .metric-card strong,.shell-admin .compact-metrics .metric-card strong { color: var(--ink); font-size: 2rem; font-weight: 500; }
  .metric-card span { color: var(--muted); }
  .shell-admin .status-metrics a { background: var(--surface-raised); color: var(--ink); }
  .shell-admin .status-metrics strong { color: var(--link); }
  .catalog-admin-tabs a { color: var(--muted); }
  .catalog-admin-tabs a[aria-current="page"] { color: var(--link); border-color: var(--accent); }
  .shell-admin .catalog-admin-summary > div { background: var(--surface); border-color: var(--line); }
  .catalog-admin-summary strong { color: var(--link); }
  .product-filterbar,.html-editor-toolbar { background: var(--surface-raised); }
  .product-context-tabs,.html-editor-panel { background: var(--surface); border-color: var(--line); }
  .product-context-tabs { top: 60px; }
  .product-context-tabs a { color: var(--ink-soft); }
  .product-context-tabs a:hover { color: var(--link); background: var(--blue-soft); }
  .product-context-tabs .btn.primary { color: var(--action-ink); }
  .product-context-identity strong { color: var(--ink); }
  .product-save-state { color: var(--muted); background: var(--surface-raised); border-color: var(--line); }
  .html-editor-action { color: var(--ink-soft); background: var(--surface); }
  .html-editor-action:hover { background: var(--surface-hover); }
  .shell-admin .catalog-scope-scroll thead th:first-child { background: var(--surface-raised); color: var(--ink); }
  .shell-admin .catalog-scope-scroll tbody th:first-child { background: var(--surface); color: var(--ink); }
  .shell-admin .breadcrumbs { background: var(--surface); }
  .catalog-values,.catalog-editor,.feature-value-row { border-color: var(--line); }
  @media (min-width: 781px) and (max-width: 1150px) {
    .home-product-section { grid-template-columns: 145px minmax(0,1fr); gap: 16px; }
    .home-product-track { grid-auto-columns: calc((100% - 24px) / 3); }
    .category-results .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .masthead { grid-template-columns: 165px minmax(200px,1fr) 180px; gap: 16px; }
  }
  @media (max-width: 780px) {
    .masthead { grid-template-columns: 1fr 1fr; gap: 12px; padding-block: 12px; }
    .public-logo { width: 124px; }
    .public-brand { padding: 7px 9px; }
    .global-search { grid-column: 1/-1; grid-row: 2; }
    .category-layout { grid-template-columns: 1fr; gap: 14px; }
    .category-rail a { min-height: 32px; padding-inline: 12px; }
    .category-page-title { font-size: 1.4rem; }
    .category-results .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .home-product-section { display: block; padding-bottom: 20px; margin-bottom: 20px; }
    .home-product-heading { flex-direction: row; align-items: center; margin-bottom: 12px; padding: 0; }
    .home-product-heading > div { display: flex; gap: 12px; align-items: center; }
    .home-product-heading h2 { max-width: none; font-size: 1.05rem; }
    .home-carousel-controls { margin: 0; }
    .home-product-track { grid-auto-columns: calc((100% - 24px)/3); }
    .filter-panel.filters-enhanced .mobile-filter-toggle:not([hidden]) { min-height: 42px; background: var(--surface); color: var(--ink); font-size: .875rem; }
    .mobile-filter-toggle small { color: var(--link); }
    #category-filter-form { max-height: 65vh; grid-template-columns: 1fr; }
    .facet-option { min-height: 44px; }
    .facet-disclosure > summary { min-height: 44px; }
    .filter-panel { position: static; }
    .admin-frame { display: block; }
    .admin-mobile-nav > summary { color: #f4f3f0; }
    .admin-mobile-nav > summary span { color: #ff9b61; }
    .admin-commandbar { padding: 10px 16px; }
    .admin-commandbar .theme-toggle span { display: none; }
    .admin-commandbar .theme-toggle { flex-shrink: 0; }
    .admin-operator { max-width: 32%; }
    .shell-admin .container { padding: 18px 16px 32px; }
    .product-context-tabs { top: 0; }
    .login-context { min-height: 230px; padding: 24px; }
    .login-context h1 { font-size: 2rem; }
    .passport-details,.product-identity { padding: 18px; }
  }
  @media (max-width: 520px) {
    .utility-strip .header-width { display: flex; flex-wrap: wrap; justify-content: space-between; padding-block: 5px; gap: 5px; }
    .public-utility-links { gap: 8px; }
    .public-utility-actions { gap: 5px; margin-left: auto; }
    .theme-toggle { padding: 5px 7px; }
    .theme-toggle span { display: none; }
    .public-utility-links a,.utility-strip a { font-size: .6875rem; }
    .locale-switcher a { min-width: 30px; padding: 2px 4px; }
    .locale-switcher .locale-code { font-size: .6875rem; }
    .account-actions { grid-template-columns: 1fr; justify-items: end; }
    .account-actions a { min-width: 83px; }
    .public-logo { width: 117px; }
    .catalog-welcome { padding-bottom: 16px; margin-bottom: 18px; }
    .catalog-welcome h1 { font-size: 1.65rem; }
    .eyebrow { font-size: .6875rem; }
    .home-product-track { grid-auto-columns: min(66%,230px); }
    .home-product-track .product-card-media { aspect-ratio: 1.65; width: calc(100% - 16px); margin: 8px; }
    .category-results .product-grid { grid-template-columns: 1fr; }
    .product-card { grid-template-columns: 105px minmax(0,1fr); }
    .product-card-media { aspect-ratio: 1; padding: 8px; }
    .product-card-body { padding: 10px; }
    .product-card h2 { font-size: .8125rem; }
    .home-product-track .product-card { display: flex; }
    .home-carousel-controls button { width: 32px; min-height: 32px; }
    .home-product-heading h2 { font-size: 1rem; }
    .home-product-heading { gap: 8px; }
    .results-toolbar { flex-wrap: wrap; gap: 6px; }
    .gallery { padding: 10px; }
    .passport-sku strong { font-size: 1.1rem; }
    .spec-list > div { font-size: .8125rem; padding: 7px; }
    .login-context { min-height: 210px; }
    .shell-admin .table td { padding: 9px; }
    .footer-grid { grid-template-columns: 1fr; }
  }
  @media (hover: none), (pointer: coarse) { .facet-option,.facet-disclosure > summary { min-height: 44px; } .btn { min-height: 44px; } }
  @media (prefers-reduced-motion: reduce) { *,*::before,*::after { transition: none; animation: none; scroll-behavior: auto; } }
}
@layer refresh {
  .category-rail a { flex: 0 0 auto; }
  .facet-option { font-size: .8125rem; }
  .active-filter-strip { color: var(--ink); }
  .active-filter-strip a { min-height: 30px; }
  .active-filter-strip .clear-filters { color: var(--link); }
  .facet-status[data-state="error"] { color: var(--danger); background: var(--danger-bg); }
  .media-placeholder { background: var(--surface-raised); background-image: none; color: var(--muted); }
  input::placeholder,textarea::placeholder { color: var(--muted); opacity: 1; }
  @media (max-width:780px) {
    .account-actions .cart-link { display: block; }
    .category-rail .header-width { padding-inline: 16px; }
    .account-actions { display: flex; justify-content: flex-end; }
  }
}
@layer refresh {
  .product-translation { margin-top: 5px; }
  .product-translation summary { cursor: pointer; color: var(--muted); font-size: .75rem; width: fit-content; }
  .product-translation[open] summary { color: var(--link); }
  .product-translation .catalog-en { margin-top: 5px; }
  .shell-admin .product-sku-cell code { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; font-size: .75rem; font-weight: 500; }
  .shell-admin .product-operations-table .table td { padding-block: 9px; }
  .shell-admin .product-operations-table .table .product-action-column { font-size: .8125rem; }
  .shell-admin .product-operations-table .table .product-action-column a { text-decoration: none; }
  .shell-admin .product-operations-table .table .product-action-column a:hover { text-decoration: underline; }
  .status-active,.qa-ready { color: var(--success); background: var(--success-bg); border-color: #78d8ad30; }
  .status-passive,.status-draft { color: var(--muted); background: var(--surface-raised); border-color: var(--line); }
  .category-link { min-height: 112px; }
}

/* Photographic surfaces, editorial rhythm and deliberate alignment. */
@layer refresh {
  :root { --photo-surface: #fff; }
  :root[data-theme="light"] { --photo-surface: #fff; }
  .product-card-media,.category-results .product-card-media,.home-product-track .product-card-media,
  .gallery-main,.gallery-thumb { background: var(--photo-surface); }
  .product-card { overflow: hidden; }
  .product-card h2 a { text-decoration: none; }
  .product-card h2 a:hover { color: var(--link); }
  .site-footer { background: #1e3044; border-color: #3b5067; }
  .admin-sidebar { background: #292d31; border-color: #4a5158; }
  .admin-brand,.admin-sidebar-footer,.admin-sidebar-footer a + a { border-color: #4a5158; }
  .admin-nav-group > span,.admin-brand small { color: #b0b7bf; }
  .admin-nav a:hover { background: #393f45; }
  .managed-content-article { max-width: 1080px; padding: clamp(22px,4vw,48px); border-radius: 16px; }
  .managed-content-article > header { padding-bottom: 26px; position: relative; }
  .managed-content-article > header::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 56px; height: 3px; background: var(--accent); border-radius: 2px; }
  .managed-content-article h1 { max-width: 28ch; font-size: clamp(1.6rem,3vw,2.5rem); line-height: 1.18; text-wrap: balance; }
  .managed-content-article > header > .badge { background: transparent; border: 0; padding: 0; color: var(--muted); margin: 0 0 14px; font-weight: 400; }
  .managed-content-body { line-height: 1.8; font-size: 1rem; overflow-wrap: anywhere; }
  .managed-content-body > :first-child { margin-top: 0; }
  .managed-content-body p { margin-block: 0 18px; }
  .managed-content-body h2 { font-size: 1.15rem; line-height: 1.5; margin-top: 30px; }
  .managed-content-body h3 { font-size: 1.05rem; }
  .managed-content-body li { padding-left: 4px; margin-block: 6px; }
  .managed-content-body li::marker { color: var(--link); }
  .managed-content-body img { display: block; margin: 24px auto; border-radius: 8px; }
  .managed-content-body a { font-weight: 600; }
  .managed-content-body table { margin-block: 24px; border-radius: 8px; }
  .managed-content-body th { background: var(--surface-raised); }
  .guide-intro { color: var(--ink); font-weight: 500; }
  .guide-steps { display: grid; gap: 16px; }
  .guide-step { padding: 22px 24px; background: var(--canvas); border: 1px solid var(--line); border-radius: 12px; }
  .managed-content-body .guide-step h2 { margin: 0 0 16px; color: var(--ink); font-size: 1.05rem; line-height: 1.55; }
  .guide-solution { border-left: 2px solid var(--accent); padding-left: 16px; }
  .guide-solution > span { color: var(--link); font-size: .8125rem; font-weight: 700; }
  .guide-solution > p { margin: 4px 0 0; }
  .managed-contact-page { max-width: 1160px; }
  .contact-map { border-radius: 12px; overflow: hidden; margin-bottom: 0; }
  .contact-map iframe { height: clamp(260px,30vw,360px); }
  .managed-contact-page .managed-content-body p:has(> a[href="https://g.page/GEVAX?share"]) { display: flex; justify-content: center; max-width: none; width: 100%; margin: 20px 0 28px; }
  .managed-contact-page .managed-content-body a[href="https://g.page/GEVAX?share"] { display: inline-flex; flex: 0 1 auto; width: auto; min-height: 46px; padding: 11px 24px; margin: 0; border: 1px solid var(--action); border-radius: 8px; background: var(--action); color: var(--action-ink); font-size: .875rem; font-weight: 700; text-align: center; letter-spacing: 0; line-height: 1.5; box-shadow: none; }
  .managed-contact-page .managed-content-body a[href="https://g.page/GEVAX?share"]:hover { background: var(--action-hover); border-color: var(--action-hover); color: var(--action-ink); transform: none; }
  .managed-contact-page .managed-content-body a[href="https://g.page/GEVAX?share"]::after { content: none; }
  .contact-offices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .contact-office { padding: 22px; background: var(--canvas); border: 1px solid var(--line); border-radius: 12px; font-size: .9375rem; }
  .contact-office strong { color: var(--ink); font-size: 1.1rem; }
  .blog-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
  .blog-card { min-height: 210px; border: 1px solid var(--line); border-radius: 12px; gap: 12px; padding: 24px; transition: border-color .15s; }
  .blog-card:hover { border-color: var(--accent); }
  .blog-card .badge { background: transparent; color: var(--muted); border: 0; padding: 0; align-self: start; font-weight: 400; }
  .blog-card h2 { font-size: 1.15rem; line-height: 1.45; margin: 0; }
  .blog-card .text-link { display: inline-flex; align-items: center; min-height: 36px; color: var(--link); }
  .breadcrumbs { flex-wrap: wrap; gap: 6px; line-height: 1.6; }
  .section-heading { gap: 16px; align-items: center; }
  .empty-state { background: var(--surface); padding: clamp(24px,5vw,48px); }
  .empty-state h2 { color: var(--ink); }
  .login-card .field { line-height: 1.5; }
  .login-recovery { margin: 14px 0 20px; font-size: .875rem; line-height: 1.5; }
  .login-recovery a { display: inline-flex; align-items: center; min-height: 44px; color: var(--link); text-decoration: underline; text-underline-offset: 3px; }
  .login-recovery a:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
  .cart-summary .btn { justify-content: center; text-align: center; }
  .shell-admin .table td { vertical-align: middle; }
  .shell-admin .table td .btn { white-space: nowrap; }
  .shell-admin .form-grid { align-items: start; }
  .shell-admin textarea { line-height: 1.6; }
  .shell-admin .card > h2 { line-height: 1.4; }
  @media(max-width: 1000px) { .blog-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
  @media(max-width: 600px) {
    .managed-content-article { padding: 22px 18px; border-radius: 12px; }
    .managed-content-article > header { padding-bottom: 20px; }
    .managed-content-body { margin-top: 22px; }
    .guide-step { padding: 18px; }
    .guide-steps { gap: 12px; }
    .guide-solution { padding-left: 12px; }
    .contact-offices,.blog-card-grid { grid-template-columns: 1fr; }
    .contact-office { padding: 18px; }
    .blog-card { min-height: 180px; padding: 20px; }
    .managed-content-body table { font-size: .875rem; }
  }
}
@layer refresh {
  /* Keep absolutely positioned accessible labels inside their scroll region. */
  .catalog-scope-scroll,.catalog-scope-choice,.permission-cell { position: relative; }
  .catalog-scope-scroll { border-radius: 8px; }
}

@layer refresh {
  .shell-admin .admin-permission-matrix tbody th,
  .shell-admin .admin-permission-matrix .permission-row-action,
  .shell-admin .admin-permission-matrix tbody tr:nth-child(even) th,
  .shell-admin .admin-permission-matrix tbody tr:nth-child(even) .permission-row-action { background: var(--surface); color: var(--ink); }
  .permission-cell input[type="checkbox"] { accent-color: var(--accent); }
}

/* Valve comparison, cart feedback and actual order history. Media rules unchanged. */
@layer refresh {
  .product-card-features { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 12px; margin: 12px 0; padding-top: 10px; border-top: 1px solid var(--line); }
  .product-card-features > div { min-width: 0; }
  .product-card-features dt { color: var(--muted); font-size: .75rem; line-height: 1.4; margin-bottom: 2px; }
  .product-card-features dd { margin: 0; color: var(--ink); font-size: .8125rem; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
  .quantity-control { display: inline-flex; align-items: stretch; width: fit-content; max-width: 100%; border: 1px solid var(--line-dark); background: var(--surface); border-radius: 8px; overflow: hidden; }
  .quantity-control button { width: 36px; min-height: 40px; padding: 0; border: 0; border-radius: 0; color: var(--ink); background: var(--surface-raised); font-size: 1.15rem; cursor: pointer; }
  .quantity-control button:hover:not(:disabled) { color: var(--link); background: var(--surface-hover); }
  .quantity-control button:disabled { opacity: .4; cursor: default; }
  .quantity-control .quantity-input { width: 54px; min-width: 0; padding: 6px 2px; margin: 0; border: 0; border-radius: 0; text-align: center; appearance: textfield; }
  .quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button { appearance: none; margin: 0; }
  .quantity-control:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
  .add-cart-form { flex-wrap: wrap; }
  .cart-feedback { flex: 1 1 100%; grid-column: 1/-1; padding: 12px; border: 1px solid var(--line); border-radius: 8px; font-size: .875rem; line-height: 1.6; background: var(--surface); color: var(--ink); }
  .cart-feedback[hidden] { display: none; }
  .cart-feedback[data-state="success"] { border-color: var(--success); }
  .cart-feedback[data-state="error"] { border-color: var(--danger); }
  .cart-feedback a { display: inline-block; margin-left: 6px; color: var(--link); font-weight: 600; }
  .add-cart-form[aria-busy="true"] button.btn { opacity: .7; cursor: wait; }
  .order-progress { margin-block: 28px; max-width: 780px; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--canvas); }
  .order-progress > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
  .order-progress h2 { margin: 4px 0 0; font-size: 1.3rem; }
  .order-progress .eyebrow { margin: 0; }
  .order-timeline { list-style: none; margin: 0; padding: 0; }
  .order-timeline > li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 14px; padding-bottom: 24px; position: relative; }
  .order-timeline > li:last-child { padding-bottom: 0; }
  .order-timeline > li:not(:last-child)::before { content: ''; position: absolute; left: 13px; top: 28px; bottom: 0; width: 2px; background: var(--line-dark); }
  .timeline-marker { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line-dark); border-radius: 50%; background: var(--surface-raised); color: var(--muted); font-size: .875rem; }
  .order-timeline [aria-current="step"] .timeline-marker { background: var(--action); color: var(--action-ink); border-color: var(--action); box-shadow: 0 0 0 4px var(--blue-soft); }
  .timeline-event-head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-height: 28px; }
  .timeline-current { color: var(--link); font-size: .75rem; }
  .timeline-event time,.timeline-actor { color: var(--muted); font-size: .8125rem; }
  .timeline-actor { margin: 4px 0; }
  .timeline-note { margin: 8px 0 0; padding: 10px 12px; background: var(--surface); border-radius: 6px; font-size: .875rem; overflow-wrap: anywhere; }
  @media(max-width:520px) {
    .product-card-features { gap: 8px; }
    .product-card-features dt { font-size: .75rem; }
    .order-progress { padding: 16px; }
    .order-progress > header { flex-wrap: wrap; }
  }
}
@layer refresh {
  .verification-order .add-cart-form { display: flex; flex-wrap: wrap; }
  .verification-order .add-cart-form > .field { flex: 0 0 auto; }
}
@layer refresh {
  .verification-order .add-cart-form > .btn { align-self: flex-end; min-height: 42px; }
}

@layer refresh {
  .coding-matrix-article { max-width: var(--content); }
  .coding-matrix-article .managed-content-body { text-align: center; }
  .coding-matrix-article .managed-content-body p { margin-inline: auto; }
  .coding-matrix-article .managed-content-body p:has(img) { max-width: none; }
  .coding-matrix-article img[src$="fc149990e25ee7a0987609373b5ec22dab6015115350d98360fc7d9554c608e7.jpg"] { width: min(100%,420px); height: auto; margin-inline: auto; }
  .coding-matrix-article img[src$="7bbc90926ef42e661d034768ca033ad1d46ce407d70e2f0fdda46dea7c2f8b74.png"] { width: 100%; max-width: none; height: auto; margin-inline: auto; }
}

@layer refresh {
  .catalogue-access-article,.selection-guide-article { max-width: var(--content); }
  .catalogue-access-article .managed-content-body,.selection-guide-article .managed-content-body { text-align: center; }
  .catalogue-access-article .managed-content-body p,.selection-guide-article .managed-content-body p { max-width: none; margin-inline: auto; }
  .catalogue-access-article .managed-content-body > p:first-of-type { font-size: clamp(.875rem,1.1vw,1rem); }
  .catalogue-access-article img[src$="ffb5ecbc8d52b9e3d9f60058bac6485b55ed48051dc7bfcb0e817af322c777fc.png"] { width: 250px; max-width: 100%; height: auto; margin: 28px auto 0; border-radius: 0; }
  .selection-guide-article .managed-content-body ul { padding-inline: 0; list-style-position: inside; margin: 16px auto 28px; }
  .selection-guide-article .managed-content-body li { padding: 0; }
  .selection-guide-article .managed-content-body h2 { margin-top: 32px; }
  .utility-strip .utility-dealer-login { display: inline-flex; justify-content: center; align-items: center; min-height: 30px; padding: 5px 12px; border: 1px solid var(--blue-line); border-radius: 7px; background: var(--blue-soft); color: var(--link); font-weight: 750; line-height: 1.3; text-decoration: none; white-space: nowrap; }
  .utility-strip .utility-dealer-login:hover { background: var(--action-hover); border-color: var(--action-hover); color: var(--action-ink); }
  .footer-grid { grid-template-columns: minmax(150px,.7fr) minmax(190px,1fr) minmax(280px,1.35fr); gap: clamp(24px,4vw,52px); }
  .footer-grid > * { align-self: start; }
  .site-footer .footer-pages h2,.site-footer .company-contact h2 { margin: 0 0 16px; line-height: 1.4; }
  .company-contact { min-width: 0; }
  .company-contact h2 { margin: 0 0 16px; }
  .company-contact address { font-style: normal; }
  .company-contact dl { display: grid; gap: 12px; margin: 0; }
  .company-contact dl > div { min-width: 0; }
  .company-contact dt { font-size: .8125rem; font-weight: 600; color: var(--muted); margin-bottom: 3px; }
  .company-contact dd { margin: 0; font-size: .9375rem; line-height: 1.65; overflow-wrap: anywhere; color: var(--ink); }
  .company-contact a { text-decoration: none; }
  .company-contact a:hover { text-decoration: underline; }
  .site-footer .company-contact dt { color: #b0b7bf; }
  .site-footer .company-contact dd,.site-footer .company-contact a { color: #e6e8eb; font-size: .875rem; }
  .managed-contact-page .company-contact { margin-bottom: 22px; padding: 24px; background: var(--canvas); border: 1px solid var(--line); border-radius: 12px; }
  .managed-contact-page .company-contact h2 { margin: 0 0 16px; }
  .managed-contact-page .company-contact dl { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 24px; }
  .managed-contact-page .contact-address { grid-column: 1/-1; }
  @media(min-width:1200px) { .catalogue-access-article .managed-content-body > p:first-of-type { white-space: nowrap; } }
  @media(max-width:740px) {
    .footer-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .footer-partner-logos { align-items: flex-start; }
    .footer-grid > .company-contact { grid-column: auto; }
  }
  @media(max-width:600px) {
    .managed-contact-page .company-contact { padding: 18px; }
    .managed-contact-page .company-contact dl { grid-template-columns: minmax(0,1fr); }
    .utility-strip .utility-dealer-login { padding: 5px 8px; }
  }
}

@layer refresh {
  .coding-matrix-article .managed-content-body,
  .selection-guide-article .managed-content-body { text-align: left; }
  .coding-matrix-article .managed-content-body p,
  .selection-guide-article .managed-content-body p { max-width: none; }
  .selection-guide-article .managed-content-body ul { padding-left: 1.25rem; list-style-position: outside; }
  @media(min-width:781px) {
    .home-product-track { grid-auto-columns: calc((100% - 48px) / 5); }
  }
  @media(min-width:781px) and (max-width:1150px) {
    .home-product-section { display: block; }
    .home-product-heading { flex-direction: row; align-items: center; margin-bottom: 12px; padding: 0; }
    .home-product-heading h2 { max-width: none; }
    .home-carousel-controls { margin-top: 0; }
  }
}

@layer refresh {
  .category-directory { padding-block: 20px; }
  .category-directory .section-heading { margin-bottom: 18px; }
  .category-links { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; border: 0; }
  .category-link { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 20px; min-width: 0; min-height: 176px; padding: 22px 24px; position: relative; overflow: hidden; border: 1px solid var(--line-dark); border-radius: 12px; background: var(--surface-raised); box-shadow: 0 3px 8px #00000012; transition: border-color .16s,background-color .16s,transform .16s; }
  .category-link::before { content: ''; position: absolute; inset: 20px auto 20px 0; width: 3px; background: var(--accent); border-radius: 0 3px 3px 0; }
  .category-link h3 { margin: 0 0 8px; color: var(--ink); font-size: 1.125rem; font-weight: 650; line-height: 1.35; }
  .category-link p { margin: 0; color: var(--ink-soft); font-size: .875rem; line-height: 1.55; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .category-link-action { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 12px; border: 1px solid var(--blue-line); border-radius: 6px; color: var(--link); background: var(--blue-soft); font-size: .8125rem; font-weight: 650; }
  .category-link:hover,.category-link:focus-visible { background: var(--surface-hover); border-color: var(--accent); transform: translateY(-2px); }
  .category-link:hover .category-link-action,.category-link:focus-visible .category-link-action { background: var(--action); color: var(--action-ink); border-color: var(--action); }
  .category-link:active { transform: translateY(0); }
  @media(max-width:900px) { .category-links { grid-template-columns: repeat(2,minmax(0,1fr)); } }
  @media(max-width:520px) { .category-links { grid-template-columns: minmax(0,1fr); gap: 12px; } .category-link { padding: 18px 20px; min-height: 154px; gap: 16px; } }
  @media(prefers-reduced-motion:reduce) { .category-link { transition: none; } .category-link:hover,.category-link:focus-visible { transform: none; } }
}

/* The short corporate letter gets its own full-width editorial composition. */
@layer refresh {
  .about-company-page { max-width: var(--content); padding: clamp(24px,4.5vw,64px); border-radius: 16px; }
  .about-company-page > header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding-bottom: 32px; }
  .about-company-page > header::after { width: 96px; height: 4px; }
  .about-company-page h1 { order: -1; margin: 0; max-width: none; font-size: clamp(2rem,4vw,3.5rem); letter-spacing: -.045em; }
  .about-company-page .about-brand { background: #fff; padding: 12px 16px; border-radius: 9px; }
  .about-brand img { display: block; width: 156px; height: auto; }
  .about-company-page .managed-content-summary { flex-basis: 100%; }
  .about-company-page .managed-content-body { margin-top: 32px; }
  .about-company-page .managed-content-body p { max-width: none; text-align: left; }
  .about-company-page .about-salutation { color: var(--muted); font-size: .9375rem; margin-bottom: 14px; }
  .about-company-page .about-lead { font-size: clamp(1.25rem,2.1vw,1.85rem); line-height: 1.65; color: var(--ink); font-weight: 500; letter-spacing: -.015em; margin: 0 0 34px; }
  .about-story { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: clamp(24px,4vw,56px); align-items: stretch; padding-block: 30px; border-block: 1px solid var(--line); }
  .about-story > p { margin: 0; line-height: 1.9; }
  .about-story blockquote { display: flex; align-items: center; margin: 0; padding: 24px 28px; background: var(--blue-soft); border-left: 3px solid var(--accent); border-radius: 0 10px 10px 0; }
  .about-story blockquote p { color: var(--ink); font-size: clamp(1.1rem,1.6vw,1.4rem); line-height: 1.7; margin: 0; font-weight: 500; }
  .about-signature { display: grid; justify-items: start; gap: 4px; margin-top: 26px; }
  .about-signature p { margin: 0 0 8px; color: var(--muted); font-size: .9375rem; }
  .about-signature strong { font-size: .9375rem; color: var(--ink); letter-spacing: .06em; }
  .about-signature span { font-size: .875rem; color: var(--link); }
  @media(max-width:780px) {
    .about-story { grid-template-columns: minmax(0,1fr); gap: 24px; padding-block: 24px; }
    .about-story blockquote { padding: 20px; }
    .about-company-page > header { gap: 16px; padding-bottom: 24px; }
    .about-brand img { width: 112px; }
    .about-company-page .about-brand { padding: 9px 12px; }
    .about-company-page .about-lead { margin-bottom: 24px; }
  }
}

/* Dealer account: account navigation, order actions, then actual account records. */
@layer refresh {
  .dealer-workspace { display: grid; grid-template-columns: 224px minmax(0,1fr); gap: 28px; align-items: start; }
  .dealer-account-rail { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; position: sticky; top: 24px; }
  .dealer-account-identity { display: grid; gap: 8px; padding: 24px 20px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
  .dealer-account-identity strong { font-size: 1.05rem; color: var(--ink); }
  .dealer-account-identity > span:last-child { color: var(--muted); font-size: .8125rem; }
  .dealer-account-nav { display: grid; gap: 6px; padding: 14px 10px; }
  .dealer-account-nav a { padding: 11px 12px; color: var(--ink-soft); border-radius: 7px; text-decoration: none; font-size: .875rem; font-weight: 600; }
  .dealer-account-nav a:hover { background: var(--surface-raised); color: var(--ink); }
  .dealer-account-nav a[aria-current] { background: var(--blue-soft); color: var(--link); box-shadow: inset 3px 0 var(--accent); }
  .dealer-account-exit { padding: 16px 22px; border-top: 1px solid var(--line); }
  .dealer-account-exit a { color: var(--muted); font-size: .875rem; text-decoration: none; }
  .dealer-account-exit a:hover { color: var(--link); text-decoration: underline; }
  .dealer-workspace-main { min-width: 0; }
  .dealer-dashboard-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
  .dealer-dashboard-heading .eyebrow { margin: 0 0 8px; }
  .dealer-dashboard-heading h1 { margin: 0; font-size: clamp(1.5rem,2.3vw,2.2rem); overflow-wrap: anywhere; }
  .dealer-dashboard-heading p:last-child { margin: 8px 0 0; color: var(--muted); }
  .dealer-code { display: grid; gap: 4px; padding: 10px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: .75rem; }
  .dealer-code strong { font-size: .9375rem; color: var(--ink); }
  .dealer-action-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-bottom: 24px; }
  .dealer-action { display: flex; flex-direction: column; align-items: start; padding: 22px; gap: 14px; color: var(--ink); text-decoration: none; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; min-width: 0; }
  .dealer-action:hover,.dealer-action:focus-visible { border-color: var(--accent); background: var(--surface-raised); }
  .dealer-action-label { font-size: .875rem; font-weight: 600; color: var(--muted); }
  .dealer-action h2 { margin: 0; font-size: 1.6rem; line-height: 1.3; }
  .dealer-action-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; font-size: 2.25rem; line-height: 1.2; font-weight: 550; }
  .dealer-action-total small { color: var(--muted); font-size: .8125rem; font-weight: 400; }
  .dealer-action p { margin: 0 0 6px; font-size: .875rem; line-height: 1.65; color: var(--ink-soft); }
  .dealer-action-cta { margin-top: auto; border-top: 1px solid var(--line); width: 100%; padding-top: 14px; font-size: .875rem; font-weight: 600; color: var(--link); }
  .dealer-action-catalog { background: var(--blue-soft); border-color: var(--blue-line); color: var(--ink); }
  .dealer-action-catalog:hover,.dealer-action-catalog:focus-visible { background: var(--surface-hover); border-color: var(--link); }
  .dealer-action-catalog h2 { color: var(--ink); }
  .dealer-action-catalog p { color: var(--ink-soft); }
  .dealer-action-catalog .dealer-action-label,.dealer-action-catalog .dealer-action-cta { color: var(--link); }
  .dealer-action-catalog .dealer-action-cta { border-color: var(--blue-line); }
  .dealer-detail-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 20px; }
  .dealer-recent-orders,.dealer-company-panel { padding: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; min-width: 0; }
  .dealer-recent-orders > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
  .dealer-recent-orders h2,.dealer-company-panel h2 { font-size: 1.05rem; margin: 0; }
  .dealer-recent-orders > header a { font-size: .8125rem; white-space: nowrap; }
  .dealer-recent-orders ul { list-style: none; padding: 0; margin: 0; }
  .dealer-recent-orders li + li { border-top: 1px solid var(--line); }
  .dealer-recent-orders li a { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 16px 0; text-decoration: none; }
  .dealer-recent-orders li strong { color: var(--ink); font-size: .875rem; overflow-wrap: anywhere; }
  .dealer-recent-orders li a:hover strong { color: var(--link); }
  .dealer-recent-orders li div > span { display: block; color: var(--muted); font-size: .75rem; margin-top: 6px; }
  .dealer-orders-empty { padding: 24px 0; }
  .dealer-orders-empty h3 { font-size: 1rem; margin: 0 0 8px; }
  .dealer-orders-empty p { margin: 0; color: var(--muted); font-size: .875rem; line-height: 1.7; }
  .dealer-company-panel { scroll-margin-top: 24px; }
  .dealer-company-panel dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 20px 0 0; }
  .dealer-company-panel dt { font-size: .75rem; color: var(--muted); margin-bottom: 4px; }
  .dealer-company-panel dd { margin: 0; color: var(--ink-soft); font-size: .875rem; line-height: 1.6; overflow-wrap: anywhere; }
  .dealer-company-address { grid-column: 1/-1; }
  @media(max-width:1150px) { .dealer-workspace { grid-template-columns: 190px minmax(0,1fr); gap: 20px; } .dealer-action { padding: 18px; } .dealer-detail-grid { grid-template-columns: minmax(0,1fr); } }
  @media(max-width:900px) {
    .dealer-workspace { grid-template-columns: minmax(0,1fr); }
    .dealer-account-rail { position: static; display: flex; align-items: center; flex-wrap: wrap; }
    .dealer-account-identity { display: none; }
    .dealer-account-nav { display: flex; flex-wrap: wrap; padding: 8px; }
    .dealer-account-exit { border: 0; margin-left: auto; padding: 14px; }
  }
  @media(max-width:600px) { .dealer-action-grid { grid-template-columns: minmax(0,1fr); } .dealer-action { gap: 10px; } .dealer-action h2 { font-size: 1.4rem; } .dealer-recent-orders,.dealer-company-panel { padding: 18px; } .dealer-account-nav a,.dealer-account-exit a { font-size: .8125rem; } }
}

@layer refresh {
  .dealer-workflow-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 22px; padding: 8px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
  .dealer-workflow-nav a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 16px; border-radius: 7px; color: var(--ink-soft); text-decoration: none; font-size: .875rem; font-weight: 600; }
  .dealer-workflow-nav a:hover { background: var(--surface-raised); color: var(--ink); }
  .dealer-workflow-nav a[aria-current] { background: var(--blue-soft); color: var(--link); box-shadow: inset 0 -2px var(--link); }
  .dealer-workflow-nav a > span { min-width: 22px; padding: 1px 6px; border-radius: 5px; background: var(--canvas); color: var(--ink); font-size: .75rem; text-align: center; }
  .dealer-workflow-nav a[aria-current] > span { background: var(--surface); color: var(--link); }
  .dealer-line-product { display: flex; align-items: center; gap: 14px; min-width: 0; }
  .dealer-line-product > div,.dealer-line-product > span:last-child:not(.dealer-line-image) { min-width: 0; overflow-wrap: anywhere; }
  .dealer-line-image { display: grid; place-items: center; flex: 0 0 72px; width: 72px; height: 72px; background: var(--photo-surface); border-radius: 7px; overflow: hidden; }
  .dealer-line-image img { display: block; width: 72px; height: 72px; object-fit: contain; mix-blend-mode: normal; }
  .dealer-line-image img[hidden] { display: none; }
  .dealer-line-image > span { font-size: .625rem; font-weight: 700; letter-spacing: .05em; color: #555e60; }
  @media(max-width:600px) {
    .dealer-workflow-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .dealer-workflow-nav a { padding: 8px; }
    .dealer-line-product { gap: 10px; }
  }
}
@layer refresh {
  @media(max-width:600px) {
    .dealer-line-product { align-items: flex-start; }
    .cart-table td[data-label="Ürün"] { display: block; }
    .cart-table td[data-label="Ürün"]::before { display: none; }
    .dealer-order-items,.dealer-order-items tbody { display: block; width: 100%; }
    .dealer-order-items thead { display: none; }
    .dealer-order-items tr { display: flex; flex-direction: column; padding-block: 14px; border-bottom: 1px solid var(--line); }
    .dealer-order-items td { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 10px; padding: 8px 0; border: 0; overflow-wrap: anywhere; }
    .dealer-order-items td::before { content: attr(data-label); color: var(--muted); font-size: .8125rem; }
    .dealer-order-items td[data-label="Ürün"] { display: block; order: -1; }
    .dealer-order-items td[data-label="Ürün"]::before { display: none; }
  }
}

@layer refresh {
  .dealer-order-items .dealer-order-image-cell { width: 96px; vertical-align: top; }
  @media(max-width:600px) {
    .dealer-workflow-nav { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .dealer-workflow-nav a { padding: 8px 5px; font-size: .8125rem; gap: 5px; }
    .dealer-order-items tr { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 6px 14px; }
    .dealer-order-items td { display: block; grid-column: 2; padding: 0; }
    .dealer-order-items td::before { display: block; margin-bottom: 3px; }
    .dealer-order-items td.dealer-order-image-cell { grid-column: 1; grid-row: 1 / span 3; width: 72px; }
    .dealer-order-items td.dealer-order-image-cell::before { display: none; }
    .dealer-order-items td[data-label="Ürün"] { order: 0; }
    .dealer-order-items td[data-label="Stok kodu"] { font-weight: 600; }
    .dealer-order-items td[data-label="Adet"] { margin-top: 4px; }
  }
}

@layer refresh {
  .settings-heading { margin-bottom: 24px; }
  .settings-heading h1 { margin: 10px 0; }
  .settings-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr); gap: 20px; align-items: start; }
  .settings-layout .card { min-width: 0; padding: clamp(20px, 3vw, 32px); }
  .settings-notifications { border-top: 3px solid var(--accent); }
  .settings-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
  .settings-section-heading h2 { margin: 12px 0; }
  .settings-limit { border: 1px solid var(--line); border-radius: 20px; padding: 6px 12px; color: var(--muted); font-size: .8125rem; }
  .settings-notifications textarea { width: 100%; resize: vertical; min-height: 100px; }
  .settings-save { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 24px; }
  .settings-save span, .settings-info p, #recipient-help { font-size: .875rem; line-height: 1.7; }
  .settings-infrastructure { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; overflow-wrap: anywhere; }
  .settings-infrastructure summary { cursor: pointer; color: var(--muted); }
  .settings-smtp, .settings-maintenance { margin-top: 20px; padding: clamp(20px, 3vw, 32px); }
  .settings-smtp fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
  .settings-smtp fieldset:disabled { opacity: .6; }
  .smtp-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
  .smtp-settings-grid .field { min-width: 0; }
  .settings-maintenance { border-top: 3px solid var(--accent); }
  .settings-maintenance form { max-width: 420px; margin-top: 20px; display: grid; gap: 14px; }
  .settings-maintenance code { overflow-wrap: anywhere; }
  @media(max-width:620px) { .smtp-settings-grid { grid-template-columns: 1fr; } }
  @media(max-width:900px) { .settings-layout { grid-template-columns: 1fr; } }
}

/* Final public and dealer balance: blue wayfinding, quiet paper, orange selection. */
@layer refresh {
  input:focus,select:focus,textarea:focus { border-color: var(--link); box-shadow: 0 0 0 3px var(--blue-soft); }
  input,select,textarea { caret-color: var(--link); border-color: var(--line-dark); }
  input[type="checkbox"],input[type="radio"] { accent-color: var(--action); }
  .global-search input:focus { box-shadow: none; }
  .quantity-control:focus-within { outline-color: var(--link); }
  .theme-toggle:hover,.account-actions a:hover { border-color: var(--blue-line); }
  .category-rail a[aria-current="page"],.category-rail a.is-active { box-shadow: inset 0 -2px var(--link); }
  .catalog-welcome { align-items: center; padding-block: 6px 24px; }
  .catalog-welcome h1 { font-weight: 600; letter-spacing: -.035em; }
  .home-product-heading > div:not(.home-carousel-controls) { border-left: 2px solid var(--blue-line); padding-left: 14px; }
  .home-product-heading .eyebrow { color: var(--muted); }
  .product-card .product-code { color: var(--ink-soft); font-weight: 600; }
  .product-card:hover .product-code { color: var(--link); }
  .product-card .text-link { min-height: 38px; }
  .product-card-features { border-top-color: var(--line); gap: 8px 12px; }
  .category-link { background: var(--surface); border-color: var(--line); box-shadow: none; }
  .category-link::before { background: var(--blue-line); }
  .category-link:hover,.category-link:focus-visible { border-color: var(--blue-line); }
  .category-link-action { border: 0; background: transparent; padding-inline: 0; gap: 10px; }
  .category-link-action::after { content: '→'; }
  .category-link:hover .category-link-action,.category-link:focus-visible .category-link-action { color: var(--link); background: transparent; }
  .category-index strong { font-variant-numeric: tabular-nums; }
  #category-filter-form { padding: 16px 14px 12px; gap: 0; }
  .filter-title { border: 0; padding: 0; gap: 12px; }
  .filter-title h2 { font-size: .9375rem; font-weight: 600; letter-spacing: -.01em; }
  .filter-title::after { content: ''; width: 16px; height: 16px; flex: 0 0 16px; background: currentColor; color: var(--muted); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.3'%3E%3Cpath d='M2 5h7m4 0h5M2 10h2m4 0h10M2 15h10m4 0h2M9 2v6M4 7v6m8-1v6'/%3E%3C/svg%3E") center / contain no-repeat; }
  .filter-caption { color: var(--muted); font-size: .6875rem; line-height: 1.5; margin: 9px 0 13px; }
  .filter-context { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: baseline; gap: 4px 8px; padding: 12px 0; border-block: 1px solid var(--line); }
  .filter-context > span { grid-column: 1/-1; color: var(--muted); font-size: .625rem; letter-spacing: .04em; text-transform: uppercase; }
  .filter-context strong { color: var(--ink); font-size: .75rem; font-weight: 500; overflow-wrap: anywhere; }
  .filter-context small { color: var(--muted); font-size: .6875rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .facet-option small { font-variant-numeric: tabular-nums; }
  .facet-actions { padding-top: 12px; border-top: 1px solid var(--line); }
  .facet-actions .btn { min-height: 36px; }
  .facet-actions a.btn { background: transparent; border-color: transparent; color: var(--muted); }
  .facet-actions a.btn:hover { color: var(--link); background: var(--blue-soft); }
  .filter-panel.filters-enhanced .mobile-filter-toggle[aria-expanded="true"] { border-bottom: 1px solid var(--line); }
  .filter-panel.filters-enhanced .mobile-filter-toggle:not([hidden])::after { content: ''; width: 7px; height: 7px; margin-left: 12px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
  .filter-panel.filters-enhanced .mobile-filter-toggle[aria-expanded="true"]::after { transform: rotate(225deg); }
  .mobile-filter-toggle small { margin-left: auto; }
  .gallery-thumb.is-current,.gallery-thumb[aria-current="true"] { border-color: var(--link); box-shadow: 0 0 0 1px var(--link); }
  .verification-order { border-color: var(--blue-line); }
  .passport-sku strong { color: var(--ink); }
  .spec-heading { border-bottom-color: var(--line); }
  .spec-list > div { padding-block: 9px; }
  .blog-card:hover { border-color: var(--blue-line); }
  .dealer-action:hover,.dealer-action:focus-visible { border-color: var(--blue-line); }
  .dealer-account-nav a[aria-current] { box-shadow: inset 3px 0 var(--link); }
  .cart-summary { background: var(--blue-soft); border-color: var(--blue-line); }
  .site-footer .footer-note { color: #afc0d2; }
  .admin-sidebar :focus-visible,.site-footer :focus-visible,.login-context :focus-visible { outline-color: #99bfff; }
  @media(max-width:780px) {
    .facet-groups { grid-template-columns: 1fr; }
    .filter-panel.filters-enhanced .mobile-filter-toggle:not([hidden]) { min-height: 48px; }
    .facet-actions .btn { min-height: 44px; }
    .home-product-heading > div:not(.home-carousel-controls) { padding-left: 10px; gap: 9px; }
    .home-carousel-controls button { min-height: 40px; width: 40px; }
  }
  @media(hover:none), (pointer:coarse) { .facet-actions .btn { min-height: 44px; } }
  @media(prefers-reduced-motion:reduce) { .facet-disclosure > summary::after { transition: none; } }
}
/* Administrative workspaces: quiet blue navigation and meaningful status colors. */
@layer refresh {
  :root { --warning: #f0c481; --warning-bg: #3b3327; }
  :root[data-theme="light"] { --warning: #82510d; --warning-bg: #fff4df; }
  .admin-sidebar { background: #1e3044; border-color: #364b62; }
  .admin-brand,.admin-sidebar-footer,.admin-sidebar-footer a + a { border-color: #364b62; }
  .admin-brand { color: #f1f6fb; }
  .admin-brand small,.admin-nav-group > span { color: #afc0d2; }
  .admin-nav { gap: 18px; }
  .admin-nav a { min-height: 36px; color: #d0dce9; }
  .admin-nav a:hover,.admin-nav a:focus-visible { background: #2a4058; color: #fff; }
  .admin-nav a[aria-current="page"] { background: #324d6c; color: #fff; border-color: #476482; }
  .admin-nav a[aria-current="page"]::after { background: var(--accent); }
  .admin-sidebar-footer a { color: #d0dce9; }
  .admin-sidebar-footer a:hover { color: #fff; background: #2a4058; }
  .admin-commandbar { box-shadow: 0 2px 8px #14273e06; }
  .shell-admin .card,.shell-admin .hero { box-shadow: 0 2px 7px #14273e04; }
  .shell-admin .card > h2:first-child { border-color: var(--line); }
  .shell-admin .metric-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .shell-admin .metric-card { min-width: 0; overflow-wrap: anywhere; }
  .shell-admin .table th { font-size: .8125rem; font-weight: 600; }
  .shell-admin .table tbody tr:hover td { background: var(--blue-soft); }
  .shell-admin .table td a:not(.btn) { color: var(--link); }
  .shell-admin .product-sku-cell code { color: var(--ink); }
  .shell-admin .qa-reasons { font-size: .75rem; line-height: 1.5; }
  .shell-admin .catalog-admin-summary strong,.shell-admin .status-metrics strong { color: var(--link); }
  .shell-admin .status-metrics a { background: var(--surface-raised); border-color: var(--line); }
  .shell-admin .status-metrics a:hover { border-color: var(--blue-line); background: var(--blue-soft); }
  .metric-card::before { background: var(--link); }
  .shell-admin .compact-metrics .metric-card:nth-child(2)::before { background: var(--success); }
  .shell-admin .compact-metrics .metric-card:last-child::before { background: var(--accent); }
  .shell-admin .compact-metrics .metric-card.metric-alert::before { background: var(--danger); }
  .catalog-admin-tabs a[aria-current="page"],.audit-source-tabs a[aria-current="page"] { color: var(--link); border-color: var(--link); }
  .catalog-admin-tabs a:hover,.audit-source-tabs a:hover,.audit-source-tabs a:focus-visible { color: var(--link); }
  .audit-detail summary,.product-translation[open] summary { color: var(--link); }
  .selection-bar { background: var(--blue-soft); border-color: var(--blue-line); }
  .product-context-tabs { box-shadow: 0 4px 14px #14273e0a; }
  .product-context-tabs a:hover { background: var(--blue-soft); color: var(--link); }
  .product-context-tabs .btn.primary { color: var(--action-ink); }
  .product-context-tabs .btn.primary:hover { background: var(--action-hover); color: var(--action-ink); }
  .html-editor-action:hover,.html-editor-action:focus-visible { background: var(--blue-soft); border-color: var(--blue-line); color: var(--link); }
  .permission-cell input[type="checkbox"] { accent-color: var(--action); }
  .settings-notifications { border-top-color: var(--link); }
  .settings-maintenance { border-top-color: var(--line-dark); }

  /* Equal specificity to the generic admin pill rule preserves actual semantics. */
  .status-pill:is(.status-active,.status-published,.status-completed,.qa-pass,.qa-ready,.qa-approved) { color: var(--success); background: var(--success-bg); border-color: var(--success); }
  .status-pill:is(.status-failed,.qa-error,.qa-rejected) { color: var(--danger); background: var(--danger-bg); border-color: var(--danger); }
  .status-pill:is(.status-running,.status-queued,.qa-warning,.qa-pending,.catalog-missing-en) { color: var(--warning); background: var(--warning-bg); border-color: var(--warning); }
  .status-pill:is(.status-draft,.status-passive) { color: var(--muted); background: var(--surface-raised); border-color: var(--line); }

  @media (max-width: 780px) {
    .shell-admin .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-mobile-nav > summary { min-height: 54px; color: #f1f6fb; gap: 14px; }
    .admin-mobile-nav > summary span { display: inline-flex; align-items: center; gap: 14px; color: #cad9e9; }
    .admin-mobile-nav > summary span::after { content: ''; display: block; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform .16s ease; }
    .admin-mobile-nav[open] > summary span::after { content: ''; transform: rotate(45deg); }
    .admin-nav a { min-height: 44px; }
    .admin-sidebar-footer a { min-height: 44px; }
  }
  @media (hover: none) { .admin-nav a { min-height: 44px; } }
  @media (max-width: 380px) { .shell-admin .metric-grid { grid-template-columns: 1fr; } }
  @media (prefers-reduced-motion: reduce) { .admin-mobile-nav > summary span::after { transition: none; } }
}

/* Public masthead: a restrained orange signature around the blue workspace. */
@layer refresh {
  .site-header { --header-accent-line: #80543c; --header-nav-bg: #293c50; --header-nav-text: #abbed5; border-top: 4.5px solid var(--brand-blue); border-bottom: 4.5px solid var(--brand-orange); }
  :root[data-theme="light"] .site-header { --header-accent-line: #efc3a8; --header-nav-bg: #edf2f8; --header-nav-text: #4b6382; }
  .site-header .global-search button { background: var(--action); border-color: var(--action); color: var(--action-ink); box-shadow: none; }
  .site-header .global-search button:hover { background: var(--action-hover); border-color: var(--action-hover); color: var(--action-ink); }
  .site-header .global-search:focus-within { border-color: var(--link); box-shadow: 0 0 0 3px var(--blue-soft); }
  .site-header .global-search button:focus-visible { outline-color: var(--link); outline-offset: 2px; }
  .site-header .category-rail a { background: var(--header-nav-bg); color: var(--header-nav-text); }
  .site-header .category-rail a:hover,.site-header .category-rail a:focus-visible { background: var(--blue-soft); color: var(--link); }
  .site-header .category-rail a.is-active,.site-header .category-rail a[aria-current="page"] { background: var(--accent-soft); color: var(--accent-text); box-shadow: inset 0 -2px var(--brand-orange); }
  .site-header .category-rail a:focus-visible { outline-color: var(--link); }
  .site-header .account-actions .cart-link { background: var(--accent-soft); border-color: var(--header-accent-line); }
  .site-header .account-actions .cart-link strong { color: var(--accent-text); }
  .site-header .account-actions .cart-link:hover { border-color: var(--accent-text); }
}

/* Shared dealer destinations: named addresses without altering the visual system. */
@layer refresh {
  .dealer-action-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .dealer-address-page .section-heading { margin-bottom: 24px; }
  .dealer-address-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); gap: 24px; align-items: start; }
  .dealer-address-list,.dealer-address-editor { min-width: 0; }
  .dealer-address-list > h2,.dealer-address-editor > h2 { margin: 0 0 16px; }
  .dealer-address-list { display: grid; gap: 14px; }
  .dealer-address-item { border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); padding: 18px; min-width: 0; }
  .dealer-address-item h3 { margin: 0 0 10px; font-size: 1rem; color: var(--ink); overflow-wrap: anywhere; }
  .dealer-address-item p { margin: 0; line-height: 1.6; color: var(--ink-soft); overflow-wrap: anywhere; }
  .dealer-address-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
  .dealer-address-actions form { margin: 0; }
  .dealer-address-editor { border: 1px solid var(--line); border-radius: 10px; padding: 20px; background: var(--canvas); }
  .dealer-address-editor .field { width: 100%; }
  .dealer-address-editor textarea { width: 100%; resize: vertical; }
  .dealer-address-location-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; min-width: 0; }
  .dealer-address-location-grid .street { grid-column: 1 / -1; }
  .dealer-address-location-grid input { width: 100%; }
  .dealer-address-legacy { margin-bottom: 8px; color: var(--ink-soft); font-size: .875rem; }
  .dealer-address-legacy-text { padding: 12px 14px; margin-bottom: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); overflow-wrap: anywhere; }
  .dealer-checkout-form { display: grid; gap: 16px; max-width: 680px; padding-top: 20px; }
  .dealer-checkout-form select { width: 100%; min-height: 44px; }
  .dealer-order-address { margin: 16px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--blue-soft); overflow-wrap: anywhere; }
  .dealer-order-address strong { color: var(--link); }
  .dealer-order-address p { margin: 8px 0 0; line-height: 1.6; }
  @media(max-width:1280px) { .dealer-action-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
  @media(max-width:900px) { .dealer-address-layout { grid-template-columns: minmax(0,1fr); } }
  @media(max-width:600px) { .dealer-action-grid { grid-template-columns: minmax(0,1fr); } .dealer-workflow-nav { grid-template-columns: repeat(2,minmax(0,1fr)); } .dealer-address-page { padding: 18px; } .dealer-address-editor { padding: 16px; } .dealer-address-location-grid { grid-template-columns: minmax(0,1fr); } }
}

@layer refresh {
  .admin-commandbar .admin-release { display: block; margin-top: 3px; color: var(--muted); font-size: .72rem; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
}

/* Dealer shortlists: quiet controls alongside the existing catalog action. */
@layer refresh {
  .product-card-actions { display: flex; align-items: center; gap: 8px; margin-top: auto; border-top: 1px solid var(--line); min-width: 0; }
  .shell-public.route-category main.container { padding-top: 8px; }
  .product-card-actions .text-link { flex: 1; border: 0; margin: 0; min-width: 0; }
  .product-card-list-controls { display: flex; flex: none; gap: 3px; align-items: center; }
  .product-card-list-controls form { margin: 0; }
  .product-card-list-controls button { display: grid; place-items: center; width: 44px; min-width: 44px; min-height: 44px; padding: 9px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--link); cursor: pointer; transition: transform .18s ease-out, background-color .18s ease-out, border-color .18s ease-out; }
  .product-card-list-controls button:hover { background: var(--blue-soft); border-color: var(--blue-line); }
  .product-card-list-controls button:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
  .product-card-list-controls button[aria-pressed="true"] { background: var(--blue-soft); border-color: var(--blue-line); color: var(--link); }
  .product-card-list-controls button:disabled { opacity: .6; cursor: wait; }
  .product-list-icon { display: block; width: 22px; height: 22px; background-color: currentColor; mask-position: center; mask-repeat: no-repeat; mask-size: contain; }
  .product-list-icon-favorite { mask-image: url('/assets/icons/heart.svg'); }
  .product-list-icon-compare { mask-image: url('/assets/icons/compare.svg'); }
  .dealer-shortlist-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 24px; }
  .dealer-shortlist-links a { min-height: 48px; display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--link); background: var(--surface); text-decoration: none; font-weight: 600; }
  .dealer-shortlist-links a:hover,.dealer-shortlist-links a:focus-visible { border-color: var(--blue-line); background: var(--blue-soft); }
  .dealer-shortlist-links strong { font-variant-numeric: tabular-nums; margin-left: 8px; color: var(--ink-soft); font-weight: 600; }
  .dealer-catalog-tools { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 4px; margin: 4px 0 8px; }
  .dealer-catalog-tools a { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 15px; border: 1px solid var(--line); border-radius: 6px; color: var(--link); background: var(--surface); text-decoration: none; font-size: .8125rem; font-weight: 600; }
  .dealer-catalog-tools a:hover,.dealer-catalog-tools a:focus-visible { border-color: var(--blue-line); background: var(--blue-soft); }
  .product-detail-lists { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
  .product-detail-list-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .product-detail-list-actions form { margin: 0; }
  .product-detail-list-actions button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--link); font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; }
  .product-detail-list-actions button:hover,.product-detail-list-actions button[aria-pressed="true"] { border-color: var(--blue-line); background: var(--blue-soft); }
  .product-detail-list-actions button:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
  .product-detail-list-actions button:disabled { opacity: .6; cursor: not-allowed; }
  .product-detail-list-actions .product-list-icon { width: 18px; height: 18px; }
  .product-detail-lists .dealer-list-status:not([hidden]) { margin: 10px 0 0; }
  .dealer-list-status:not([hidden]) { padding: 9px 12px; margin: 0 0 14px; border: 1px solid var(--blue-line); border-radius: 7px; background: var(--blue-soft); color: var(--ink); }
  .dealer-list-status[data-state="error"] { border-color: var(--danger); background: var(--surface); color: var(--danger); }
  .dealer-products-page > .section-heading { margin-bottom: 20px; }
  .dealer-favorite-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .dealer-compare-count { color: var(--ink-soft); margin: 0 0 18px; }
  .dealer-compare-count strong { color: var(--link); font-variant-numeric: tabular-nums; }
  .dealer-compare-scroll-hint { color: var(--muted); font-size: .81rem; margin: 0 0 8px; }
  .dealer-compare-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid var(--line); border-radius: 8px; }
  .dealer-compare-scroll:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
  .dealer-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; }
  .dealer-compare-table th,.dealer-compare-table td { min-width: 220px; max-width: 280px; padding: 13px 14px; vertical-align: top; text-align: left; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
  .dealer-compare-table tr > :first-child { min-width: 170px; width: 170px; position: sticky; left: 0; z-index: 1; background: var(--surface); font-weight: 700; }
  .dealer-compare-table thead th { background: var(--canvas); }
  .dealer-compare-table thead tr > :first-child { z-index: 2; background: var(--canvas); }
  .dealer-compare-table tbody tr:nth-child(even) > * { background: var(--canvas); }
  .dealer-compare-table tbody td { font-weight: 600; color: var(--ink); }
  .dealer-compare-product { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
  .dealer-compare-product a { color: var(--link); text-decoration: none; display: grid; gap: 7px; }
  .dealer-compare-product a:hover { text-decoration: underline; }
  .dealer-compare-product img,.dealer-compare-placeholder { display: grid; place-items: center; width: 130px; height: 96px; object-fit: contain; border-radius: 6px; background: #eef1f2; color: #405267; }
  .dealer-compare-product strong { font-size: .86rem; overflow-wrap: anywhere; }
  .dealer-compare-product span:not(.dealer-compare-placeholder) { color: var(--ink-soft); font-size: .8rem; font-weight: 500; }
  .dealer-compare-product .btn { min-height: 44px; }
  .dealer-unavailable-favorites { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }
  .dealer-unavailable-favorites h2 { font-size: 1rem; margin: 0 0 7px; }
  .dealer-unavailable-favorites ul { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 8px; }
  .dealer-unavailable-favorites li { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--canvas); }
  .dealer-unavailable-favorites li div { display: grid; gap: 3px; }
  .dealer-unavailable-favorites li span { color: var(--muted); font-size: .8rem; }
  .dealer-unavailable-favorites li form { margin: 0; }
  .dealer-unavailable-favorites .btn { min-height: 44px; }
  @media(max-width:900px) { .dealer-favorite-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
  @media(max-width:600px) { .dealer-favorite-grid { grid-template-columns: minmax(0,1fr); } .dealer-shortlist-links a { flex: 1 1 220px; } .dealer-compare-table th,.dealer-compare-table td { min-width: 190px; } .dealer-compare-table tr > :first-child { min-width: 120px; width: 120px; } }
  @media(prefers-reduced-motion: reduce) { .product-card-list-controls button { transition: none; } }
}

@layer refresh {
  .shell-admin .dealer-field-hint { display: block; font-size: .78rem; font-weight: 400; line-height: 1.45; color: var(--muted); overflow-wrap: anywhere; }
  .shell-admin .dealer-contact-form { align-items: start; }
  .shell-admin .dealer-contact-form > div { align-self: end; }
}

@layer refresh {
  .dealer-address-roles { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
  .dealer-address-roles span { display: inline-flex; padding: 4px 8px; border: 1px solid var(--blue-line); border-radius: 5px; background: var(--blue-soft); color: var(--link); font-size: .76rem; font-weight: 650; }
  .dealer-address-role-choice { grid-column: 1 / -1; display: grid; gap: 4px; margin: 0; padding: 11px 14px 12px; border: 1px solid var(--line); border-radius: 8px; min-width: 0; }
  .dealer-address-editor .grid { align-items: start; }
  .dealer-address-editor .grid > div { align-self: end; }
  .dealer-address-role-choice legend { color: var(--ink); font-size: .9rem; font-weight: 650; padding: 0 4px; }
  .dealer-address-role-choice label { display: flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ink); cursor: pointer; }
  .dealer-address-role-choice input[type="checkbox"] { width: 18px; height: 18px; min-height: 0; flex: none; margin: 0; padding: 0; accent-color: var(--link); }
  .dealer-address-role-choice input:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
  .dealer-address-role-choice p { margin: 2px 0 0; color: var(--muted); font-size: .81rem; line-height: 1.5; }
}

/* Administration: legible records, deliberate form sections and explicit actions. */
@layer refresh {
  .shell-admin { font-size: .9375rem; }
  .shell-admin .admin-frame { grid-template-columns: 232px minmax(0,1fr); }
  .shell-admin .admin-workspace { min-width: 0; }
  .shell-admin .container { width: 100%; max-width: 1740px; padding: 28px 30px 48px; margin-inline: auto; }
  .shell-admin .admin-sidebar { height: 100dvh; }
  .shell-admin .admin-mobile-nav { scrollbar-width: thin; scrollbar-color: #536c85 #1e3044; }
  .shell-admin .admin-brand { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; min-height: 0; padding: 12px 18px; }
  .shell-admin .admin-logo-surface { display: block; padding: 6px 10px; background: #fff; border-radius: 6px; }
  .shell-admin .admin-brand img { display: block; width: 116px; height: auto; }
  .shell-admin .admin-brand small { font: 500 .8125rem var(--font-ui); letter-spacing: 0; color: #cad9e9; }
  .shell-admin .admin-nav { padding: 6px 12px; gap: 8px; overflow-y: auto; }
  .shell-admin .admin-nav a { font-size: .8125rem; line-height: 1.25; min-height: 25px; padding: 3px 9px; }
  .shell-admin .admin-nav-group { gap: 0; }
  .shell-admin .admin-nav-group > span { margin: 0; padding: 0 9px 1px; color: #ffbd86; font: 650 .8125rem/1.3 var(--font-ui); letter-spacing: .04em; text-transform: uppercase; }
  .shell-admin .admin-sidebar-footer { flex-shrink: 0; }
  .shell-admin .admin-sidebar-footer a { min-height: 40px; }
  @media(min-width:781px) and (max-height:800px) {
    .shell-admin .admin-brand { padding-block: 9px; }
    .shell-admin .admin-nav { padding-block: 4px; gap: 8px; }
    .shell-admin .admin-nav a { min-height: 25px; padding-block: 2px; }
    .shell-admin .admin-nav-group > span { padding-bottom: 1px; line-height: 1.2; }
  }
  @media(max-width:780px) and (hover:none), (max-width:780px) and (pointer:coarse) {
    .shell-admin .admin-nav a,.shell-admin .admin-sidebar-footer a { min-height: 44px; }
  }
  @media(min-width:781px) and (hover:none), (min-width:781px) and (pointer:coarse) {
    .shell-admin .admin-nav a { min-height: 25px; }
  }
  .shell-admin .admin-commandbar { min-height: 64px; padding-inline: 30px; }
  .shell-admin .admin-commandbar > div:first-child strong { font-size: .9375rem; }
  .shell-admin .card,.shell-admin .hero { padding: 24px; border-radius: 12px; }
  .shell-admin .card > h1 { margin: 0 0 16px; font-size: 1.65rem; line-height: 1.3; }
  .shell-admin .card > p.muted { margin-block: 10px 22px; line-height: 1.65; }
  .shell-admin .card > h2 { margin-top: 28px; margin-bottom: 16px; }
  .shell-admin .btn { display: inline-flex; justify-content: center; align-items: center; gap: 7px; min-height: 40px; padding: 9px 14px; font-size: .875rem; line-height: 1.3; text-decoration: none; }
  .shell-admin .action-row { display: flex; flex-wrap: wrap; gap: 10px; }
  .shell-admin .field { min-width: 0; gap: 8px; margin: 0; font-size: .875rem; line-height: 1.5; font-weight: 600; color: var(--ink-soft); }
  .shell-admin .field > small { color: var(--muted); font-weight: 400; font-size: .75rem; }
  .shell-admin input:not([type="checkbox"]):not([type="radio"]),.shell-admin select,.shell-admin textarea { width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; font-size: .875rem; border-radius: 7px; background: var(--surface); }
  .shell-admin textarea { min-height: 112px; line-height: 1.65; resize: vertical; }
  .shell-admin input[type="checkbox"],.shell-admin input[type="radio"] { flex: 0 0 16px; width: 16px; height: 16px; min-height: 16px; margin: 0; }
  .shell-admin .check-field { display: flex; align-items: center; gap: 9px; min-height: 40px; margin: 0; font-size: .875rem; font-weight: 400; }
  .shell-admin .grid { gap: 20px; }
  .shell-admin .table { width: 100%; }
  .shell-admin .table th { font-size: .8125rem; padding: 14px 12px; line-height: 1.4; color: var(--ink-soft); }
  .shell-admin .table td { font-size: .875rem; padding: 15px 12px; line-height: 1.55; }
  .shell-admin .table td:last-child > a:not(.btn),.shell-admin .table .inline-delete .link-danger { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; margin-block: 3px; padding: 7px 11px; border: 1px solid var(--blue-line); border-radius: 6px; background: var(--blue-soft); color: var(--link); font-size: .8125rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
  .shell-admin .table .inline-delete .link-danger { color: var(--danger); border-color: var(--danger); background: var(--danger-bg); }
  .shell-admin .table-scroll { border-radius: 10px; max-width: 100%; }
  .shell-admin .admin-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
  .shell-admin .admin-page-heading > div { min-width: 0; }
  .shell-admin .admin-page-heading h1 { font-size: clamp(1.5rem,2.2vw,1.9rem); margin: 6px 0 12px; line-height: 1.25; }
  .shell-admin .admin-page-heading > .btn { flex-shrink: 0; }
  .shell-admin .admin-page-heading p { color: var(--muted); font-size: .875rem; line-height: 1.65; }
  .shell-admin .admin-page-heading .eyebrow { color: var(--link); font-size: .6875rem; }
  .shell-admin .admin-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
  .shell-admin .admin-section-heading h2 { margin: 0; padding: 0; border: 0; color: var(--ink); font-size: 1.125rem; line-height: 1.45; }
  .shell-admin .admin-section-heading p { color: var(--muted); margin: 5px 0 0; font-size: .8125rem; line-height: 1.6; }
  .shell-admin .admin-section-heading > a { flex-shrink: 0; font-size: .8125rem; }
  .shell-admin .admin-section-number { display: block; font-size: .6875rem; font-weight: 600; color: var(--link); margin-bottom: 5px; letter-spacing: .08em; }
  .shell-admin .admin-editor-section { min-width: 0; padding: 26px; margin-bottom: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
  .shell-admin .admin-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; }
  .shell-admin .admin-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 0; }
  .shell-admin .admin-form-footer p { color: var(--muted); font-size: .8125rem; }
  /* Product identity stays separate from the working form and its save controls. */
  .shell-admin .product-workspace-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 12px 0 8px; }
  .shell-admin .product-workspace-identity > strong { font-size: 1rem; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
  .shell-admin .product-workspace-header .product-context-name { color: var(--muted); font-size: .875rem; max-width: 80ch; overflow-wrap: anywhere; }
  .shell-admin .product-workspace-nav { display: flex; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--line); margin-bottom: 24px; padding-bottom: 12px; }
  .shell-admin .product-workspace-nav a { display: inline-flex; align-items: center; min-height: 42px; padding: 9px 18px; border-radius: 7px; color: var(--ink-soft); font-weight: 600; font-size: .875rem; text-decoration: none; }
  .shell-admin .product-workspace-nav a:hover { color: var(--link); background: var(--surface-raised); }
  .shell-admin .product-workspace-nav a[aria-current="page"] { color: var(--link); background: var(--blue-soft); box-shadow: inset 0 -2px var(--link); }
  .shell-admin .product-context-tabs { top: 78px; display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; margin-bottom: 24px; box-shadow: 0 5px 16px #132a4110; }
  .shell-admin .product-section-links,.shell-admin .product-save-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
  .shell-admin .product-section-links a { min-height: 36px; padding: 7px 10px; font-size: .8125rem; font-weight: 500; border-radius: 5px; }
  .shell-admin .product-save-actions { gap: 12px; margin-left: auto; }
  .shell-admin .product-save-state { padding: 5px 0; border: 0; background: transparent; font-weight: 400; font-size: .75rem; }
  .shell-admin .product-save-state.is-dirty { color: var(--warning); }
  .shell-admin .product-editor { min-width: 0; }
  .shell-admin .product-editor-form > section { scroll-margin-top: 156px; }
  .shell-admin .product-general-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .shell-admin .product-featured-choice { grid-column: 1/-1; padding-top: 4px; }
  .shell-admin .admin-language-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; align-items: start; }
  .shell-admin .admin-language-panel { display: grid; gap: 20px; min-width: 0; }
  .shell-admin .admin-language-panel + .admin-language-panel { border-left: 1px solid var(--line); padding-left: 28px; }
  .shell-admin .admin-language-panel > h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; font-size: .9375rem; letter-spacing: 0; }
  .shell-admin .language-marker { display: inline-grid; place-items: center; min-width: 32px; height: 28px; background: var(--blue-soft); color: var(--link); border-radius: 5px; font-size: .6875rem; font-weight: 700; }
  .shell-admin .html-editor-panel { margin: 0; border-color: var(--line); border-radius: 9px; background: var(--surface); }
  .shell-admin .html-editor-panel > .field { padding: 14px; }
  .shell-admin .html-editor-panel textarea { min-height: 340px; padding: 14px; font: 400 .875rem/1.75 var(--font-ui); }
  .shell-admin .html-editor-toolbar { gap: 6px; padding: 12px; background: var(--surface-raised); }
  .shell-admin .html-editor-action { min-height: 34px; padding: 7px 10px; font-size: .75rem; font-weight: 500; background: var(--surface); }
  .shell-admin .html-editor-action[data-action="strong"] { font-weight: 750; }
  .shell-admin .html-editor-action[data-action="em"] { font-style: italic; }
  .shell-admin .html-editor-note { margin: 0; padding: 0 14px 14px; color: var(--muted); font-size: .75rem; line-height: 1.6; }
  .shell-admin textarea[data-html-editor] { min-height: 340px; }
  .shell-admin .feature-editor-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: stretch; }
  .shell-admin .feature-editor { display: flex; flex-direction: column; justify-content: flex-start; gap: 14px; min-width: 0; min-height: 142px; padding: 18px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); }
  .shell-admin .feature-editor[hidden] { display: none; }
  .shell-admin .feature-editor-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
  .shell-admin .feature-editor-heading h3 { margin: 0; color: var(--ink); font-size: .875rem; font-weight: 600; line-height: 1.5; letter-spacing: 0; overflow-wrap: anywhere; }
  .shell-admin .feature-input-type { flex-shrink: 0; font-size: .6875rem; line-height: 1.9; color: var(--muted); }
  .shell-admin .feature-editor .choice-list { display: grid; align-content: start; gap: 4px; max-height: 204px; overflow-y: auto; padding-right: 4px; }
  .shell-admin .feature-editor .check-field { min-height: 34px; align-items: center; padding: 4px 0; }
  .shell-admin .feature-editor .field { margin: 0; }
  /* Balanced product columns: full SKU, compact QA, familiar bounded actions. */
  .shell-admin .product-filterbar { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 12px 16px; padding: 20px; margin-block: 22px 18px; background: var(--surface-raised); }
  .shell-admin .product-filterbar > .field { min-width: 0; }
  .shell-admin .product-filterbar .filter-actions { grid-column: 1 / -1; justify-content: flex-end; }
  .shell-admin .product-filterbar .field small { display: block; margin-top: 4px; color: var(--muted); font-size: .75rem; line-height: 1.4; }
  .shell-admin .product-technical-filters { grid-column: 1 / -1; min-width: 0; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
  .shell-admin .product-technical-filters summary { cursor: pointer; font-weight: 600; color: var(--ink); }
  .shell-admin .product-technical-filter-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 14px 0 8px; }
  .shell-admin .product-technical-filters > small { color: var(--muted); }
  @media (max-width: 900px) { .shell-admin .product-technical-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
  @media (max-width: 600px) { .shell-admin .product-technical-filter-grid { grid-template-columns: minmax(0,1fr); } }
  .shell-admin .selection-bar { padding: 12px 16px; gap: 12px; border-radius: 9px 9px 0 0; background: var(--surface-raised); }
  .shell-admin .product-operations-table { max-height: none !important; border-radius: 0 0 9px 9px; }
  .shell-admin .product-operations-table .table { table-layout: fixed; min-width: 1040px; }
  .shell-admin .product-operations-table th:nth-child(1) { width: 40px; }
  .shell-admin .product-operations-table th:nth-child(2) { width: 240px; }
  .shell-admin .product-operations-table th:nth-child(3) { width: auto; }
  .shell-admin .product-operations-table th:nth-child(4) { width: 132px; }
  .shell-admin .product-operations-table th:nth-child(5) { width: 82px; }
  .shell-admin .product-operations-table th:nth-child(6) { width: 124px; }
  .shell-admin .product-operations-table th:nth-child(7) { width: 184px; }
  .shell-admin .product-operations-table .table td { padding: 16px 12px; vertical-align: top; }
  .shell-admin .product-operations-table .table .product-action-column { position: static; box-shadow: none; border-left: 1px solid var(--line); }
  .shell-admin .product-sku-cell { white-space: normal; overflow: visible; text-overflow: clip; }
  .shell-admin .product-sku-cell code { font: 600 .875rem/1.65 var(--font-ui); color: var(--ink); white-space: normal; overflow-wrap: anywhere; }
  .shell-admin .product-name-cell strong { display: block; overflow: visible; -webkit-line-clamp: unset; font-size: .875rem; font-weight: 500; line-height: 1.55; }
  .shell-admin .product-category-cell { color: var(--ink-soft); }
  .shell-admin .product-category-cell small { display: block; margin-top: 5px; color: var(--muted); font-size: .75rem; }
  .shell-admin .product-coverage { display: flex; flex-wrap: wrap; gap: 5px 10px; margin-top: 10px; color: var(--muted); font-size: .75rem; }
  .shell-admin .product-translation summary { font-size: .75rem; min-height: 26px; }
  .shell-admin .product-qa-slots { display: flex; align-items: center; gap: 4px; margin-top: 7px; }
  .shell-admin .product-qa-slot { display: inline-flex; justify-content: center; align-items: center; gap: 2px; min-width: 29px; min-height: 26px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-raised); font-size: .75rem; line-height: 1; }
  .shell-admin .product-qa-slot b { font-weight: 700; }
  .shell-admin .product-qa-slot small { font-size: .625rem; font-weight: 700; }
  .shell-admin .product-qa-slot.is-present { color: var(--success); background: var(--success-bg); border-color: var(--success); }
  .shell-admin .product-qa-slot.is-missing { color: var(--danger); background: var(--danger-bg); border-color: var(--danger); }
  .shell-admin .product-qa-slot.is-exempt { color: var(--muted); background: var(--surface-raised); border-color: var(--line-dark); }
  .shell-admin .product-qa-details { margin-top: 8px; }
  .shell-admin .product-qa-details summary { color: var(--muted); font-size: .75rem; cursor: pointer; }
  .shell-admin .product-qa-details .qa-reasons { list-style: none; padding: 0; margin: 8px 0 0; font-size: .75rem; overflow-wrap: anywhere; }
  .shell-admin .product-qa-details li + li { margin-top: 6px; }
  .shell-admin .product-row-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .shell-admin .product-row-actions .btn { min-height: 36px; padding: 7px 6px; font-size: .8125rem; font-weight: 500; border-color: var(--line); background: var(--surface-raised); color: var(--ink-soft); white-space: nowrap; }
  .shell-admin .product-row-actions .product-edit-action { background: var(--blue-soft); color: var(--link); border-color: var(--blue-line); font-weight: 650; }
  .shell-admin .product-row-actions .btn:hover { color: var(--link); border-color: var(--link); text-decoration: none; }
  .shell-admin .status-pill { padding: 4px 7px; font-size: .75rem; line-height: 1.4; white-space: nowrap; }
  .shell-admin .catalog-admin-summary { gap: 14px; margin-bottom: 22px; }
  .shell-admin .catalog-admin-summary > div { padding: 16px 20px; background: var(--surface); }
  .shell-admin .catalog-admin-summary span { font-size: .8125rem; }
  .shell-admin .catalog-admin-summary strong { font-size: 1.35rem; }
  .shell-admin .catalog-editor { padding: 24px 0; margin-block: 20px; }
  .shell-admin .catalog-list-head { margin-block: 24px 16px; }
  .shell-admin .catalog-scope-matrix { margin-block: 28px; }
  .shell-admin .catalog-scope-matrix > h2 { margin-bottom: 10px; }
  .shell-admin .catalog-scope-matrix > p { margin-bottom: 16px; font-size: .875rem; }
  .shell-admin .catalog-scope-scroll { margin-top: 16px; border-radius: 8px; }
  .shell-admin .catalog-scope-scroll .table th,.shell-admin .catalog-scope-scroll .table td { padding: 8px 10px; }
  .shell-admin .catalog-scope-scroll .catalog-scope-mode-cell { position: static; min-width: 152px; width: 152px; }
  .shell-admin .catalog-scope-scroll .catalog-scope-name { position: sticky; left: 0; min-width: 180px; max-width: 230px; z-index: 1; overflow-wrap: anywhere; }
  .shell-admin .catalog-scope-scroll thead .catalog-scope-name { z-index: 3; background: var(--surface-raised); color: var(--ink-soft); }
  .shell-admin .catalog-scope-scroll tbody .catalog-scope-name { background: var(--surface); color: var(--ink); }
  .shell-admin .catalog-scope-scroll .catalog-scope-saved { min-width: 142px; }
  .shell-admin .catalog-scope-scroll .catalog-scope-modes { gap: 0; margin: 0; font-weight: 400; }
  .shell-admin .catalog-scope-modes label { min-height: 28px; padding: 3px 4px; border-radius: 4px; white-space: nowrap; }
  .shell-admin .catalog-scope-modes label:has(input:checked) { color: var(--link); background: var(--blue-soft); }
  .shell-admin .catalog-scope-modes label:has(input:focus-visible) { outline: 2px solid var(--link); outline-offset: 1px; }
  .shell-admin .catalog-scope-scroll tbody tr:hover > th,.shell-admin .catalog-scope-scroll tbody tr:hover > td,
  .shell-admin .catalog-scope-scroll tbody tr:focus-within > th,.shell-admin .catalog-scope-scroll tbody tr:focus-within > td { background: var(--surface-raised); }
  .shell-admin .catalog-scope-scroll tbody tr:focus-within > .catalog-scope-name { box-shadow: inset 3px 0 var(--link); }
  .shell-admin .catalog-scope-scroll input[type="radio"],.shell-admin .catalog-scope-scroll input[type="checkbox"] { accent-color: var(--link); }
  @media(hover:none), (pointer:coarse) {
    .shell-admin .catalog-scope-modes label { min-height: 44px; }
  }
  .shell-admin .catalog-scope-scroll input[type="checkbox"] { min-height: 16px; }
  .shell-admin .catalog-new-scope { min-width: 0; }
  @media(max-width:360px) {
    .shell-admin .catalog-scope-scroll .catalog-scope-name { min-width: 144px; width: 144px; max-width: 144px; }
  }
  @media(min-width:781px) and (max-width:1200px) {
    .shell-admin .admin-frame { grid-template-columns: 210px minmax(0,1fr); }
    .shell-admin .container { padding-inline: 22px; }
    .shell-admin .admin-brand { padding-inline: 18px; }
    .shell-admin .feature-editor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .shell-admin .admin-language-grid { grid-template-columns: minmax(0,1fr); }
    .shell-admin .admin-language-panel + .admin-language-panel { border-left: 0; padding-left: 0; padding-top: 24px; border-top: 1px solid var(--line); }
    .shell-admin .product-filterbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  }
  @media(max-width:780px) {
    .shell-admin .admin-frame { display: block; }
    .shell-admin .admin-sidebar { height: auto; }
    .shell-admin .admin-brand { display: none; }
    .shell-admin .admin-mobile-nav > summary { padding: 16px 20px; }
    .shell-admin .admin-mobile-nav > summary .admin-mobile-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
    .shell-admin .admin-mobile-brand img { width: 112px; height: auto; padding: 7px; background: #fff; border-radius: 6px; }
    .shell-admin .admin-mobile-brand small { font-size: .6875rem; font-weight: 400; }
    .shell-admin .admin-mobile-nav > summary .admin-mobile-brand::after { display: none; }
    .shell-admin .admin-nav a { min-height: 44px; }
    .shell-admin .container { padding: 22px 16px 36px; }
    .shell-admin .admin-commandbar { padding-inline: 16px; }
    .shell-admin .admin-page-heading { flex-wrap: wrap; gap: 14px; }
    .shell-admin .admin-page-heading > .btn { min-height: 38px; }
    .shell-admin .admin-section-heading { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
    .shell-admin .admin-editor-section,.shell-admin .card,.shell-admin .hero { padding: 20px; }
    .shell-admin .product-context-tabs { position: static; padding: 12px; }
    .shell-admin .product-save-actions { margin-left: 0; width: 100%; justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--line); }
    .shell-admin .product-editor-form > section { scroll-margin-top: 20px; }
    .shell-admin .admin-language-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .shell-admin .admin-language-panel + .admin-language-panel { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 24px; }
    .shell-admin .feature-editor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .shell-admin .product-filterbar { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px; }
    .shell-admin .product-operations-table .table { min-width: 1040px; }
    .shell-admin .admin-form-footer { flex-wrap: wrap; }
    .shell-admin .html-editor-action { min-height: 40px; }
  }
  @media(max-width:540px) {
    .shell-admin .admin-form-grid,.shell-admin .feature-editor-grid,.shell-admin .product-filterbar { grid-template-columns: minmax(0,1fr); }
    .shell-admin .admin-editor-section,.shell-admin .card { padding: 18px; }
    .shell-admin .feature-editor { padding: 16px; }
    .shell-admin .product-workspace-nav { gap: 3px; }
    .shell-admin .product-workspace-nav a { padding-inline: 10px; font-size: .8125rem; }
    .shell-admin .product-save-actions { align-items: flex-start; flex-direction: column; }
    .shell-admin .product-save-actions .btn { width: 100%; }
    .shell-admin .html-editor-panel textarea { min-height: 300px; }
    .shell-admin .catalog-admin-summary > div { padding: 12px; }
  }
  @media(hover:none),(pointer:coarse) { .shell-admin .btn,.shell-admin .product-row-actions .btn { min-height: 44px; } }
}
/* Product media and relationships: scoped record workspaces. */
@layer refresh {
  .shell-admin .admin-image-tech-summary { min-width: 0; margin-bottom: 22px; padding: 18px 20px; }
  .shell-admin .admin-image-tech-summary h2 { margin: 0 0 12px; font-size: 1rem; line-height: 1.4; }
  .shell-admin .admin-image-tech-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin: 0; }
  .shell-admin .admin-image-tech-item { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-raised); }
  .shell-admin .admin-image-tech-item dt { color: var(--muted); font-size: .75rem; line-height: 1.4; }
  .shell-admin .admin-image-tech-item dd { margin: 6px 0 0; color: var(--ink); font-size: .9375rem; line-height: 1.35; overflow-wrap: anywhere; }
  .shell-admin .admin-image-qa-panel { min-width: 0; margin: 24px 0 22px; padding: 18px 20px; }
  .shell-admin .admin-image-qa-panel h2 { margin: 0; font-size: 1rem; }
  .shell-admin .admin-image-qa-slots { display: flex; align-items: center; gap: 7px; margin: 14px 0 9px; }
  .shell-admin .admin-image-qa-slots .product-qa-slot { min-width: 38px; min-height: 32px; font-size: .875rem; }
  .shell-admin .admin-image-qa-reason { margin: 12px 0; color: var(--ink-soft); overflow-wrap: anywhere; }
  .shell-admin .admin-image-qa-form { display: grid; gap: 14px; margin-top: 16px; border-top: 1px solid var(--line); padding-top: 16px; }
  .shell-admin .admin-image-qa-form fieldset { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; border: 0; }
  .shell-admin .admin-image-qa-form legend { width: 100%; margin-bottom: 4px; font-weight: 650; }
  .shell-admin .admin-image-qa-form fieldset label { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; cursor: pointer; }
  .shell-admin .admin-image-qa-form .field { display: grid; gap: 6px; margin: 0; max-width: 720px; }
  .shell-admin .admin-image-qa-form textarea { width: 100%; min-height: 68px; resize: vertical; }
  .shell-admin .admin-image-qa-form .admin-assets-hint { margin: 0; }
  .shell-admin .admin-assets-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 20px; }
  .shell-admin .admin-assets-heading p { margin: 0; color: var(--muted); font-size: .9375rem; line-height: 1.6; }
  .shell-admin .admin-assets-heading > .btn { flex-shrink: 0; }
  .shell-admin .product-assets-layout { display: grid; grid-template-columns: minmax(280px,340px) minmax(0,1fr); align-items: start; gap: 24px; }
  .shell-admin .admin-image-source-panels { display: grid; gap: 18px; min-width: 0; align-content: start; }
  .shell-admin .admin-catalog-search-status { margin: 18px 0 10px; }
  .shell-admin .admin-catalog-file-list { display: grid; grid-auto-rows: max-content; align-content: start; gap: 0; min-width: 0; max-height: 290px; overflow: auto; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 8px; }
  .shell-admin .admin-catalog-file-list legend { padding: 0 7px; font-size: .8125rem; font-weight: 650; }
  .shell-admin .admin-catalog-file { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 44px; padding: 8px 10px; border-bottom: 1px solid var(--line); cursor: pointer; }
  .shell-admin .admin-catalog-file:last-child { border-bottom: 0; }
  .shell-admin .admin-catalog-file:has(input:checked) { background: var(--blue-soft); }
  .shell-admin .admin-asset-form .admin-catalog-file input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; min-height: 0; margin: 0; padding: 0; }
  .shell-admin .admin-catalog-file span { display: grid; min-width: 0; gap: 3px; overflow-wrap: anywhere; }
  .shell-admin .admin-catalog-file strong { font-size: .8125rem; }
  .shell-admin .admin-catalog-file small { color: var(--muted); font-size: .75rem; }
  .shell-admin .admin-match-slot { margin: 0; }
  .shell-admin .admin-match-empty { padding: 12px; }
  .shell-admin .admin-matched-file { min-height: 76px; }
  .shell-admin .admin-matched-file img { flex: 0 0 56px; width: 56px; height: 56px; object-fit: contain; border: 1px solid var(--line); border-radius: 6px; background: #f6f7f9; }
  .shell-admin .admin-matched-file:focus-within { outline: 2px solid var(--link); outline-offset: -2px; }
  .shell-admin .admin-assets-panel { min-width: 0; padding: 24px; scroll-margin-top: 24px; }
  .shell-admin .admin-assets-section-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
  .shell-admin .admin-assets-section-heading h3 { margin: 0; font-size: 1.125rem; line-height: 1.4; }
  .shell-admin .admin-assets-section-heading p { margin: 6px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.6; }
  .shell-admin .admin-assets-kicker { display: block; margin-bottom: 7px; color: var(--link); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  .shell-admin .admin-assets-count { flex-shrink: 0; border: 1px solid var(--blue-line); border-radius: 20px; padding: 5px 10px; background: var(--blue-soft); color: var(--link); font-size: .8125rem; font-weight: 600; white-space: nowrap; }
  .shell-admin .admin-assets-records { min-width: 0; }
  .shell-admin .admin-assets-empty { display: grid; justify-items: start; gap: 8px; padding: 32px; border-style: dashed; }
  .shell-admin .admin-assets-empty strong { font-size: 1rem; font-weight: 600; }
  .shell-admin .admin-assets-empty p { margin: 0; color: var(--muted); font-size: .875rem; line-height: 1.6; }
  .shell-admin .admin-asset-form { display: grid; gap: 18px; margin: 0; }
  .shell-admin .admin-asset-form .field,.shell-admin .admin-relationship-search .field,.shell-admin .admin-relationship-fields .field { display: grid; align-content: start; gap: 8px; min-width: 0; font-size: .875rem; font-weight: 600; }
  .shell-admin .admin-asset-form input:not([type="checkbox"]),.shell-admin .admin-asset-form select,.shell-admin .admin-relationship-search input,.shell-admin .admin-relationship-fields input,.shell-admin .admin-relationship-fields select { min-width: 0; width: 100%; min-height: 42px; font-size: .875rem; }
  .shell-admin .admin-asset-field-pair { display: grid; grid-template-columns: minmax(0,1fr) 90px; align-items: end; gap: 14px; }
  .shell-admin .admin-assets-hint { margin: 0; color: var(--muted); font-size: .8125rem; line-height: 1.65; }
  .shell-admin .admin-assets-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
  .shell-admin .admin-assets-form-actions .btn { min-height: 42px; }
  .shell-admin .admin-assets-check { display: flex; align-items: center; gap: 10px; min-height: 34px; font-size: .875rem; color: var(--ink-soft); cursor: pointer; }
  .shell-admin .admin-assets-check input { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; margin: 0; }
  .shell-admin .admin-image-upload { padding: 16px; border: 1px dashed var(--line-dark); border-radius: 9px; background: var(--surface-raised); }
  .shell-admin .admin-image-upload > span { color: var(--muted); font-size: .8125rem; font-weight: 400; line-height: 1.6; }
  .shell-admin .admin-image-upload input[type="file"] { padding: 0; border: 0; background: transparent; font-size: .8125rem; line-height: 2.5; }
  .shell-admin .admin-image-upload input::file-selector-button { margin-right: 10px; border: 1px solid var(--blue-line); border-radius: 6px; padding: 8px 10px; background: var(--blue-soft); color: var(--link); font: 600 .8125rem var(--font-ui); cursor: pointer; }
  .shell-admin .admin-image-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .shell-admin .admin-image-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
  .shell-admin .admin-image-preview { position: relative; display: grid; place-items: center; height: 160px; padding: 16px; background: #f6f7f9; border-bottom: 1px solid var(--line); }
  .shell-admin .admin-image-preview img { display: block; width: 100%; height: 124px; object-fit: contain; }
  .shell-admin .admin-image-primary { position: absolute; left: 12px; top: 12px; border: 1px solid #bdcfe8; border-radius: 5px; background: #edf3fb; color: #25549a; padding: 5px 8px; font-size: .75rem; font-weight: 700; }
  .shell-admin .admin-image-content { display: grid; align-content: start; gap: 14px; padding: 14px; }
  .shell-admin .admin-image-identity h4 { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--ink); font-size: .9375rem; font-weight: 600; }
  .shell-admin .admin-image-identity h4 span { color: var(--muted); font-size: .8125rem; font-weight: 400; }
  .shell-admin .admin-image-identity p { margin: 6px 0 0; color: var(--muted); font-size: .8125rem; }
  .shell-admin .admin-image-file { min-width: 0; padding-block: 10px; border-block: 1px solid var(--line); font-size: .8125rem; }
  .shell-admin .admin-image-file summary { width: fit-content; color: var(--link); cursor: pointer; }
  .shell-admin .admin-image-file dl { display: grid; gap: 12px; margin: 14px 0 4px; }
  .shell-admin .admin-image-file dt { color: var(--muted); margin-bottom: 4px; }
  .shell-admin .admin-image-file dd { margin: 0; color: var(--ink-soft); overflow-wrap: anywhere; line-height: 1.5; }
  .shell-admin .admin-image-metadata { gap: 14px; }
  .shell-admin .admin-image-delete { margin: 0; border-top: 1px solid var(--line); padding-top: 16px; }
  .shell-admin .admin-image-delete .btn { min-height: 40px; }
  .shell-admin .admin-assets-deletion-note { margin-top: 18px; }
  .shell-admin .admin-relationship-search { display: grid; gap: 12px; margin: 0 0 22px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
  .shell-admin .admin-relationship-list { display: grid; gap: 18px; }
  .shell-admin .admin-relationship-row { display: grid; gap: 20px; min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
  .shell-admin .admin-relationship-identity { display: flex; align-items: center; gap: 18px; min-width: 0; }
  .shell-admin .admin-relationship-preview { display: grid; place-items: center; flex: 0 0 86px; height: 86px; padding: 8px; background: #f6f7f9; border-radius: 8px; }
  .shell-admin .admin-relationship-preview img { width: 70px; height: 70px; object-fit: contain; }
  .shell-admin .admin-relationship-preview > span { color: #5d6e81; text-align: center; font-size: .75rem; }
  .shell-admin .admin-relationship-identity > div:last-child { min-width: 0; }
  .shell-admin .admin-relationship-sku { font-size: .9375rem; font-weight: 650; overflow-wrap: anywhere; }
  .shell-admin .admin-relationship-identity p { margin: 6px 0 10px; color: var(--ink-soft); font-size: .875rem; line-height: 1.6; overflow-wrap: anywhere; }
  .shell-admin .admin-relationship-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(100px,.4fr); gap: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
  .shell-admin .admin-assets-record-actions { justify-content: flex-end; }
  @media(max-width:1250px) {
    .shell-admin .product-assets-layout { grid-template-columns: 290px minmax(0,1fr); gap: 20px; }
    .shell-admin .admin-assets-panel,.shell-admin .admin-relationship-row { padding: 20px; }
    .shell-admin .admin-image-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .shell-admin .admin-image-tech-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  }
  @media(max-width:1000px) {
    .shell-admin .product-assets-layout { grid-template-columns: minmax(0,1fr); }
    .shell-admin .admin-image-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .shell-admin .admin-assets-panel { max-width: none; }
    .shell-admin .admin-asset-field-pair { grid-template-columns: minmax(0,1fr) minmax(100px,.5fr); }
  }
  @media(max-width:620px) {
    .shell-admin .admin-assets-heading { align-items: start; flex-direction: column; gap: 14px; }
    .shell-admin .admin-image-tech-summary { padding: 16px; }
    .shell-admin .admin-image-tech-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .shell-admin .admin-assets-heading p { font-size: .875rem; }
    .shell-admin .admin-assets-panel,.shell-admin .admin-relationship-row { padding: 18px; }
    .shell-admin .admin-assets-section-heading { gap: 10px; margin-bottom: 18px; }
    .shell-admin .admin-assets-section-heading h3 { font-size: 1rem; }
    .shell-admin .admin-assets-count { font-size: .75rem; padding-inline: 8px; }
    .shell-admin .admin-image-grid { grid-template-columns: minmax(0,1fr); }
    .shell-admin .admin-relationship-identity { align-items: start; gap: 12px; }
    .shell-admin .admin-relationship-preview { flex-basis: 64px; height: 64px; padding: 6px; }
    .shell-admin .admin-relationship-preview img { width: 52px; height: 52px; }
    .shell-admin .admin-relationship-fields { grid-template-columns: minmax(0,1fr) 100px; gap: 12px; }
    .shell-admin .admin-assets-form-actions .btn,.shell-admin .admin-image-delete .btn { min-height: 44px; }
    .shell-admin .admin-assets-record-actions { justify-content: start; }
  }
}
/* Bayi directory, profile and account operations stay within the admin shell. */
@layer refresh {
  .shell-admin .admin-dealers { min-width: 0; }
  .shell-admin .dealer-admin-heading { align-items: center; margin-bottom: 22px; padding-bottom: 0; }
  .shell-admin .dealer-admin-heading h1 { margin: 6px 0 8px; overflow-wrap: anywhere; }
  .shell-admin .dealer-admin-heading p { max-width: 68ch; }
  .shell-admin .dealer-admin-heading .eyebrow { font-size: .75rem; }
  .shell-admin .dealer-admin-heading .action-row { flex: 0 0 auto; }
  .shell-admin .dealer-directory-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 22px; }
  .shell-admin .dealer-directory-stats > div { display: grid; gap: 10px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); min-width: 0; }
  .shell-admin .dealer-directory-stats span { color: var(--muted); font-size: .875rem; }
  .shell-admin .dealer-directory-stats strong { font-size: 1.75rem; line-height: 1.1; font-weight: 600; font-variant-numeric: tabular-nums; }
  .shell-admin .dealer-directory-stats > div:nth-child(2) strong { color: var(--success); }
  .shell-admin .dealer-directory-stats > div:nth-child(3) strong { color: var(--warning); }
  .shell-admin .dealer-section-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
  .shell-admin .dealer-section-head h2 { margin: 0 0 7px; font-size: 1.15rem; }
  .shell-admin .dealer-section-head p { font-size: .875rem; color: var(--muted); line-height: 1.6; }
  .shell-admin .dealer-record-code { display: inline-block; color: var(--ink); font-family: var(--font-ui); font-size: .875rem; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
  .shell-admin .dealer-directory-table { min-width: 880px; }
  .shell-admin .dealer-directory-table th:nth-child(1) { width: 140px; }
  .shell-admin .dealer-directory-table th:nth-child(2) { width: 28%; }
  .shell-admin .dealer-directory-table th:last-child { width: 194px; }
  .shell-admin .dealer-directory-table td:last-child { white-space: nowrap; }
  .shell-admin .dealer-directory-table td,.shell-admin .dealer-members-table td { vertical-align: middle; overflow-wrap: anywhere; }
  .shell-admin .dealer-directory-table td strong,.shell-admin .dealer-members-table td strong { display: block; color: var(--ink); font-weight: 600; }
  .shell-admin .dealer-directory-table td small,.shell-admin .dealer-members-table td small { display: block; margin-top: 5px; color: var(--muted); font-size: .8125rem; }
  .shell-admin .dealer-directory-table .btn { min-width: 82px; }
  .shell-admin .dealer-directory .empty-state { display: grid; justify-items: start; gap: 16px; }
  .shell-admin .dealer-admin-editor { display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: start; gap: 22px; }
  .shell-admin .dealer-admin-profile { min-width: 0; }
  .shell-admin .dealer-admin-profile .dealer-contact-form { display: grid; grid-template-columns: minmax(0,1fr); gap: 26px; }
  .shell-admin .dealer-form-section { min-width: 0; margin: 0; padding: 0; border: 0; }
  .shell-admin .dealer-form-section + .dealer-form-section { padding-top: 22px; border-top: 1px solid var(--line); }
  .shell-admin .dealer-form-section legend { float: left; width: 100%; margin-bottom: 17px; padding: 0; color: var(--ink); font-size: .9375rem; font-weight: 650; }
  .shell-admin .dealer-form-fields { clear: both; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .shell-admin .dealer-form-fields .field { min-width: 0; margin: 0; align-content: start; gap: 8px; }
  .shell-admin .dealer-field-full { grid-column: 1/-1; }
  .shell-admin .dealer-form-fields textarea { min-height: 108px; line-height: 1.6; }
  .shell-admin .dealer-form-fields .dealer-field-hint { font-size: .8125rem; line-height: 1.55; }
  .shell-admin .dealer-form-section .dealer-address-role-choice { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 14px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; }
  .shell-admin .dealer-form-section .dealer-address-role-choice legend { float: none; width: auto; margin: 0; padding: 0 4px; font-size: .875rem; }
  .shell-admin .dealer-address-role-choice label { display: flex; align-items: center; gap: 10px; min-height: 44px; }
  .shell-admin .dealer-address-role-choice input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; min-height: 0; padding: 0; margin: 0; }
  .shell-admin .dealer-address-role-choice p { grid-column: 1/-1; }
  .shell-admin .dealer-access-check { clear: both; display: flex; align-items: start; padding: 16px; border: 1px solid var(--blue-line); border-radius: 8px; background: var(--blue-soft); gap: 12px; }
  .shell-admin .dealer-access-check input { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 3px; }
  .shell-admin .dealer-access-check span { color: var(--ink); font-size: .875rem; font-weight: 600; }
  .shell-admin .dealer-access-check small { display: block; margin-top: 5px; color: var(--muted); font-size: .8125rem; font-weight: 400; line-height: 1.5; }
  .shell-admin .dealer-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-top: 22px; border-top: 1px solid var(--line); }
  .shell-admin .dealer-admin-account { min-width: 0; }
  .shell-admin .dealer-admin-account .card { padding: 22px; }
  .shell-admin .dealer-admin-account h2 { margin-bottom: 18px; font-size: 1.05rem; }
  .shell-admin .dealer-admin-account p { color: var(--muted); font-size: .875rem; line-height: 1.7; margin-block: 16px; }
  .shell-admin .dealer-admin-account .btn { width: 100%; white-space: normal; text-align: center; line-height: 1.5; }
  .shell-admin .dealer-account-facts { display: grid; gap: 16px; margin: 22px 0; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
  .shell-admin .dealer-account-facts dt { color: var(--muted); font-size: .8125rem; }
  .shell-admin .dealer-account-facts dd { margin: 4px 0 0; color: var(--ink); font-size: .875rem; overflow-wrap: anywhere; }
  .shell-admin .dealer-admin-note { padding: 0 12px 22px; }
  .shell-admin .dealer-admin-note strong { color: var(--ink-soft); font-size: .875rem; font-weight: 600; }
  .shell-admin .dealer-admin-note p { margin: 8px 0 0; }
  .shell-admin .dealer-credential-notice { display: grid; gap: 12px; }
  .shell-admin .dealer-credential-notice .field { margin: 0; }
  .shell-admin .dealer-members-table { min-width: 760px; }
  .shell-admin .dealer-members-table td:first-child { min-width: 230px; }
  .shell-admin .dealer-members-table td:last-child { width: 300px; }
  .shell-admin .dealer-members-table form { margin: 0; }
  .shell-admin .dealer-admin-addresses { margin-top: 24px; }
  .shell-admin .dealer-admin-addresses .table-scroll { max-height: 560px; overflow: auto; }
  .shell-admin .dealer-admin-address-table { min-width: 840px; }
  .shell-admin .dealer-admin-address-table td:first-child { min-width: 190px; overflow-wrap: anywhere; }
  .shell-admin .dealer-admin-address-table td:last-child { min-width: 300px; max-width: 58ch; white-space: normal; overflow-wrap: anywhere; }
  .shell-admin .dealer-add-contact { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
  .shell-admin .dealer-add-contact > summary { cursor: pointer; width: fit-content; color: var(--link); font-size: .9375rem; font-weight: 600; min-height: 38px; }
  .shell-admin .dealer-add-contact > p { color: var(--muted); font-size: .875rem; margin-bottom: 18px; line-height: 1.6; }
  .shell-admin .dealer-contact-create { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: end; gap: 18px; }
  .shell-admin .dealer-contact-create .field { margin: 0; min-width: 0; }
  .shell-admin .dealer-auth-history > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; min-height: 40px; color: var(--ink); font-weight: 600; }
  .shell-admin .dealer-auth-history > summary::-webkit-details-marker { display: none; }
  .shell-admin .dealer-auth-history > summary small { margin-left: auto; color: var(--muted); font-size: .8125rem; font-weight: 400; }
  .shell-admin .dealer-auth-history > summary::after { content: ''; flex: 0 0 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
  .shell-admin .dealer-auth-history[open] > summary::after { transform: rotate(45deg); }
  .shell-admin .dealer-auth-history[open] > summary { margin-bottom: 18px; }
  .shell-admin .dealer-auth-history .table { min-width: 740px; }
  @media(max-width:1100px) { .shell-admin .dealer-admin-editor { grid-template-columns: minmax(0,1fr); } .shell-admin .dealer-contact-create { grid-template-columns: repeat(2,minmax(0,1fr)); } .shell-admin .dealer-contact-create > .btn { justify-self: start; } }
  @media(max-width:780px) { .shell-admin .dealer-directory-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } .shell-admin .dealer-directory-table { min-width: 880px; } .shell-admin .dealer-members-table { min-width: 760px; } }
  @media(max-width:520px) { .shell-admin .dealer-admin-heading { align-items: start; } .shell-admin .dealer-admin-heading .action-row { width: 100%; justify-content: start; } .shell-admin .dealer-form-fields,.shell-admin .dealer-contact-create,.shell-admin .dealer-form-section .dealer-address-role-choice { grid-template-columns: minmax(0,1fr); } .shell-admin .dealer-directory-stats { gap: 10px; } .shell-admin .dealer-directory-stats > div { padding: 16px; } .shell-admin .dealer-directory-stats span { font-size: .8125rem; } .shell-admin .dealer-admin-account .card { padding: 18px; } .shell-admin .dealer-auth-history > summary { gap: 12px; } }
}

@layer refresh {
  .shell-admin .bulk-formula-risk { display: flex; align-items: flex-start; gap: 10px; margin: 18px 0; color: var(--ink); font-weight: 600; line-height: 1.5; }
  .shell-admin .bulk-formula-risk input[type="checkbox"] { flex: 0 0 20px; width: 20px; height: 20px; min-height: 0; padding: 0; margin: 2px 0 0; accent-color: var(--link); }
  .shell-admin .bulk-formula-values { margin: 10px 0; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
  .shell-admin .bulk-formula-values summary { cursor: pointer; padding: 12px 14px; color: var(--link); font-weight: 600; overflow-wrap: anywhere; }
  .shell-admin .bulk-formula-values summary:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
  .shell-admin .bulk-formula-values .table-scroll { max-height: 480px; overflow: auto; }
  .shell-admin .bulk-formula-values td { max-width: 68ch; white-space: normal; overflow-wrap: anywhere; }
}
@layer refresh {
  .shell-admin .html-editor-caption { display: block; margin: 0; padding: 14px 16px; color: var(--ink); font-size: .875rem; font-weight: 600; border-bottom: 1px solid var(--line); }
}
/* Bulk operations: clear, parallel download → upload → preview flows. */
@layer refresh {
  .shell-admin .bulk-product-workspace { min-width: 0; }
  .shell-admin .bulk-diagnostic-item { display: grid; gap: 5px; min-width: 0; margin-block: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
  .shell-admin .bulk-diagnostic-context { font-size: .875rem; font-weight: 600; }
  .shell-admin .bulk-diagnostic-item strong { font-size: .875rem; line-height: 1.5; }
  .shell-admin .bulk-diagnostic-item code { display: block; max-width: 100%; font-size: .75rem; font-weight: 400; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
  .shell-admin .bulk-mode-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 24px; }
  .shell-admin .bulk-mode-card { display: flex; flex-direction: column; min-width: 0; gap: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); }
  .shell-admin .bulk-mode-card h2 { margin: 0; font-size: 1.1rem; line-height: 1.35; }
  .shell-admin .bulk-mode-intro { margin: 0; color: var(--ink-soft); font-size: .875rem; line-height: 1.65; }
  .shell-admin .bulk-mode-downloads { display: flex; flex-wrap: wrap; align-items: start; gap: 10px; }
  .shell-admin .bulk-mode-downloads .btn { max-width: 100%; white-space: normal; text-align: left; line-height: 1.4; overflow-wrap: anywhere; }
  .shell-admin .bulk-mode-downloads svg { flex: 0 0 18px; }
  .shell-admin .bulk-formula-help { color: var(--ink-soft); font-size: .8125rem; line-height: 1.6; }
  .shell-admin .bulk-formula-help summary { color: var(--link); cursor: pointer; font-weight: 600; }
  .shell-admin .bulk-formula-help summary:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
  .shell-admin .bulk-formula-help p { margin: 10px 0 0; }
  .shell-admin .bulk-mode-card form { display: grid; justify-items: start; gap: 14px; margin: auto 0 0; padding-top: 18px; border-top: 1px solid var(--line); }
  .shell-admin .bulk-mode-card form .field { width: 100%; min-width: 0; margin: 0; font-size: .875rem; }
  .shell-admin .bulk-mode-card input[type="file"] { width: 100%; min-width: 0; font-size: .8125rem; }
  .shell-admin .bulk-mode-card form .btn { min-height: 44px; }
  @media(max-width:1050px) { .shell-admin .bulk-mode-grid { grid-template-columns: minmax(0,1fr); } }
  @media(max-width:620px) { .shell-admin .bulk-mode-card { padding: 16px; } .shell-admin .bulk-mode-downloads { flex-direction: column; align-items: stretch; } .shell-admin .bulk-mode-card form .btn { width: 100%; } }
}
/* The unauthenticated admin entrance has no operational chrome. */
@layer refresh {
  .shell-admin-auth { background: var(--canvas); }
  .shell-admin-auth .shell { min-height: 100dvh; display: flex; flex-direction: column; }
  .shell-admin-auth .admin-auth-header { display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 14px clamp(20px, 5vw, 72px); border-bottom: 1px solid var(--line); background: var(--surface); }
  .shell-admin-auth .admin-auth-header a { display: inline-flex; align-items: center; min-height: 44px; padding: 4px 10px; border-radius: 6px; background: #fff; }
  .shell-admin-auth .admin-auth-header img { display: block; width: 116px; height: auto; }
  .shell-admin-auth .admin-auth-header > span { color: var(--ink-soft); font-size: .875rem; font-weight: 600; }
  .shell-admin-auth .admin-auth-header .theme-toggle { margin-left: auto; }
  .shell-admin-auth .container { flex: 1; display: grid; align-items: center; width: 100%; max-width: 1200px; padding: 48px 28px; }
  .shell-admin-auth .admin-auth-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,440px); align-items: center; gap: clamp(32px,6vw,96px); width: 100%; }
  .shell-admin-auth .admin-auth-context { max-width: 500px; }
  .shell-admin-auth .admin-auth-context h1 { margin: 0 0 18px; color: var(--ink); font-size: clamp(2rem,3.5vw,3.25rem); line-height: 1.13; letter-spacing: -.03em; }
  .shell-admin-auth .admin-auth-context p { max-width: 36ch; margin: 0; color: var(--ink-soft); font-size: 1.0625rem; line-height: 1.65; }
  .shell-admin-auth .admin-auth-card { min-width: 0; padding: clamp(24px,3vw,40px); border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 12px 32px #152e4814; }
  .shell-admin-auth .admin-auth-card h2 { margin: 0 0 8px; color: var(--ink); font-size: 1.5rem; line-height: 1.3; }
  .shell-admin-auth .admin-auth-card > p:not(.login-recovery) { margin: 0 0 26px; color: var(--ink-soft); font-size: .875rem; line-height: 1.6; }
  .shell-admin-auth .admin-auth-card .login-form { display: grid; gap: 18px; }
  .shell-admin-auth .admin-auth-card .field { margin: 0; }
  .shell-admin-auth .admin-auth-card input { width: 100%; min-height: 46px; }
  .shell-admin-auth .admin-auth-card .btn { min-height: 46px; }
  .shell-admin-auth .admin-auth-card .login-recovery { margin: 20px 0 0; text-align: center; font-size: .875rem; }
  .shell-admin-auth :focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
  @media(max-width:760px) {
    .shell-admin-auth .admin-auth-header { min-height: 68px; }
    .shell-admin-auth .admin-auth-header > span { font-size: .75rem; }
    .shell-admin-auth .container { padding: 44px 20px; }
    .shell-admin-auth .admin-auth-layout { grid-template-columns: minmax(0,1fr); gap: 28px; max-width: 480px; margin: auto; }
    .shell-admin-auth .admin-auth-context h1 { font-size: 2rem; margin-bottom: 10px; }
  }
  @media(max-width:420px) { .shell-admin-auth .admin-auth-header { gap: 8px; padding-inline: 16px; } .shell-admin-auth .admin-auth-header > span { max-width: 105px; } }
}
@layer refresh {
  .shell-admin .admin-order-create { max-width: 1040px; display: grid; gap: 18px; }
  .shell-admin .admin-order-create .card { margin: 0; }
  .shell-admin .admin-order-form { display: grid; gap: 18px; min-width: 0; }
  .shell-admin .admin-order-section { min-width: 0; padding: clamp(18px,2.5vw,28px); }
  .shell-admin .admin-order-section-head { margin-bottom: 18px; }
  .shell-admin .admin-order-section-head h2 { margin: 0 0 5px; }
  .shell-admin .admin-order-section-head p { color: var(--muted); font-size: .9rem; line-height: 1.5; }
  .shell-admin .admin-order-dealer-picker { display: flex; align-items: end; gap: 12px; }
  .shell-admin .admin-order-dealer-picker .field { flex: 1; min-width: 0; margin: 0; }
  .shell-admin .admin-order-dealer-picker .btn { flex: none; }
  .shell-admin .admin-order-addresses { min-width: 0; margin: 0; padding: 0; border: 0; }
  .shell-admin .admin-order-addresses legend { margin-bottom: 12px; font-weight: 650; }
  .shell-admin .admin-order-address-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,310px),1fr)); gap: 10px; max-height: 420px; overflow: auto; padding: 2px; }
  .shell-admin .admin-order-address { display: flex; align-items: start; gap: 12px; min-width: 0; min-height: 92px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-raised); cursor: pointer; line-height: 1.45; }
  .shell-admin .admin-order-address:has(input:checked) { border-color: var(--action); background: var(--blue-soft); }
  .shell-admin .admin-order-address:focus-within { outline: 2px solid var(--link); outline-offset: 2px; }
  .shell-admin .admin-order-address input[type="radio"] { flex: none; width: 18px; height: 18px; min-height: 0; margin: 2px 0 0; padding: 0; accent-color: var(--action); }
  .shell-admin .admin-order-address strong { display: block; overflow-wrap: anywhere; }
  .shell-admin .admin-order-address-text { display: block; margin-top: 4px; color: var(--ink-soft); font-size: .88rem; overflow-wrap: anywhere; }
  .shell-admin .admin-order-section .field { display: grid; gap: 7px; }
  .shell-admin .admin-order-section .field + .field { margin-top: 18px; }
  .shell-admin .admin-order-section .field small { color: var(--muted); font-weight: 400; }
  .shell-admin .admin-order-section textarea { width: 100%; resize: vertical; }
  .shell-admin .admin-order-submit { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 4px 0 24px; }
  .shell-admin .admin-order-submit p { max-width: 60ch; }
  .shell-admin .admin-order-submit .btn:disabled { opacity: .5; cursor: not-allowed; }
  @media(max-width:640px) { .shell-admin .admin-order-dealer-picker { align-items: stretch; flex-direction: column; } .shell-admin .admin-order-submit .btn { width: 100%; } }
}
/* Compact operations: keep the active task visible without hiding its controls. */
@layer refresh {
  .shell-admin .bulk-operations-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 14px; }
  .shell-admin .bulk-operations-heading h1 { margin: 0; font-size: 1.5rem; }
  .shell-admin .bulk-operations-heading p { margin: 0; color: var(--muted); font-size: .875rem; }
  .shell-admin .bulk-workflow { min-width: 0; margin: 0 0 12px; padding: 0; overflow: visible; }
  .shell-admin .bulk-workflow-summary, .shell-admin .settings-disclosure { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; padding: 14px 20px; cursor: pointer; list-style: none; }
  .shell-admin .bulk-workflow-summary::-webkit-details-marker, .shell-admin .settings-disclosure::-webkit-details-marker, .shell-admin .bulk-mode-card > summary::-webkit-details-marker { display: none; }
  .shell-admin .bulk-workflow-summary > span, .shell-admin .settings-disclosure > span { display: grid; gap: 3px; min-width: 0; }
  .shell-admin .bulk-workflow-summary h2, .shell-admin .settings-disclosure h2 { margin: 0; color: var(--ink); font-size: 1rem; font-weight: 650; line-height: 1.35; }
  .shell-admin .bulk-workflow-summary small, .shell-admin .settings-disclosure small { color: var(--muted); font-size: .8125rem; font-weight: 400; overflow-wrap: anywhere; }
  .shell-admin .bulk-workflow-summary::after, .shell-admin .settings-disclosure::after, .shell-admin .bulk-mode-card > summary::after { content: ''; flex: 0 0 8px; width: 8px; height: 8px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); transition: transform .18s ease; }
  .shell-admin .bulk-workflow[open] > summary::after, .shell-admin details[open] > .settings-disclosure::after, .shell-admin .bulk-mode-card[open] > summary::after { transform: rotate(225deg); }
  .shell-admin .bulk-workflow-summary:hover, .shell-admin .settings-disclosure:hover, .shell-admin .bulk-mode-card > summary:hover { background: var(--surface-raised); }
  .shell-admin .bulk-workflow-summary:focus-visible, .shell-admin .settings-disclosure:focus-visible, .shell-admin .bulk-mode-card > summary:focus-visible { outline: 2px solid var(--link); outline-offset: -3px; border-radius: 8px; }
  .shell-admin .bulk-workflow-body { padding: 0 20px 20px; border-top: 1px solid var(--line); }
  .shell-admin .bulk-workflow-body > p:first-child { margin-top: 14px; color: var(--ink-soft); font-size: .875rem; }
  .shell-admin .bulk-sku-status form[action$="/preview"] { display: grid; grid-template-columns: minmax(0,2fr) minmax(180px,1fr); align-items: end; gap: 12px 18px; }
  .shell-admin .bulk-sku-status form[action$="/preview"] .field { min-width: 0; margin: 0; }
  .shell-admin .bulk-sku-status form[action$="/preview"] .field:first-child { grid-row: span 2; }
  .shell-admin .bulk-sku-status form[action$="/preview"] textarea { width: 100%; max-height: 160px; }
  .shell-admin .bulk-sku-status form[action$="/preview"] .btn { justify-self: start; }
  .shell-admin .bulk-mode-grid { gap: 12px; margin-top: 16px; align-items: start; }
  .shell-admin .bulk-mode-card { display: block; padding: 0; background: var(--surface-raised); }
  .shell-admin .bulk-mode-card > summary { display: flex; align-items: center; gap: 8px 16px; flex-wrap: wrap; min-height: 70px; padding: 14px 16px; cursor: pointer; list-style: none; }
  .shell-admin .bulk-mode-card > summary h3 { margin: 0; font-size: .9375rem; font-weight: 650; line-height: 1.35; }
  .shell-admin .bulk-mode-card > summary small { margin-right: auto; color: var(--muted); font-size: .8125rem; }
  .shell-admin .bulk-mode-body { display: grid; gap: 12px; padding: 0 16px 16px; border-top: 1px solid var(--line); }
  .shell-admin .bulk-mode-intro { margin-top: 12px; line-height: 1.5; }
  .shell-admin .bulk-mode-card form { gap: 10px; margin: 0; padding-top: 12px; }
  .shell-admin .bulk-review-jump { margin: 14px 0 0; font-size: .875rem; font-weight: 600; }
  .shell-admin .bulk-review-jump a { color: var(--link); text-underline-offset: 3px; }
  .shell-admin .bulk-v2-review { scroll-margin-top: 16px; }
  .shell-admin .settings-heading { margin-bottom: 16px; }
  .shell-admin .settings-heading h1 { margin: 0 0 4px; }
  .shell-admin .settings-heading p { margin: 0; }
  .shell-admin .settings-layout { grid-template-columns: minmax(0,1.65fr) minmax(230px,.8fr); gap: 14px; margin-bottom: 14px; }
  .shell-admin .settings-layout .settings-notifications.card { padding: 20px; border-top: 0; }
  .shell-admin .settings-section-heading h2 { margin: 0; }
  .shell-admin .settings-notifications textarea { min-height: 72px; }
  .shell-admin .settings-save { gap: 10px; margin-top: 12px; }
  .shell-admin .settings-info { align-self: start; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); }
  .shell-admin .settings-info h2 { margin: 0 0 8px; font-size: 1rem; }
  .shell-admin .settings-info p { margin: 0 0 12px; }
  .shell-admin .settings-infrastructure { margin-top: 14px; padding-top: 12px; }
  .shell-admin .settings-smtp, .shell-admin .settings-maintenance, .shell-admin .settings-admin-ip { min-width: 0; margin: 0 0 12px; padding: 0; border-top: 0; }
  .shell-admin .settings-disclosure-body { padding: 0 20px 20px; border-top: 1px solid var(--line); }
  .shell-admin .settings-disclosure-body > p:first-child { margin-top: 14px; }
  .shell-admin .settings-maintenance form { margin-top: 14px; }
  @media(max-width:900px) { .shell-admin .settings-layout { grid-template-columns: minmax(0,1fr); } }
  @media(max-width:680px) {
    .shell-admin .bulk-operations-heading { display: block; }
    .shell-admin .bulk-operations-heading p { margin-top: 4px; }
    .shell-admin .bulk-sku-status form[action$="/preview"] { grid-template-columns: minmax(0,1fr); }
    .shell-admin .bulk-sku-status form[action$="/preview"] .field:first-child { grid-row: auto; }
    .shell-admin .bulk-workflow-summary, .shell-admin .settings-disclosure { padding-inline: 16px; }
    .shell-admin .bulk-workflow-body, .shell-admin .settings-disclosure-body { padding-inline: 16px; }
  }
  @media(prefers-reduced-motion:reduce) { .shell-admin .bulk-workflow-summary::after, .shell-admin .settings-disclosure::after, .shell-admin .bulk-mode-card > summary::after { transition: none; } }
}