/* Screenshot reference, 2026-11-06. Presentation only; shared tokens live in design-tokens.css. */
html:has(body.storefront) { scrollbar-width:none; }
html:has(body.storefront)::-webkit-scrollbar { display:none; }
html body.storefront, body.checkout-page, body.admin-theme, body[data-agent-page] { background:var(--ui-bg); color:var(--ui-ink); font-family:var(--ui-font); }
html .storefront .shell { width:min(var(--page-max),calc(100% - 2 * var(--page-inset))); }
html .storefront :is(.header-inner,#home) { width:min(var(--page-max),calc(100% - 2 * var(--page-inset))); }
html .storefront { --catalog-fill:var(--fill); }
html .storefront .site-header {
  height:auto; min-height:0; padding-top:env(safe-area-inset-top,0px);
  border:0; box-shadow:none; background:var(--ui-bg);
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
html .storefront .site-header::after {
  content:''; position:absolute; inset:auto 0 0; height:1px; background:var(--ui-line);
  opacity:0; pointer-events:none; transition:opacity 150ms ease;
}
html .storefront .site-header.has-scrolled::after { opacity:1; }
html .storefront .header-inner {
  position:relative; height:auto; min-height:52px; padding-block:0; gap:10px;
}
html .storefront .brand {
  flex:0 1 auto; min-width:0; max-width:none; gap:10px; color:var(--ui-ink);
  font-size:1.0625rem; font-weight:600; letter-spacing:0; line-height:1.25;
}
html .storefront .brand :is(#brandName,#redeemBrandName) {
  min-width:0; max-width:none; overflow:hidden; text-overflow:ellipsis;
  transition:opacity 200ms ease;
}
html .storefront .header-inner :is(.brand-logo,.brand-mark) { width:30px; height:30px; border-radius:7px; }
html .storefront .header-inner .brand-mark { overflow:hidden; }
html .storefront .header-inner .brand-mark img { display:block; width:100%; height:100%; object-fit:cover; }
html .storefront .header-actions {
  display:grid; grid-template-columns:repeat(3,44px); flex:none; align-items:center;
  width:max-content; max-width:none; height:40px; padding:0 4px; margin-left:auto; gap:0;
  background:var(--catalog-fill); border:0; border-radius:var(--ui-radius-pill);
}
html .storefront .header-actions .customer-entry { display:none; }
html .storefront .header-control-slot { position:relative; height:40px; }
html .storefront .header-actions .header-control {
  position:absolute; inset:-2px 0; display:grid; place-items:center; width:44px; height:44px;
  border:0; border-radius:var(--ui-radius-pill); background:transparent; padding:0; color:var(--ui-ink);
}
html .storefront .header-control::before {
  content:''; position:absolute; inset:4px; border-radius:inherit; pointer-events:none;
}
@media (hover:hover) {
  html .storefront .header-control:hover::before { background:var(--catalog-fill); }
}
html .storefront .header-control svg {
  position:relative; width:20px; height:20px; fill:none; stroke:currentColor;
  stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
}
html .storefront .header-announcement.is-unread::after {
  content:''; position:absolute; inset:8px 8px auto auto; width:8px; height:8px;
  border-radius:50%; background:var(--ui-danger); pointer-events:none;
}
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))) {
  html .storefront .site-header:not(.solid-header) {
    background:var(--glass);
    -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  }
  html .storefront .site-header:not(.solid-header) .header-actions {
    -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  }
}
@media (prefers-reduced-transparency:reduce) {
  html .storefront .site-header:not(.solid-header) { background:var(--ui-bg); }
  html .storefront .site-header:not(.solid-header),
  html .storefront .site-header:not(.solid-header) .header-actions {
    -webkit-backdrop-filter:none; backdrop-filter:none;
  }
}
html .storefront .header-catalog-title {
  position:absolute; left:50%; transform:translateX(-50%); pointer-events:none;
  max-width:max(70px,calc(100% - 286px)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:1.0625rem; font-weight:600; line-height:1.25; opacity:0; transition:opacity 200ms ease;
}
html .storefront.has-compact-catalog-title .header-catalog-title { opacity:1; }
html .storefront :is(#mobileNavigation,#redeemNavigation) {
  position:absolute; inset:100% 0 auto auto; width:min(300px,100%); height:auto;
  max-height:calc(100dvh - 52px - env(safe-area-inset-top,0px) - 8px); overflow:auto;
  padding:8px; border:0; border-radius:var(--ui-radius-control); background:var(--ui-surface);
  box-shadow:var(--ui-shadow-float); -webkit-backdrop-filter:none; backdrop-filter:none;
}
html .storefront :is(#mobileNavigation,#redeemNavigation) :is(a,.mobile-order-lookup,.mobile-account-entry,.language-toggle) {
  display:flex; align-items:center; width:100%; min-height:44px; margin:0; padding:8px 12px;
  border:0; border-radius:12px; color:var(--ui-ink); background:none; font:inherit; text-align:left;
}
html .storefront :is(#mobileNavigation,#redeemNavigation) :is(a,button):hover { background:var(--catalog-fill); }
html .storefront #menuLanguage .language-options {
  position:static; margin:0 4px 4px; padding:0; border:0; box-shadow:none;
}
html .storefront .language-chevron { width:8px; height:8px; border:solid currentColor; border-width:0 1.8px 1.8px 0; transform:translateY(-2px) rotate(45deg); font-size:0; }
html .storefront .language-toggle[aria-expanded=true] .language-chevron { transform:translateY(2px) rotate(225deg); }

html .storefront #catalog { padding-top:20px; scroll-margin-top:calc(52px + env(safe-area-inset-top,0px)); }
html .storefront #catalog .section-heading { display:block; margin:0 0 16px; transition:opacity 200ms ease; }
html .storefront.has-compact-catalog-title #catalog .section-heading { opacity:0; }
html .storefront #catalog h1 {
  margin:0; font-size:1.75rem; line-height:1.214286; font-weight:700; letter-spacing:0; color:var(--ui-ink);
}
.storefront #catalog .catalog-layout { display:flex; flex-direction:column; gap:0; }
.storefront #catalog .catalog-panel { display:contents; }
.storefront #catalog .catalog-toolbar { order:-1; padding:0; margin:0 0 12px; border:0; display:block; width:100%; }
.storefront #catalog .catalog-result-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.storefront #catalog .catalog-search { display:flex; flex-wrap:nowrap; align-items:stretch; gap:0; }
.storefront #catalog .search-box {
  flex:1; width:auto; min-width:0; min-height:44px; padding:0 14px; margin:0; gap:8px;
  border:0; border-radius:var(--ui-radius-pill); background:var(--catalog-fill); box-shadow:none;
}
.storefront #catalog .search-box > svg { width:18px; height:18px; flex:none; color:var(--ui-muted); }
.storefront #catalog .search-box input {
  flex:1; height:auto; min-height:0; margin:0; padding:8px 0;
  font:400 1.0625rem/1.25 var(--ui-font); color:var(--ui-ink); border:0; background:transparent;
}
.storefront #catalog .search-box input::placeholder { color:rgb(60 60 67 / 45%); opacity:1; }
.storefront #catalog .search-box input::-webkit-search-cancel-button { -webkit-appearance:none; }
.storefront #catalog .search-box:focus-within { background:rgb(118 118 128 / 16%); box-shadow:none; }
.storefront #catalog #clearSearchInput {
  flex:none; display:grid; place-items:center; width:32px; min-height:44px; margin-right:-8px;
  padding:0; border:0; border-radius:var(--ui-radius-pill); background:none; color:var(--ui-subtle);
}
.storefront #catalog #clearSearchInput svg { width:16px; height:16px; }
.storefront #catalog .search-cancel {
  display:grid; grid-template-columns:0fr; visibility:hidden; opacity:0;
  transition:grid-template-columns 200ms ease, margin-left 200ms ease, opacity 200ms ease, visibility 200ms;
}
.storefront #catalog .search-cancel button {
  min-width:0; min-height:44px; overflow:hidden; padding:0;
  color:var(--ui-blue); font:400 1.0625rem/1.25 var(--ui-font); white-space:nowrap;
}
.storefront #catalog .catalog-search:focus-within .search-cancel { grid-template-columns:1fr; visibility:visible; opacity:1; margin-left:12px; }
.storefront #catalog .category-panel {
  order:0; position:static; width:100%; padding:0; margin:0 0 20px;
  border:0; background:transparent; box-shadow:none; z-index:auto;
}
.storefront #catalog .category-list {
  display:flex; flex-wrap:nowrap; width:100%; max-width:none; gap:8px; overflow-x:auto; scrollbar-width:none;
  padding:0; margin:0; border-radius:0; background:transparent; scroll-padding-right:24px;
}
.storefront #catalog .category-list.can-scroll-right {
  mask-image:linear-gradient(to left,transparent,#000 24px);
  -webkit-mask-image:linear-gradient(to left,transparent,#000 24px);
}
.storefront #catalog .category-list::-webkit-scrollbar { display:none; }
.storefront #catalog .category-button {
  height:auto; min-height:32px; flex:none; width:auto; margin:0; padding:4px 14px; display:flex;
  border:0; border-radius:var(--ui-radius-pill); background:var(--catalog-fill);
  color:rgb(60 60 67 / 80%); font-size:.875rem; font-weight:500; line-height:1.3; white-space:nowrap;
}
.storefront #catalog .category-button:focus-visible { outline-offset:-3px; }
.storefront #catalog .category-button.active { color:white; background:var(--ui-ink); font-weight:600; }
@media (max-width:639px) {
  .storefront #catalog .category-list { width:calc(100% + 16px); padding-right:24px; }
}
@media (max-width:460px) {
  html .storefront.has-compact-catalog-title .brand :is(#brandName,#redeemBrandName) { opacity:0; }
}
@media (max-width:390px) {
  html .storefront .header-inner :is(.brand-logo,.brand-mark) { width:28px; height:28px; }
}
@media (max-width:375px) {
  html .storefront #catalog h1 { font-size:1.625rem; line-height:1.230769; }
}
@media (min-width:461px) {
  html .storefront.has-compact-catalog-title .brand { max-width:calc(50% - 105px); }
}
.storefront #productGrid.product-grid {
  grid-template-columns:minmax(0,1fr); gap:12px; padding:0; margin:0; align-items:stretch;
}
.storefront #productGrid.product-grid .product-card {
  display:grid; grid-template-columns:52px minmax(0,1fr); grid-template-rows:1fr auto;
  align-items:start; column-gap:12px; row-gap:14px; min-height:0; min-width:0; padding:16px;
  border:0; border-radius:26px; background:var(--surface); box-shadow:none; overflow:visible;
  transform:none; transition:none; container-type:inline-size;
}
.storefront #productGrid.product-grid .product-artwork {
  position:relative; display:grid; place-items:center; width:52px; height:52px; min-height:0; grid-row:auto;
  border:0; border-radius:14px; background:var(--bg); overflow:hidden;
}
.storefront #productGrid.product-grid .custom-product-image {
  position:relative; inset:auto; width:30px; height:30px; padding:0; border:0; border-radius:0; object-fit:contain;
}
.storefront #productGrid .product-artwork:has(.custom-product-image) .product-symbol { display:none; }
.storefront #productGrid .product-placeholder {
  width:26px; height:26px; border:1.7px solid var(--label-2); border-radius:7px; background:none; position:relative;
}
.storefront #productGrid .product-placeholder::before { content:''; position:absolute; width:10px; height:10px; top:6px; left:6px; border:1.7px solid var(--label-2); border-radius:3px; }
.storefront #productGrid .product-row-body { min-width:0; }
.storefront #productGrid h4,
.storefront #productGrid .product-row-summary,
.storefront #productGrid .product-row-badges { margin:0; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.storefront #productGrid h4 { font-size:17px; line-height:1.3; font-weight:600; color:var(--label); }
.storefront #productGrid .product-row-summary { display:block; margin-top:2px; min-height:0; font-size:15px; line-height:1.5; color:var(--label-2); }
.storefront #productGrid .product-row-badges { display:block; margin-top:2px; color:var(--label-2); font-size:13px; line-height:1.5; }
.storefront #productGrid .product-row-badges:empty { display:none; }
.storefront #productGrid .row-badge {
  display:inline; padding:0; margin:0; border:0; background:none; color:inherit; font:inherit;
}
.storefront #productGrid .row-badge::before { content:none; }
.storefront #productGrid .row-badge + .row-badge::before { content:' · '; display:inline; margin:0; background:none; }
.storefront #productGrid .product-row-bottom {
  grid-column:1 / -1; display:flex; align-items:center; flex-wrap:nowrap; gap:8px; min-width:0;
}
.storefront #productGrid .product-row-price {
  display:inline-flex; align-items:baseline; margin:0; color:var(--label);
  font:600 24px/1.1 var(--ui-font); font-variant-numeric:tabular-nums; letter-spacing:normal;
  white-space:nowrap; flex:none;
}
.storefront #productGrid .product-currency { font-size:15px; margin:0 2px 0 0; }
.storefront #productGrid .product-decimal { font-size:15px; font-weight:500; }
.storefront #productGrid .product-stock, .storefront #productGrid .product-sold {
  color:var(--label-2); white-space:nowrap; font-size:13px; font-variant-numeric:tabular-nums; letter-spacing:normal;
}
.storefront #productGrid .product-stock { display:inline-flex; flex:none; align-items:center; gap:4px; font-weight:500; }
.storefront #productGrid .product-stock::before { content:''; flex:none; width:8px; height:8px; border-radius:50%; background:var(--label-3); }
.storefront #productGrid .product-stock.is-available::before { background:var(--success); }
.storefront #productGrid .product-stock.is-low::before { background:var(--warning); }
.storefront #productGrid .row-details {
  position:relative; inset:auto; transform:none; display:inline-flex; align-items:center; justify-content:center; flex:none; margin:0 0 0 auto;
  min-height:36px; padding:0 18px; border:0; border-radius:999px; background:var(--accent);
  color:#fff; font:600 15px/1.2 var(--ui-font); white-space:nowrap; box-shadow:none;
}
.storefront #productGrid .row-details::after { content:''; position:absolute; inset:-4px 0; }
.storefront #productGrid .row-details.is-unavailable { background:var(--fill); color:var(--label-2); }
@container (width < 380px) {
  .storefront #productGrid .product-sold { display:none; }
}
@container (width < 320px) {
  .storefront #productGrid .stock-state { display:none; }
}
@media (min-width:640px) {
  .storefront #productGrid.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
}
@media (min-width:900px) {
  .storefront #productGrid.product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.storefront #productGrid .catalog-skeleton { min-height:137px; padding:14px; gap:15px; border:0; border-radius:24px; box-shadow:var(--ui-shadow-card); }
.storefront #productGrid .catalog-skeleton i { width:54px; height:54px; }
.storefront #productGrid .catalog-skeleton span { gap:8px; }
.storefront #productGrid .catalog-skeleton b { height:18px; }
.storefront #productGrid .catalog-skeleton b:nth-child(3) { width:85%; height:21px; }
.storefront #productGrid .catalog-skeleton b:nth-child(4) { width:100%; height:29px; }
.storefront #emptyState { margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; padding:32px 20px; }
.storefront #emptyState button { margin-top:16px; }
html .storefront .floating-support { right:12px; bottom:calc(64px + env(safe-area-inset-bottom)); min-height:38px; height:38px; max-width:calc(100vw - 24px); padding:0 16px; gap:8px; border:0; border-radius:var(--ui-radius-pill); background:var(--ui-blue); color:white; font-size:13px; font-weight:700; box-shadow:0 10px 24px rgb(20 73 198 / 35%); }
html .storefront .floating-support::after { content:''; position:absolute; inset:-3px 0; }
html .storefront .floating-support>svg { width:22px; height:22px; flex:none; padding:2px; border:1.8px solid white; border-radius:50%; }
html .storefront .floating-support #supportLabel { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Informational sections share the page background. Only results and overlays
   may have a surface; panels inside them use typographic hierarchy and rules. */
:root { --ui-section-rule:var(--separator); }
html .storefront .store-footer { background:transparent; border:0; border-top:1px solid var(--ui-section-rule); margin-top:48px; }
html .storefront .store-footer .footer-grid {
  grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,4fr) minmax(0,2fr);
  gap:32px 40px; padding:32px 0; reading-flow:grid-rows;
}
html .storefront .footer-brand-panel { grid-column:1/-1; }
html .storefront .store-footer .footer-panel { min-width:0; padding:0; border:0; background:transparent; border-radius:0; box-shadow:none; }
html .storefront .store-footer .footer-panel h2 { margin:0 0 12px; font-size:15px; font-weight:700; color:var(--ui-ink); }
html .storefront .store-footer .footer-brand-panel h2 { font-size:17px; margin-bottom:8px; }
html .storefront .store-footer :is(.footer-panel p,.footer-lines,.footer-contact-list) { margin:0; color:var(--ui-muted); font-size:13px; font-weight:400; line-height:1.8; }
html .storefront .store-footer .footer-brand-panel p { color:var(--ui-subtle-text); }
html .storefront .store-footer .footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:10px 16px; margin:0; }
html .storefront .store-footer .footer-links a { min-height:0; line-height:1.8; white-space:nowrap; color:var(--ui-blue); }
html .storefront .store-footer :is(.footer-links a,.footer-contact-value):hover { text-decoration:underline; }
.footer-contact-list { display:grid; gap:8px; }
.footer-contact-row { display:grid; grid-template-columns:minmax(68px,max-content) minmax(0,1fr); align-items:start; gap:8px; }
.footer-contact-row[hidden],.footer-contact-list[hidden] { display:none; }
.footer-contact-row dt { color:var(--ui-subtle-text); }
.footer-contact-row dd { margin:0; min-width:0; display:flex; align-items:flex-start; gap:6px; color:var(--ui-ink); font-weight:600; overflow-wrap:anywhere; }
.footer-copy-button { position:relative; display:grid; place-items:center; flex:none; width:23px; height:23px; padding:0; border:0; background:transparent; color:var(--ui-blue); cursor:pointer; }
.footer-copy-button::before,.footer-copy-button::after { content:''; position:absolute; width:8px; height:10px; border:1.4px solid currentColor; border-radius:2px; }
.footer-copy-button::before { transform:translate(-2px,-2px); }
.footer-copy-button::after { transform:translate(2px,2px); background:var(--ui-bg); }
.footer-copy-status { margin-top:8px; font-size:13px; color:var(--ui-success-text); overflow-wrap:anywhere; }
.footer-copy-status:empty { display:none; }
.footer-copy-status textarea { display:block; width:100%; font:inherit; }
html .storefront .store-footer #afterSalesNotice { display:grid; list-style:none; gap:10px; padding:0; }
#afterSalesNotice li { position:relative; padding-inline-start:22px; overflow-wrap:anywhere; }
#afterSalesNotice li::before { content:''; position:absolute; inset:5px auto auto 2px; width:10px; height:6px; border:solid var(--ui-success-text); border-width:0 0 2px 2px; transform:rotate(-45deg); }
html .storefront .store-footer .after-sales-link { color:var(--ui-blue); margin-top:10px; }
html .storefront .store-footer .footer-bottom { padding:20px 0; border-color:var(--ui-section-rule); color:var(--ui-subtle-text); font-size:13px; }
.footer-support-slot { position:relative; height:96px; }
html .storefront .footer-support-slot[data-docked] .floating-support { position:absolute; }
@media(min-width:900px) {
  html .storefront .footer-support-slot .floating-support { right:24px; bottom:24px; }
}
@media(min-width:640px) and (max-width:899px) {
  html .storefront .store-footer .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:639px) {
  html .storefront .store-footer .footer-grid {
    grid-template-columns:minmax(0,1fr);
    padding:28px 0; gap:0;
  }
  html .storefront .footer-quick-links { order:1; }
  html .storefront .footer-about { order:2; }
  html .storefront .footer-after-sales { order:3; }
  html .storefront .footer-contact { order:4; }
  html .storefront .store-footer .footer-panel:not(.footer-brand-panel) { padding-top:28px; margin-top:28px; border-top:1px solid var(--ui-section-rule); }
  html .storefront .store-footer .footer-links { flex-flow:row wrap; }
}
@media(max-width:899px) {
  .footer-support-slot { height:calc(88px + env(safe-area-inset-bottom)); }
  html .storefront .footer-support-slot[data-docked] .floating-support { bottom:calc(24px + env(safe-area-inset-bottom)); }
}
html .storefront .site-dialog { background:var(--ui-surface); color:var(--ui-ink); }
html .storefront :is(#accountDialog,#productDialog,#orderDialog,#lookupDialog,#contactDialog,#termsDialog,#successDialog,#announcementDialog) :is(.primary-button,.outline-button), html .storefront #productDialog .detail-purchase-bar .primary-button, .checkout-flow :is(.flow-primary,.flow-secondary), .agent-shell .agent-card button, .admin-theme :is(.primary,.secondary), .checkout-card>button { min-height:48px; border-radius:var(--ui-radius-pill); font-weight:700; }
html .storefront .site-dialog .primary-button, .checkout-card>button { background:var(--ui-blue); color:white; }
html .storefront .site-dialog .primary-button:disabled { background:var(--ui-subtle); }
html .storefront .site-dialog .outline-button, .checkout-flow .flow-secondary { background:var(--ui-surface); color:var(--ui-blue); border:1px solid var(--ui-blue); }
html .storefront .site-dialog .field input, .checkout-flow .flow-field>input, .agent-shell .agent-card :is(input:not([type=checkbox]),select), .admin-theme :is(input:not([type=checkbox]):not([type=radio]),select) { min-height:48px; border-radius:16px; border:1px solid var(--ui-line); font-size:16px; background:var(--ui-surface); color:var(--ui-ink); }
html .storefront :is(#accountDialog,#orderDialog,#lookupDialog) .field input { height:48px; min-height:48px; padding-block:9px; background:var(--ui-surface); }
.agent-shell .agent-card :is(input:not([type=checkbox]),select), .admin-theme :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select) { height:48px; padding-block:9px; }
.agent-shell .agent-card button { padding-block:9px; }
html .storefront .site-dialog h2, .agent-shell h1, .admin-theme .page-header h1, .checkout-card h1 { font-size:22px; font-weight:700; }
html .storefront #productDialog :is(.product-after-sales,.detail-description), html .storefront #termsDialog .terms-content { background:transparent; border:0; border-radius:0; padding:0; box-shadow:none; }
html .storefront #productDialog :is(.product-after-sales,.detail-description,.product-agreement) { border-top:1px solid var(--ui-section-rule); padding-top:12px; }
html .storefront #productDialog .detail-purchase-bar .primary-button { min-height:48px; }
html .storefront #productDialog .detail-meta .detail-warranty { color:var(--ui-success-text); }
.checkout-flow :is(.flow-product,.flow-summary,.flow-code-card) { background:transparent; padding:12px 0; border:0; border-block:1px solid var(--ui-section-rule); border-radius:0; box-shadow:none; }
.site-dialog.checkout-flow .checkout-payment { padding:0; border:0; border-radius:0; background:transparent; }
.checkout-flow .flow-input-wrap { background:var(--ui-surface); min-height:48px; }
.checkout-flow .flow-input-wrap input { height:46px; font-size:16px; }
.checkout-page .checkout-card { padding:24px 0; border:0; border-top:1px solid var(--ui-section-rule); border-radius:0; background:transparent; box-shadow:none; }
html .storefront #accountDialog:has(#customerAuthForm:not([hidden])) { inset:0; width:100%; max-width:none; height:100%; max-height:none; margin:0; border:0; border-radius:0; background:var(--ui-bg); box-shadow:none; }
html .storefront #accountDialog:has(#customerAuthForm:not([hidden]))::backdrop { background:var(--ui-bg); backdrop-filter:none; }
html .storefront #accountDialog:has(#customerAuthForm:not([hidden])) .dialog-inner { width:min(400px,calc(100% - 40px)); margin:clamp(28px,9vh,84px) auto 0; padding:0 0 28px; }
html .storefront #accountDialog .account-auth-switch { padding:0; border-bottom:1px solid var(--ui-section-rule); border-radius:0; background:transparent; }
html .storefront #accountDialog .account-auth-switch button[aria-pressed=true] { background:transparent; border-bottom:2px solid var(--ui-blue); border-radius:0; box-shadow:none; }
html .storefront :is(.account-auth-note,.account-empty,.account-agent-panel,.receipt,.privacy-note) { background:transparent; border:0; border-top:1px solid var(--ui-section-rule); border-radius:0; padding:12px 0; box-shadow:none; }
html .storefront :is(#lookupResult,#customerOrders) .status-card { background:transparent; padding:16px 0; border:0; border-top:1px solid var(--ui-section-rule); border-radius:0; box-shadow:none; }
html .storefront #announcementContent { padding-block:12px; border-block:1px solid var(--ui-section-rule); }

/* Admin: the data surface is the table wrapper, not the surrounding form. */
html .admin-theme :is(.panel,.progress-card,.settings-card,.config-section,.metric-card,.agent-admin-card,.product-sales-card,.integration-status,.product-image-field),
html .admin-theme #ordersPanel :is(.sales-block,.sales-reconciliation,.sales-amount),
html .admin-theme #referralsPanel :is(.agent-card,fieldset) {
  background:transparent; border:0; border-radius:0; box-shadow:none;
}
html .admin-theme :is(.panel,.config-section,.progress-card,.integration-status,.product-image-field),
html .admin-theme #ordersPanel :is(.sales-block,.sales-reconciliation),
html .admin-theme #referralsPanel :is(.agent-card,fieldset) {
  padding:20px 0; border-top:1px solid var(--ui-section-rule);
}
html .admin-theme .login-card { width:min(400px,100%); padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
html .admin-theme .settings-tabs button.active { box-shadow:none; }
html .admin-theme :is(.sales-table-wrap,.customer-stats-table) { background:var(--ui-surface); border-radius:16px; box-shadow:var(--ui-shadow-card); }
html .admin-theme :is(.sales-order-table .sales-detail-row>td,.sales-order-table th,.customer-stats-table th) { background:transparent; border-radius:0; }
html .admin-theme #ordersPanel .sales-block .metric-card { border-inline-end:1px solid var(--ui-section-rule); }
html .admin-theme #ordersPanel .sales-block .metric-card:last-child { border-inline-end:0; }
@media(min-width:900px) {
  html .admin-theme .sidebar { background:transparent; border:0; border-radius:0; box-shadow:none; }
}
@media(max-width:899px) {
  html .admin-theme .sales-order-table tbody>tr:not(.sales-detail-row) { margin:0; border:0; border-bottom:1px solid var(--ui-section-rule); border-radius:0; background:transparent; }
  html .admin-theme .sales-order-table .sales-detail-row:not([hidden])>td { border-bottom:1px solid var(--ui-section-rule); border-radius:0; background:transparent; }
}
@media(max-width:700px) {
  html .storefront #termsDialog[open] { position:fixed; inset:auto 0 0; width:100%; max-width:none; max-height:calc(100dvh - 16px); margin:0; border-radius:28px 28px 0 0; }
  html .storefront #termsDialog .dialog-inner { max-height:calc(100dvh - 16px); }
  html .storefront #termsDialog .dialog-head::before { content:''; position:absolute; top:10px; left:calc(50% - 24px); width:48px; height:4px; border-radius:999px; background:var(--ui-line); }
}

/* Final catalog and shared navigation */
html .storefront:not(.redeem-page) { padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px); }
html .storefront .header-actions .header-control > span { display:none; }
html .redeem-page .header-actions { grid-template-columns:repeat(2,44px); }
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))) {
  html:not(.solid-ui) .storefront .site-header:not(.solid-header) .header-actions { background:var(--glass-capsule); box-shadow:var(--glass-shadow); }
}
html.solid-ui .storefront .site-header:not(.solid-header),
html.solid-ui .storefront .site-header:not(.solid-header) .header-actions {
  background:var(--bg); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none;
}
@media (prefers-reduced-transparency:reduce) {
  html .storefront .site-header:not(.solid-header) .header-actions { background:var(--fill); box-shadow:none; }
}
@media (min-width:640px) {
  .storefront #catalog .catalog-search { max-width:480px; }
}
@media (min-width:900px) {
  html .storefront .header-inner { gap:20px; }
  html .storefront .site-header:not(.solid-header) .header-actions,
  html.solid-ui .storefront .site-header:not(.solid-header) .header-actions,
  html .storefront .header-actions {
    display:flex; align-items:center; gap:12px; height:auto; padding:0; background:none;
    box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  }
  html .storefront .header-control-slot { display:contents; }
  html .storefront #headerSupport { display:none; }
  html .storefront .header-actions :is(.header-control,.customer-entry,.language-toggle) {
    position:relative; inset:auto; display:inline-flex; align-items:center; justify-content:center;
    flex:none; width:auto; min-height:44px; height:auto; padding:0 6px; gap:6px;
    color:var(--label); font:500 14px/1.3 var(--ui-font); white-space:nowrap; box-shadow:none;
  }
  html .storefront .header-actions .header-control > span { display:inline; }
  html .storefront .header-actions .header-control svg { display:none; }
  html .storefront .header-actions .mobile-menu-button { padding-inline:16px; background:var(--fill); }
  html .storefront .header-actions .customer-entry { color:var(--accent); }
  html .storefront .header-actions .language-picker { order:0; }
  html .storefront .header-announcement.is-unread::after { inset:6px 0 auto auto; }
  html .storefront #mobileNavigation .mobile-account-entry { display:none; }
  html .storefront .header-catalog-title { max-width:calc(100% - 650px); }
}
@media (hover:hover) {
  .storefront #catalog .category-button:not(.active):hover { background:var(--fill-hover); }
  .storefront #productGrid .row-details:not(.is-unavailable):hover { background:var(--accent-hover); }
}
html .storefront #productGrid .row-details,
html :is(.storefront,.checkout-page,.admin-theme,[data-agent-page]) :is(.primary-button,.flow-primary,.primary) {
  transition:transform 120ms ease;
}
html :is(.storefront,.checkout-page,.admin-theme,[data-agent-page]) :is(.primary-button,.flow-primary,.primary,.row-details):not(:disabled):active {
  transform:scale(.97);
}
.storefront #productGrid .row-details:not(.is-unavailable):active { background:var(--accent-pressed); }

