/* Approved Liquid Glass presentation, scoped to the authenticated admin route. */
html[data-admin-glass] {
  color-scheme: light;
  --canvas: #eeedf0; --canvas-light: #fffaf7a6; --canvas-shade: #d5ced866;
  --paper: #f4f2f4; --paper-deep: #e5e0e6; --white: #faf8fa;
  --ink: #29272e; --ink-soft: #4b4650; --ink-faint: #69616e;
  --red: #79364b; --red-deep: #60293d; --mint-deep: #376b53; --blue: #4f627e;
  --line: #39243f1c; --selection-ink: #79364b; --selection-wash: #a0506a1c;
  --material-content: linear-gradient(128deg, #ffffff85, #ffffff24 36%, #ffffff12 62%, #ffffff50), linear-gradient(165deg, #fff8f526, #e8e3ed29);
  --control-glass: linear-gradient(135deg, #ffffff85, #ffffff2e 42%, #ffffff1a 62%, #ffffff59);
  --control-edge: #ffffff99; --input-fill: #faf8fa99; --solid: #f5f2f5;
  --control-shadow: 0 4px 12px -8px #3327353d, inset 0 1px .5px #ffffffe6;
  --panel-shadow: 0 12px 30px -22px #30253952, 0 1px 3px #32243b0a, inset 0 1px .5px #ffffffe6, inset 0 -1px .5px #ffffff6b;
  --lens-rim: linear-gradient(135deg, #fffffff2, #ffffff38 22%, #ffffff00 43%, #453a5112 57%, #ffffff94 83%, #ffffff18);
  --radius: 20px; --mantou-radius: 26px; background: var(--canvas);
}
html[data-admin-glass][data-theme="dark"] {
  color-scheme: dark;
  --canvas: #1c1b21; --canvas-light: #49414c59; --canvas-shade: #100f183d;
  --paper: #29262e; --paper-deep: #39323e; --white: #312c35; --solid: #302b34;
  --ink: #f5f1f6; --ink-soft: #e0d9e3; --ink-faint: #bfb4c5;
  --red: #efb7c8; --red-deep: #ffd8e3; --mint-deep: #a3d6bf; --blue: #bbcbe9;
  --line: #eee3f024; --selection-ink: #ffd1df; --selection-wash: #e2a0b52b;
  --material-content: linear-gradient(128deg, #fff1fc21, #ffffff07 36%, #ffffff03 62%, #f6eaff16), linear-gradient(165deg, #4a3d4933, #25202d4d);
  --control-glass: linear-gradient(135deg, #fff4fc29, #ffffff0a 45%, #ffffff06 63%, #f7eaff1c);
  --control-edge: #f7eaff2e; --input-fill: #19151e80;
  --control-shadow: 0 5px 14px -8px #0008, inset 0 1px .5px #fff1fa52;
  --panel-shadow: 0 14px 32px -22px #0009, inset 0 1px .5px #fff4fc52, inset 0 -1px .5px #f1ddfa1c;
  --lens-rim: linear-gradient(135deg, #fff4fc94, #f3e7fa12 23%, #ffffff00 43%, #120d201a 58%, #eddff44d 83%, #ffffff08);
}
html[data-admin-glass] body { color: var(--ink); background: var(--canvas); isolation: isolate; font-size: 14px; }
html[data-admin-glass] body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 12% 0%, var(--canvas-light), transparent 70%), radial-gradient(ellipse at 95% 100%, var(--canvas-shade), transparent 75%), var(--canvas); }
html[data-admin-glass] .topbar { position: relative; width: min(1536px, 100%); margin: auto; min-height: 88px; padding: 22px 28px; border: 0; background: none; backdrop-filter: none; animation: none; }
html[data-admin-glass] .brand-mark { border-radius: 12px; background: linear-gradient(145deg, #a5697d, #703448); color: #fff; border: 1px solid #ffffff63; box-shadow: 0 3px 8px #3826331f, inset 0 1px .5px #ffffff8a; font-weight: 600; }
html[data-admin-glass] .brand-copy strong { font-size: 22px; font-weight: 600; }
html[data-admin-glass] .brand-copy small { font-size: 10px; letter-spacing: 1px; }
html[data-admin-glass] #app-main { width: min(1536px, 100%); padding: 0 28px 36px; }
html[data-admin-glass] .merchant-layout { grid-template-columns: 218px minmax(0, 1fr); gap: 28px; padding-top: 8px; }
html[data-admin-glass] .merchant-layout[data-workspace] > .merchant-sidebar { position: sticky; top: 24px; display: flex; flex-direction: column; min-height: 490px; height: calc(100dvh - 124px); max-height: calc(100dvh - 48px); padding: 24px 16px 18px; border-radius: 30px; border: 1px solid var(--control-edge); background: var(--control-glass); box-shadow: var(--panel-shadow); backdrop-filter: blur(3px) saturate(1.12); -webkit-backdrop-filter: blur(3px) saturate(1.12); }
html[data-admin-glass] .merchant-workspace-label { color: var(--ink-faint); padding: 0 12px 17px; font-size: 12px; }
html[data-admin-glass] .merchant-nav { display: grid; gap: 8px; min-height: 0; overflow-y: auto; padding: 2px; margin: -2px; }
html[data-admin-glass] .merchant-nav > button { width: 100%; min-height: 46px; border-radius: 24px; font-size: 14px; font-weight: 500; color: var(--ink-soft); background: transparent; }
html[data-admin-glass] .merchant-nav > button.is-active { color: var(--selection-ink); background: var(--control-glass), var(--selection-wash); border-color: var(--control-edge); box-shadow: var(--control-shadow); font-weight: 650; }
html[data-admin-glass] .merchant-nav .nav-glyph { color: inherit; }
html[data-admin-glass] .merchant-nav > .mobile-more-trigger { display: none; }
html[data-admin-glass] .merchant-nav-action { margin-top: auto; padding-top: 18px; font-size: 13px; min-height: 50px; }
html[data-admin-glass] .merchant-heading { min-height: 62px; align-items: center; margin: 5px 0 24px; }
html[data-admin-glass] .merchant-heading h2 { font-size: 29px; line-height: 1.35; font-weight: 600; letter-spacing: -.6px; }
html[data-admin-glass] .eyebrow { color: var(--ink-faint); font-size: 10px; letter-spacing: 1.3px; }
html[data-admin-glass] .merchant-heading p { font-size: 13px; line-height: 1.7; }
html[data-admin-glass] .site-footer { border: 0; font-size: 12px; padding-inline: 28px; }
/* Disable the old whole-scene transforms; they moved fixed docks and rebuilt
   WebKit composites. Complete content stays rendered throughout scrolling. */
html[data-admin-glass] #app-main, html[data-admin-glass] #app-main .merchant-layout, html[data-admin-glass] #app-main .merchant-content { opacity: 1; transform: none; animation: none; }
html[data-admin-glass] .motion-reveal, html[data-admin-glass] .motion-scene-entering .merchant-content > *, html[data-admin-glass] .motion-scene-ready .merchant-content > * { opacity: 1; transform: none; animation: none; }
html[data-admin-glass] :is(.stat-block, .merchant-content > .panel, .dashboard-grid > .panel, .merchant-content > .settings-panel, .settings-grid > .settings-panel, .profile-settings-grid > .settings-panel, .admin-order-card, .packing-group, .product-catalog-card, .merchant-session-panel, .table-wrap) { position: relative; color: var(--ink); border: 1px solid var(--control-edge); border-radius: 26px; background: var(--material-content); box-shadow: var(--panel-shadow); backdrop-filter: blur(12px) saturate(1.3); -webkit-backdrop-filter: blur(12px) saturate(1.3); }
html[data-admin-glass] :is(.merchant-layout[data-workspace] > .merchant-sidebar, .stat-block, .merchant-content > .panel, .dashboard-grid > .panel, .merchant-content > .settings-panel, .settings-grid > .settings-panel, .profile-settings-grid > .settings-panel, .admin-order-card, .packing-group, .product-catalog-card, .order-filter-bar, .modal-card)::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: .75px; pointer-events: none; background: var(--lens-rim); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; }
html[data-admin-glass] [data-liquid] { backdrop-filter: var(--liquid-filter) saturate(1.12) !important; }
html[data-admin-glass] .stats-grid { gap: 16px; }
html[data-admin-glass] .stat-block { padding: 20px; min-height: 130px; border-top-width: 1px; }
html[data-admin-glass] .stat-block .label { color: var(--ink-soft); font-size: 13px; }
html[data-admin-glass] .stat-block strong { font-size: 32px; font-weight: 600; }
html[data-admin-glass] .stat-block small { font-size: 12px; }
html[data-admin-glass] .dashboard-grid { gap: 18px; margin-top: 18px; }
html[data-admin-glass] .panel-head { padding: 20px 22px 16px; }
html[data-admin-glass] .panel-head h3 { font-size: 16px; font-weight: 600; }
html[data-admin-glass] .panel-head small { font-size: 12px; line-height: 1.6; color: var(--ink-faint); }
html[data-admin-glass] .panel-body { padding: 20px 22px; }
html[data-admin-glass] .settings-panel { padding: 24px; }
html[data-admin-glass] .settings-panel > .management-panel-head { padding: 0 0 16px; }
html[data-admin-glass] :is(.data-table th, .data-table td, .detail-kv, .form-field label, .notice, .autosave-status, .quick-order, .inventory-stock-summary, .inventory-product-copy small, .batch-picker-trigger-label, .batch-picker-option-copy small, .pickup-arrangement-row small) { font-size: 13px; line-height: 1.65; }
html[data-admin-glass] :is(.product-list-copy strong, .inventory-product-copy strong, .batch-picker-option-copy strong) { font-size: 15px; font-weight: 600; }
html[data-admin-glass] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .select-trigger) { color: var(--ink); background: var(--input-fill); border: 1px solid var(--control-edge); border-radius: 14px; box-shadow: inset 0 1px 3px #30484a14, 0 1px .5px #ffffff63; }
html[data-admin-glass] :is(input, textarea, select):focus { outline-color: var(--selection-ink); }
html[data-admin-glass] input::placeholder, html[data-admin-glass] textarea::placeholder { color: var(--ink-faint); opacity: .85; }
html[data-admin-glass] :is(.secondary-button, .tiny-button, .icon-button, .text-button, .batch-picker-trigger, .locale-switch, .merchant-topbar-account, .admin-appearance-trigger, .modal-close, .pickup-repeat-button, .pickup-date-shortcut, .panel-action-button) { position: relative; min-height: 38px; color: var(--ink-soft); background: var(--control-glass); border: 1px solid var(--control-edge); border-radius: 24px; box-shadow: var(--control-shadow); font-size: 13px; }
html[data-admin-glass] .admin-appearance-trigger { display: inline-grid; place-items: center; width: 40px; padding: 0; }
html[data-admin-glass] .admin-appearance-trigger svg { width: 20px; height: 20px; }
html[data-admin-glass] .primary-button { color: #fff; border: 1px solid #ffffff52; border-radius: 24px; background: linear-gradient(150deg, #97576c, #6b2e43); box-shadow: 0 5px 15px -8px #6b2e4352, inset 0 1px .5px #ffffff80; font-weight: 550; }
html[data-admin-glass] .locale-button { min-height: 28px; min-width: 30px; color: var(--ink-soft); font-size: 12px; }
html[data-admin-glass] .locale-button.is-active { color: var(--selection-ink); background: var(--selection-wash); }
html[data-admin-glass] .order-filter-bar { position: relative; display: flex; gap: 4px; padding: 5px; margin: 0 0 22px; border: 1px solid var(--control-edge); border-radius: 30px; background: var(--control-glass); box-shadow: var(--control-shadow); }
html[data-admin-glass] .order-filter-bar .subnav-button { flex: 1; justify-content: center; min-height: 45px; border: 1px solid transparent; border-radius: 24px; padding: 8px 12px; color: var(--ink-soft); font-size: 14px; font-weight: 500; background: none; box-shadow: none; }
html[data-admin-glass] .order-filter-bar .subnav-button.is-active { color: var(--selection-ink); background: var(--control-glass), var(--selection-wash); border-color: var(--control-edge); box-shadow: var(--control-shadow); font-weight: 650; }
html[data-admin-glass] .order-filter-bar .subnav-button::after, html[data-admin-glass] .order-filter-bar .subnav-button::before { display: none; }
html[data-admin-glass] .order-filter-bar :is(b, .filter-tag) { color: inherit; background: transparent; font-size: 12px; }
html[data-admin-glass] .order-filter-bar .is-pressed { transform: none; }
html[data-admin-glass] .order-filter-bar .filter-tag { border-color: transparent; box-shadow: none; }
html[data-admin-glass] .data-table { font-size: 13px; }
html[data-admin-glass] .data-table th { background: #ffffff0d; color: var(--ink-faint); font-weight: 500; }
html[data-admin-glass] .data-table td { padding-block: 20px; }
html[data-admin-glass] .data-table tr:hover { background: #ffffff12; }
html[data-admin-glass] .admin-order-card { padding: 20px; }
html[data-admin-glass] .admin-order-card :is(strong, .order-total) { font-weight: 600; }
html[data-admin-glass] .admin-order-card :is(small, .order-meta, .admin-order-meta) { font-size: 13px; color: var(--ink-faint); }
html[data-admin-glass] .admin-order-card .tiny-button { min-height: 42px; border-radius: 22px; padding-inline: 15px; }
html[data-admin-glass] .status-chip { font-size: 12px; border-radius: 10px; box-shadow: none; }
html[data-admin-glass] .status-pending { color: #7d5826; background: #fff3ce9c; border-color: #e4c68566; }
html[data-admin-glass] :is(.status-approved, .status-picked) { color: #2e624e; background: #dff2e3b3; }
html[data-admin-glass] :is(.tiny-button.reject, .danger-action) { color: #973e3b; }
html[data-admin-glass] .tiny-button.approve { color: #245943; background: #d7f1df55; }
html[data-admin-glass] :is(.batch-product-summary-row, .pickup-arrangement-row, .batch-editor-row, .mobile-more-item, .mobile-account-item, .account-profile-card, .rule-strip, .notice, .detail-block, .merchant-note-preview) { color: var(--ink); background: #ffffff14; border-color: var(--line); border-radius: 16px; }
html[data-admin-glass] :is(.batch-picker-menu, .pickup-time-menu, .select-options) { background: var(--solid); color: var(--ink); border: 1px solid var(--control-edge); border-radius: 20px; box-shadow: var(--panel-shadow); }
html[data-admin-glass] .batch-picker-option:hover { background: var(--selection-wash); }
html[data-admin-glass] .inventory-overview-panel:has(.batch-picker.is-open) { z-index: 16; }
/* Viewport-positioned menus must escape the containing block created by a
   backdrop filter. Keep the glass fill/rim while their parent blur is paused. */
html[data-admin-glass] :is(.panel, .settings-panel, .modal-card, .table-wrap):has(.pickup-time-picker.is-open) { z-index: 16; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-admin-glass] .inventory-stock-field input { min-height: 42px; }
html[data-admin-glass] .product-catalog-card { overflow: hidden; padding: 20px; }
html[data-admin-glass] .product-card-art { overflow: hidden; border-radius: 18px; background: #ffffff24; }
html[data-admin-glass] .product-card-art img { width: 100%; height: 100%; object-fit: contain; }
html[data-admin-glass] .modal-backdrop { background: #1426314d; backdrop-filter: none; animation: none; }
html[data-admin-glass] .modal-card { position: relative; border: 1px solid var(--control-edge); border-radius: 30px; background: var(--solid); color: var(--ink); box-shadow: var(--panel-shadow), 0 25px 80px -15px #142d3470; animation: none; }
html[data-admin-glass] .modal-head { background: #ffffff0a; }
html[data-admin-glass] .modal-head h2 { font-weight: 600; }
html[data-admin-glass] .order-rejection-modal .modal-head h2 { color: var(--ink); }
html[data-admin-glass] .modal-close { display: inline-grid; place-items: center; width: 40px; height: 40px; }
html[data-admin-glass] .review-actions, html[data-admin-glass] .modal-actions { background: var(--solid); border-color: var(--line); }
html[data-admin-glass] .admin-appearance-options { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; padding: 5px; border-radius: 28px; background: var(--control-glass); }
html[data-admin-glass] .admin-appearance-options button { min-height: 46px; border: 1px solid transparent; border-radius: 24px; color: var(--ink-soft); background: transparent; font-size: 14px; }
html[data-admin-glass] .admin-appearance-options button.is-active { background: var(--control-glass), var(--selection-wash); color: var(--selection-ink); border-color: var(--control-edge); box-shadow: var(--control-shadow); }
html[data-admin-glass] .toast { background: var(--solid); color: var(--ink); border-radius: 22px; border-color: var(--control-edge); box-shadow: var(--panel-shadow); }
html[data-admin-glass][data-theme="dark"] :is(.status-approved, .status-picked) { color: #d5f4e4; background: #22473699; }
html[data-admin-glass][data-theme="dark"] .status-pending { color: #ffe3b0; background: #33291ec7; }
html[data-admin-glass][data-theme="dark"] :is(.status-rejected, .status-cancelled, .status-overdue) { color: #f1c7bd; background: #613b343d; }
html[data-admin-glass][data-theme="dark"] :is(.tiny-button.reject, .danger-action) { color: #f2c2b7; }
html[data-admin-glass][data-theme="dark"] .tiny-button.approve { color: #d9f8e7; background: #163d2c99; }
html[data-admin-glass][data-theme="dark"] :is(.admin-order-qr, .payment-proof-meta, .stock-quantity, .account-profile-summary, .mobile-account-identity) { color: var(--ink); background: #ffffff12; border-color: var(--line); }
html[data-admin-glass] .nav-lens { display: none; }
@media (min-width: 761px) {
  html[data-admin-glass] .merchant-nav { position: static; width: 100%; max-width: none; background: none; box-shadow: none; border: 0; backdrop-filter: none; }
  html[data-admin-glass] .merchant-nav > button { display: flex; }
  html[data-admin-glass] .merchant-nav > .mobile-more-trigger { display: none; }
  html[data-admin-glass] .merchant-nav .nav-label-full { display: inline; }
  html[data-admin-glass] .merchant-nav .nav-label-short { display: none; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  html[data-admin-glass] .merchant-layout { grid-template-columns: 170px minmax(0, 1fr); gap: 20px; }
  html[data-admin-glass] .merchant-layout[data-workspace] > .merchant-sidebar { padding-inline: 10px; }
  html[data-admin-glass] .dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  html[data-admin-glass] .stats-grid { gap: 12px; grid-template-columns: repeat(2, minmax(0,1fr)); }
  html[data-admin-glass] .stat-block { min-height: 120px; padding: 18px; }
}
@media (max-width: 760px) {
  html[data-admin-glass] .topbar { padding: 20px 20px 12px; min-height: 76px; }
  html[data-admin-glass] .topbar-tools { gap: 8px; }
  html[data-admin-glass] .brand-copy strong { font-size: 21px; }
  html[data-admin-glass] .brand-copy small { display: none; }
  html[data-admin-glass] .brand-mark { width: 34px; height: 34px; font-size: 18px; }
  html[data-admin-glass] .merchant-topbar-account, html[data-admin-glass] .admin-appearance-trigger { width: 40px; min-width: 40px; min-height: 40px; }
  html[data-admin-glass] .merchant-topbar-account-copy, html[data-admin-glass] .merchant-topbar-account-chevron { display: none; }
  html[data-admin-glass] #app-main { padding: 12px 20px 24px; }
  html[data-admin-glass] .merchant-layout { display: block; padding-top: 0; }
  html[data-admin-glass] .merchant-layout[data-workspace] > .merchant-sidebar { position: static; display: block; height: auto; min-height: 0; max-height: none; padding: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  html[data-admin-glass] .merchant-layout[data-workspace] > .merchant-sidebar::after { display: none; }
  html[data-admin-glass] .merchant-layout[data-workspace] .merchant-workspace-label, html[data-admin-glass] .merchant-nav-action { display: none; }
  html[data-admin-glass] .merchant-content { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
  html[data-admin-glass] .merchant-heading { gap: 14px; margin: 6px 0 24px; }
  html[data-admin-glass] .merchant-heading h2 { font-size: 28px; }
  html[data-admin-glass] .merchant-heading .eyebrow { display: none; }
  html[data-admin-glass] .merchant-heading p { font-size: 13px; }
  html[data-admin-glass] .dashboard-grid { grid-template-columns: 1fr; }
  html[data-admin-glass] .settings-panel { padding: 20px 16px; }
  html[data-admin-glass] .panel-head { padding: 18px 18px 14px; }
  html[data-admin-glass] .panel-body { padding: 18px; }
  html[data-admin-glass] .inventory-overview-panel .batch-picker-trigger { min-height: 44px; }
  html[data-admin-glass] .inventory-panel-actions .autosave-status { font-size: 12px; line-height: 1.4; }
  html[data-admin-glass] .order-filter-bar { gap: 0; padding: 5px; }
  html[data-admin-glass] .order-filter-bar .subnav-button { min-width: 0; padding: 8px 3px; font-size: 13px; white-space: nowrap; }
  html[data-admin-glass] .admin-order-card { padding: 18px; border-radius: 26px; }
  html[data-admin-glass] .order-table-wrap { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  html[data-admin-glass] .merchant-nav:not(.is-password-required) { position: fixed; z-index: 30; left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 0; width: auto; max-width: 480px; margin: 0 auto; min-height: 72px; height: 72px; padding: 6px; overflow: hidden; border: 1px solid var(--control-edge); border-radius: 28px; background: var(--control-glass); box-shadow: var(--panel-shadow), 0 12px 28px -14px #3025394d; backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3); touch-action: pan-y pinch-zoom; user-select: none; -webkit-user-select: none; }
  html[data-admin-glass] .merchant-nav::after { content: ""; position: absolute; inset: 0; padding: .75px; border-radius: inherit; background: var(--lens-rim); pointer-events: none; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; }
  html[data-admin-glass] .merchant-nav > button { position: relative; z-index: 1; display: grid; grid-template-rows: 26px 17px; align-content: center; justify-items: center; gap: 3px; width: 100%; max-width: none; height: 58px; min-height: 58px; margin: 0; padding: 4px 2px; border: 0; border-radius: 30px; box-shadow: none; background: transparent; color: var(--ink-soft); font-size: 12px; font-weight: 500; text-align: center; transition: color .18s ease; touch-action: pan-y pinch-zoom; transform: none; }
  html[data-admin-glass] .merchant-nav > button[data-tab="dashboard"] { order: 1; }
  html[data-admin-glass] .merchant-nav > button[data-tab="orders"] { order: 2; }
  html[data-admin-glass] .merchant-nav > button[data-tab="pickup"] { order: 3; }
  html[data-admin-glass] .merchant-nav > button[data-tab="batches"] { order: 4; }
  html[data-admin-glass] .merchant-nav > .mobile-more-trigger { order: 5; display: grid; }
  html[data-admin-glass] .merchant-nav > button:is([data-tab="products"], [data-tab="locations"], [data-tab="account"]) { display: none; }
  html[data-admin-glass] .merchant-nav .nav-label-full { display: none; }
  html[data-admin-glass] .merchant-nav .nav-label-short { display: block; }
  html[data-admin-glass] .merchant-nav .nav-glyph { width: 25px; height: 25px; color: inherit; }
  html[data-admin-glass] .merchant-nav .nav-glyph svg { width: 23px; height: 23px; }
  html[data-admin-glass] .merchant-nav > button[data-tab="pickup"] .nav-glyph { color: inherit; background: transparent; border: 0; box-shadow: none; }
  html[data-admin-glass] .merchant-nav > button[data-tab="pickup"] .nav-label { color: inherit; font-weight: 500; }
  html[data-admin-glass] .merchant-nav > button.is-active { background: transparent; border: 0; color: var(--selection-ink); box-shadow: none; font-weight: 650; }
  html[data-admin-glass] .merchant-nav > button.is-active svg { stroke-width: 2.15; }
  html[data-admin-glass] .merchant-nav[data-dragging] { cursor: grabbing; }
  html[data-admin-glass] .merchant-nav.is-password-required { position: static; display: grid; width: auto; margin-bottom: 16px; background: var(--control-glass); border: 1px solid var(--control-edge); border-radius: 24px; box-shadow: var(--control-shadow); }
  html[data-admin-glass] .merchant-nav.is-password-required > button { display: flex; padding-inline: 16px; }
  html[data-admin-glass] .merchant-nav.is-password-required .nav-label-full { display: inline; }
  html[data-admin-glass] .merchant-nav.is-password-required .nav-label-short { display: none; }
  html[data-admin-glass] .is-merchant-view .toast-region { bottom: calc(100px + env(safe-area-inset-bottom)); }
  html[data-admin-glass] .site-footer { padding: 0 20px calc(106px + env(safe-area-inset-bottom)); }
  html[data-admin-glass] .modal-card { border-radius: 28px; }
}
@media (max-width: 760px), (pointer: coarse) {
  html[data-admin-glass] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .select-trigger) { font-size: 16px; }
  html[data-admin-glass] button:active { transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
  html[data-admin-glass] :is([data-liquid], .merchant-nav, .merchant-sidebar, .panel, .settings-panel, .stat-block, .admin-order-card, .packing-group, .modal-card, .table-wrap, .product-catalog-card) { background: var(--solid) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-admin-glass] .merchant-nav > button { transition: none; }
}

@media (max-width: 760px) {
  html[data-admin-glass] .merchant-nav .nav-lens {
    display: block; position: absolute; left: 6px; top: 6px; bottom: 6px;
    width: calc((100% - 12px) / 5); border-radius: 21px; pointer-events: none;
    overflow: hidden; will-change: transform;
    --rim-light: #fffffff2; --rim-shade: #72556838; --rim-color: #e8cbd88c;
    background: linear-gradient(140deg, #ffffff80, #ffffff0a 42%, #ffffff05 62%, #ffffff4d), var(--selection-wash);
    border: 1px solid #ffffff80;
    box-shadow: 0 3px 9px -5px #58344542, inset 0 1px 1px #ffffffc7, inset 0 -1px 2px #7255681f;
  }
  html[data-admin-glass] .merchant-nav .nav-lens-glint {
    position: absolute; inset: -15%; border-radius: inherit; opacity: .18;
    background: radial-gradient(ellipse at 75% 25%, #ffffffe6, transparent 42%), linear-gradient(112deg, transparent 24%, #ffffff08 38%, #ffffffc7 50%, #ffffff08 62%, transparent 76%);
  }
  html[data-admin-glass] .merchant-nav .nav-lens::before {
    content: ""; position: absolute; inset: 0; border-radius: inherit; padding: .75px; pointer-events: none;
    background: conic-gradient(from var(--lens-angle, 115deg), var(--rim-shade), var(--rim-light) 12%, var(--rim-color) 22%, transparent 35%, var(--rim-shade) 47%, var(--rim-light) 62%, var(--rim-color) 72%, transparent 85%, var(--rim-shade));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude;
  }
  html[data-admin-glass][data-theme="dark"] .nav-lens {
    --rim-light: #fff2faad; --rim-shade: #160f2394; --rim-color: #ecc7dd80;
    background: linear-gradient(140deg, #ffe8f52b, #ffffff08 42%, #ffffff05 62%, #efd4ed21), var(--selection-wash);
    border-color: #f4dce94d;
    box-shadow: 0 3px 9px -5px #0006, inset 0 1px .5px #fff4fb61, inset 0 -1px 2px #edd5ea24;
  }
}

html[data-admin-glass] .admin-appearance-trigger[hidden] { display: none; }
html[data-admin-glass] .merchant-nav > button:focus-visible { outline: 2px solid var(--selection-ink); outline-offset: -3px; }
/* Sticky dialog actions need the same tonal base as the sheet in both themes. */
html[data-admin-glass] .modal-foot { color: var(--ink); background: var(--solid); border-color: var(--line); }
html[data-admin-glass] .modal-foot :is(.secondary-button, .danger-button) { color: var(--ink-soft); background: var(--control-glass); border: 1px solid var(--control-edge); border-radius: 24px; box-shadow: var(--control-shadow); }
html[data-admin-glass] .modal-foot .danger-button { color: #973e3b; }
html[data-admin-glass][data-theme="dark"] .modal-foot .danger-button { color: #f2c2b7; }
html[data-admin-glass] .modal-body > form > .form-actions,
html[data-admin-glass] .modal-card:has([data-batch-editor]) [data-batch-editor] > .form-actions { color: var(--ink); background: var(--solid); }
html[data-admin-glass] .choice-option[aria-selected="true"] { color: var(--selection-ink); background: var(--selection-wash); }
html[data-admin-glass] :is(.bank-card, .verification-items) { color: #f2f7f2; background: #263d3a; border-radius: 16px; }
html[data-admin-glass] :is(.bank-card .label, .bank-card p, .verification-items > .label) { color: #c2d4ce; }
html[data-admin-glass][data-theme="dark"] :is(.empty-state, .scanner-manual, .order-primary-qr, .contact-result-help, .batch-management-card, .batch-add-card, .pickup-image-editor, .price-tier-editor, .product-icon-editor, .payment-proof-form, .refund-form, .refund-status, .order-recovery, .receipt-upload, .lookup-panel, .merchant-contact-empty, .verification-result-status, .scan-result, .gallery-delete-check, .fulfillment-resolution, .delivery-supplement) { color: var(--ink); background: #ffffff0d; border-color: var(--line); }
html[data-admin-glass][data-theme="dark"] .form-field input[readonly][data-manual-password] { background: var(--input-fill); }
html[data-admin-glass][data-theme="dark"] .order-recovery-link.is-primary { background: var(--solid) !important; }
html[data-admin-glass][data-theme="dark"] .payment-countdown strong { color: #ffe3b0; }

html[data-admin-glass] .merchant-nav-action:hover { color: var(--selection-ink); background: var(--selection-wash); }