/* Drawers, purchase flow, and lookup */
:root:has(dialog:modal) { overflow:hidden; }
html :is(.storefront,.checkout-page,.admin-theme) dialog::backdrop {
  background:rgb(0 0 0 / 35%); -webkit-backdrop-filter:none; backdrop-filter:none;
}
html :is(.storefront,.checkout-page,.admin-theme) :is(.site-dialog,.mobile-navigation) { box-shadow:none; }
html :is(.storefront,.checkout-page,.admin-theme,[data-agent-page]) :is(button,a,input,select,textarea):focus-visible {
  outline:2px solid var(--accent); outline-offset:2px;
}
html :is(.storefront,.checkout-page) :is(#productDialog,#termsDialog,#orderDialog,#lookupDialog,.checkout-flow)[open] {
  position:fixed; inset:0; width:min(520px,calc(100% - 32px)); max-width:none; max-height:min(85vh,85dvh);
  margin:auto; padding:0; border:0; border-radius:28px; background:var(--surface); box-shadow:none;
  animation:store-modal-in 350ms var(--spring) both;
}
html .storefront #termsDialog[open] { width:min(480px,calc(100% - 32px)); }
html .storefront :is(#productDialog,#termsDialog,#orderDialog,#lookupDialog) .dialog-inner {
  --dialog-inset:24px;
  max-height:inherit; padding:20px var(--dialog-inset); overscroll-behavior:contain;
}
html .storefront :is(#productDialog,#termsDialog)[open] { overflow:hidden; }
html .storefront :is(#productDialog,#termsDialog) .dialog-inner { overflow-y:auto; scrollbar-width:thin; }
html .storefront #termsDialog .dialog-head::before { display:none; }
html .storefront .site-dialog .icon-button,
html :is(.storefront,.checkout-page) .checkout-flow .flow-close {
  display:grid; place-items:center; flex:none; width:44px; min-width:44px; height:44px; margin:0; padding:0;
  border:0; border-radius:50%; background:transparent; color:var(--label-2);
}
html .storefront .site-dialog h2, .checkout-flow .flow-step h2, .checkout-flow .flow-body > h2 {
  font-size:20px; line-height:1.35; font-weight:600; letter-spacing:normal;
}
html .storefront #productDialog .ios-product-title { font-size:17px; line-height:1.4; font-weight:600; letter-spacing:normal; }
html .storefront #productDialog .detail-price { font-size:24px; font-weight:600; letter-spacing:normal; }
html .storefront #productDialog :is(.detail-description,.product-detail-summary) { font-size:15px; line-height:1.6; }
html .storefront #productDialog .detail-meta > span { padding:0; color:var(--label-2); font-size:13px; font-weight:400; background:none; border:0; }
html .storefront #productDialog .detail-meta .detail-warranty { color:var(--label-2); background:none; }
html .storefront #productDialog .detail-meta .detail-warranty::before { content:none; }
html .storefront #productDialog .detail-purchase-bar {
  position:sticky; bottom:-20px; margin:24px calc(-1 * var(--dialog-inset)) -20px;
  padding:12px var(--dialog-inset) max(12px,env(safe-area-inset-bottom,0px));
  background:var(--bg); border-color:var(--separator); box-shadow:none;
}
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))) {
  html:not(.solid-ui) .storefront #productDialog .detail-purchase-bar {
    background:var(--glass); -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
    box-shadow:var(--glass-shadow);
  }
}
@media (prefers-reduced-transparency:reduce) {
  html:not(.solid-ui) .storefront #productDialog .detail-purchase-bar {
    background:var(--bg); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none;
  }
}
html .storefront #productDialog .detail-purchase-bar .primary-button,
html .storefront :is(#orderDialog,#accountDialog,#lookupDialog) .primary-button,
html :is(.storefront,.checkout-page) .checkout-flow :is(.flow-primary,.flow-secondary) {
  min-height:50px; border:0; border-radius:999px; font-weight:600; font-size:15px; box-shadow:none;
}
html .storefront #productDialog .detail-purchase-bar .primary-button:disabled,
html :is(.storefront,.checkout-page) .checkout-flow .flow-primary:disabled {
  background:var(--fill); color:var(--label-2); opacity:1;
}
html :is(.storefront,.checkout-page) .checkout-flow .flow-secondary { background:var(--accent-soft); color:var(--accent); }
html :is(.storefront,.checkout-page) .checkout-flow .flow-header {
  padding:8px 20px; background:var(--surface); border:0; border-bottom:1px solid var(--separator);
}
html :is(.storefront,.checkout-page) .checkout-flow .flow-content { padding:20px 24px max(24px,env(safe-area-inset-bottom,0px)); }
html :is(.storefront,.checkout-page) .checkout-flow .flow-stepper :is(.current,.complete) > span { background:var(--accent); color:white; }
html :is(.storefront,.checkout-page) .checkout-flow .flow-stepper small { white-space:normal; }
html :is(.storefront,.checkout-page) .checkout-flow :is(.flow-input-wrap,.flow-field > input),
html .storefront :is(#accountDialog,#orderDialog,#lookupDialog) .field input {
  min-height:50px; height:50px; background:var(--fill); border:0; border-radius:14px; box-shadow:none;
  color:var(--label); font-size:17px; font-weight:400;
}
html :is(.storefront,.checkout-page) .checkout-flow .flow-input-wrap input { height:100%; font-size:17px; }
html :is(.storefront,.checkout-page) .checkout-flow :is(.flow-input-wrap:focus-within,.flow-field > input:focus-visible),
html .storefront .site-dialog .field input:focus-visible {
  outline:2px solid var(--accent); outline-offset:2px; box-shadow:none;
}
html .storefront #lookupDialog .field input,
html :is(.storefront,.checkout-page) .checkout-flow:has(.flow-order-card,.flow-lookup) .flow-field > input { min-height:44px; height:44px; border-radius:999px; }
html :is(.storefront,.checkout-page) .checkout-flow :is(.flow-order-text,.flow-voucher,.flow-order-card > strong) {
  font-family:var(--mono); font-size:13px; font-variant-numeric:tabular-nums;
}
html :is(.storefront,.checkout-page) .checkout-flow .checkout-payment-options { grid-template-columns:minmax(0,1fr); gap:0; }
html :is(.storefront,.checkout-page) .checkout-flow .checkout-payment-face {
  justify-content:flex-start; min-height:48px; border:0; border-bottom:1px solid var(--separator);
  border-radius:0; background:var(--surface); font-size:15px; font-weight:500;
}
html :is(.storefront,.checkout-page) .checkout-flow .checkout-payment-option input:checked + .checkout-payment-face {
  border-color:var(--separator); background:var(--surface);
}
html :is(.storefront,.checkout-page) .checkout-flow .checkout-payment-check { margin-left:auto; }
html :is(.storefront,.checkout-page) .checkout-flow .flow-order-status { padding:0; color:var(--label-2); background:none; font-size:13px; }
html :is(.storefront,.checkout-page) .checkout-flow .flow-order-status::before {
  content:''; display:inline-block; width:8px; height:8px; margin-inline-end:6px; border-radius:50%; background:var(--label-3);
}
html :is(.storefront,.checkout-page) .checkout-flow .flow-order-card {
  background:var(--surface); border:0; border-bottom:1px solid var(--separator); border-radius:0; box-shadow:none;
}
@keyframes store-modal-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes store-sheet-in { from { transform:translateY(100%); } to { transform:translateY(0); } }
@media (max-width:639px) {
  html :is(.storefront,.checkout-page) :is(#productDialog,#termsDialog,#orderDialog,#lookupDialog,.checkout-flow)[open] {
    inset:auto 0 var(--dialog-keyboard,0px); width:100%; max-height:calc(var(--dialog-viewport,100dvh) - 16px); margin:0; border-radius:32px 32px 0 0;
    animation:store-sheet-in 350ms var(--spring) both;
  }
  html .storefront :is(#productDialog,#termsDialog,#orderDialog,#lookupDialog) .dialog-inner,
  html :is(.storefront,.checkout-page) .checkout-flow .flow-content { --dialog-inset:16px; padding-inline:var(--dialog-inset); }
}
@media (min-width:640px) {
  html .storefront #productDialog .product-drag-handle { display:none; }
  html .storefront #lookupDialog[open],
  html :is(.storefront,.checkout-page) .checkout-flow:has(.flow-lookup)[open] { width:min(720px,calc(100% - 48px)); }
}

/* Secondary front-of-house pages */
html .storefront .store-footer .footer-panel h2 { font-weight:600; }
html .storefront .store-footer #afterSalesNotice { list-style:disc; padding-inline-start:16px; }
html .storefront .store-footer #afterSalesNotice li { padding:0; }
html .storefront .store-footer #afterSalesNotice li::before { content:none; }
html .storefront .store-footer .footer-contact-row dd { font-weight:400; }
html .storefront .footer-panel { order:0; }
html .checkout-page .checkout-shell, html .checkout-page .checkout-header {
  width:min(720px,calc(100% - 2 * var(--page-inset))); max-width:none; margin-inline:auto; padding-inline:0;
}
html .checkout-page .checkout-card h1, html [data-agent-page] .agent-shell h1 { font-size:28px; line-height:34px; font-weight:700; }
html .storefront #accountDialog:has(#customerAuthForm:not([hidden])) .dialog-inner { width:min(400px,calc(100% - 32px)); }
html [data-agent-page] .agent-shell { width:min(var(--page-max),calc(100% - 2 * var(--page-inset))); max-width:none; padding-inline:0; }
html [data-agent-page] .agent-shell .agent-metric-value { font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; }
html [data-agent-page] .agent-shell .agent-code { font-family:var(--mono); font-size:14px; }


/* Administration */
html .admin-theme .admin-main { min-width:0; padding-top:0; }
html .admin-theme .admin-topbar {
  position:sticky; top:0; z-index:9; display:flex; align-items:center; gap:12px; min-height:52px;
  padding-top:env(safe-area-inset-top,0px); background:var(--bg);
}
html .admin-theme .admin-topbar .breadcrumb {
  flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:var(--label); font-size:17px; font-weight:600; line-height:1.3;
}
html .admin-theme .admin-topbar .header-actions { display:flex; flex:none; flex-flow:row nowrap; padding:0; gap:6px; white-space:nowrap; }
html .admin-theme .admin-topbar .secondary { margin:0; border:0; background:none; color:var(--accent); box-shadow:none; }
html .admin-theme .feedback.feedback-toast {
  position:fixed; z-index:30; top:calc(56px + env(safe-area-inset-top,0px)); left:50%; transform:translateX(-50%);
  width:max-content; max-width:calc(100% - 32px); padding:8px 12px; border-radius:12px;
  background:var(--surface); color:var(--ui-success-text); text-align:center; pointer-events:none;
}
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))) {
  html:not(.solid-ui) .admin-theme .admin-topbar {
    background:var(--glass); -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  }
}
@media (prefers-reduced-transparency:reduce) {
  html:not(.solid-ui) .admin-theme .admin-topbar { background:var(--bg); -webkit-backdrop-filter:none; backdrop-filter:none; }
}
html .admin-theme .page-header { margin:20px 0 24px; }
html .admin-theme .page-header h1 { margin:0 0 4px; font-size:28px; line-height:34px; font-weight:700; letter-spacing:normal; }
html .admin-theme .page-header p { color:var(--label-2); }
html .admin-theme .sidebar { box-shadow:none; }
html .admin-theme .sidebar-nav button {
  min-height:40px; padding:7px 12px; border-radius:10px; color:var(--label); font-size:14px; font-weight:500;
}
html .admin-theme .sidebar-nav button svg { width:18px; height:18px; color:currentColor; }
html .admin-theme .sidebar-nav button.active { color:var(--accent); background:var(--accent-soft); }
html .admin-theme .sidebar-nav button.active::before { content:none; }
html .admin-theme .sidebar-nav .nav-group { font-size:12px; font-weight:500; color:var(--label-2); letter-spacing:normal; }
html .admin-theme :is(.order-toolbar,.form-actions) { flex-wrap:wrap; min-width:0; }
html .admin-theme :is(.order-toolbar,.form-actions,.panel-heading) :is(.primary,.secondary) {
  min-height:36px; padding-block:6px; border-radius:999px; font-size:14px; font-weight:600; box-shadow:none;
}
html .admin-theme .primary { background:var(--accent); }
html .admin-theme :is(input:not([type=checkbox],[type=radio],[type=file]),select,textarea) {
  min-width:0; max-width:100%; min-height:44px; border:0; border-radius:12px; background:var(--fill);
  color:var(--label); box-shadow:none; font-size:14px; font-weight:400;
}
html .admin-theme :is(input,select,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:2px; box-shadow:none; }
html .admin-theme .order-toolbar :is(input,select) { min-height:36px; height:36px; border-radius:999px; }
html .admin-theme :is(.setting-pane,.product-editor,.login-card) label { color:var(--label-2); font-size:13px; font-weight:400; }
html .admin-theme :is(.config-section,.setting-pane) h2 { font-size:15px; font-weight:600; }
html .admin-theme :is(.sales-order-table,.customer-stats-table table) { width:100%; min-width:0; border-collapse:collapse; }
html .admin-theme :is(.sales-order-table,.customer-stats-table table) :is(td,th) {
  padding:4px 8px; border-bottom:1px solid var(--separator); overflow-wrap:anywhere; line-height:1.25;
}
html .admin-theme :is(.sales-order-table,.customer-stats-table table) th { color:var(--label-2); font-size:13px; font-weight:500; }
html .admin-theme :is(.sales-order-table,.customer-stats-table table) td { color:var(--label); font-size:14px; font-weight:400; }
html .admin-theme :is(.sales-order-table,.customer-stats-table table) small { color:var(--label-2); font-size:13px; }
html .admin-theme .sales-order-table .sales-copy { min-height:28px; padding-block:3px; }
html .admin-theme .sales-order-table td:first-child small { margin-top:2px; line-height:1.2; }
html .admin-theme .sales-order-table td > .secondary { min-height:32px; padding:4px 8px; white-space:normal; }
html .admin-theme .sales-order-identity strong { font:500 13px/1.4 var(--mono); }
html .admin-theme .sales-money { font-variant-numeric:tabular-nums; letter-spacing:normal; }
html .admin-theme .status-pill { display:inline-flex; min-height:22px; align-items:center; padding:2px 8px; border:0; border-radius:999px; font:500 12px/1.3 var(--ui-font); }
html .admin-theme .status-pill.sales-status-delivered { color:var(--ui-success-text); background:var(--success-soft); }
html .admin-theme .status-pill:is(.pending,.sales-status-pending,.sales-status-issuing) { color:var(--ui-warning-text); background:var(--warning-soft); }
html .admin-theme .status-pill.sales-status-refunded { color:var(--ui-danger-text); background:var(--danger-soft); }
html .admin-theme .status-pill:is(.sales-status-other,.sales-status-partially_refunded) { color:var(--label-2); background:var(--fill); }
html .admin-theme #ordersPanel .sales-block .metric-card strong {
  font-size:24px; font-weight:600; letter-spacing:normal; font-variant-numeric:tabular-nums;
}
html .admin-theme #ordersPanel .sales-money-grid .sales-net-card strong { color:var(--label); }
html .admin-theme #ordersPanel .sales-products-block .metric-card.product-sales-card {
  border:0; border-inline-end:1px solid var(--separator); border-radius:0;
}
html .admin-theme #ordersPanel #supplierAlerts:not(:empty) { border:0; border-radius:12px; background:var(--warning-soft); color:var(--label); }
html .admin-theme .site-dialog[open] {
  width:min(520px,calc(100% - 32px)); max-width:none; max-height:85dvh;
  border:0; border-radius:28px; box-shadow:none; background:var(--surface);
}
html .admin-theme .site-dialog:has(.grid-two)[open] { width:min(640px,calc(100% - 32px)); }
html .admin-theme .site-dialog :is(.danger,button[data-danger]) { border:0; border-radius:999px; background:var(--danger-soft); color:var(--ui-danger-text); }
@media (min-width:900px) {
  html .admin-theme .sidebar {
    inset:0 auto 0 0; width:240px; height:100dvh; border:0; border-radius:0; background:var(--bg);
  }
  html .admin-theme .admin-main {
    margin-inline:max(240px,calc((100% + 240px - 1328px) / 2)) auto;
    width:calc(100% - 240px); max-width:1328px; padding-inline:24px;
  }
  html .admin-theme :is(.sales-order-table,.customer-stats-table table) tr:not(.sales-detail-row) { height:52px; }
  html .admin-theme #orderList .sales-order-table td { padding-block:2px; }
  html .admin-theme .sales-order-table td:first-child { width:25%; }
  html .admin-theme .sales-order-table td:nth-child(2) { line-height:1.1; }
  html .admin-theme .sales-order-table :is(th,td):last-child { min-width:76px; }
  html .admin-theme .sales-order-table td > .secondary { white-space:nowrap; }
  html .admin-theme .sales-order-identity { flex-wrap:nowrap; gap:3px; }
  html .admin-theme .sales-order-identity .sales-copy { flex:none; min-width:0; padding-inline:3px; }
  html .admin-theme .sales-table-wrap { overflow:visible; }
}
@media (max-width:899px) {
  html .admin-theme .admin-main { width:auto; max-width:none; margin:0; }
  html .admin-theme .admin-topbar { gap:6px; }
  html .admin-theme .admin-mobile-menu {
    min-height:40px; padding:4px 10px; margin:0; color:var(--label); background:var(--fill); font-weight:500; border-radius:999px;
  }
  html .admin-theme .admin-topbar .secondary { padding-inline:6px; gap:3px; font-size:12px; }
  html .admin-theme :is(.grid-two,.brand-grid) { grid-template-columns:minmax(0,1fr); }
  html .admin-theme .sales-order-table tbody > tr:not(.sales-detail-row) { grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:4px 10px; }
  html .admin-theme .sales-order-table tbody > tr:not(.sales-detail-row) > td { min-width:0; flex-wrap:wrap; padding:2px 0; border:0; }
  html .admin-theme .sales-order-table td:nth-child(1) { grid-column:1; grid-row:1; }
  html .admin-theme .sales-order-table td:nth-child(1) strong { font-size:17px; font-weight:600; }
  html .admin-theme .sales-order-table td:nth-child(2) { grid-column:1/-1; font-size:17px; font-weight:600; }
  html .admin-theme .sales-order-table td:nth-child(7) { grid-column:2; grid-row:1; justify-content:flex-end; align-self:start; }
  html .admin-theme .customer-stats-table { overflow:visible; }
  html .admin-theme .customer-stats-table table { table-layout:fixed; }
}