/* Admin and super-admin panels: dark theme, navigation (sticky bars, collapsible sidebar on a
 * computer, bottom tab bar on a phone) and a common polish. Loaded after every other
 * stylesheet. The dark theme hangs off html[data-admin-scheme="dark"], which admin-ui.js sets
 * on admin pages only, so the storefront is never touched. The earlier stylesheets pin many
 * colours with !important; the dark block answers with !important at higher specificity. */

/* ---------- tokens ---------- */
:root{
  --ad-bg:#eef2ef;--ad-surface:#fff;--ad-surface-2:#f5f8f4;--ad-surface-3:#e9f0e7;
  --ad-line:#e1e8e1;--ad-line-strong:#cfd9cf;
  --ad-text:#17211b;--ad-text-2:#55645a;--ad-text-3:#5f6c64;
  --ad-accent:#d8fa46;--ad-accent-ink:#172119;--ad-nav-active:#eaf3e0;--ad-nav-active-ink:#203c24;
  --ad-danger:#bd3d2a;--ad-ok:#2f7d4a;--ad-warn:#a16d00;
  --ad-radius:18px;--ad-bar:60px;--ad-tab:62px;
  --ad-shadow:0 1px 2px rgba(20,32,26,.04),0 12px 30px -14px rgba(20,32,26,.16);
}
html[data-admin-scheme="dark"]{
  color-scheme:dark;
  --ad-bg:#0c120f;--ad-surface:#141c17;--ad-surface-2:#1a241e;--ad-surface-3:#222f27;
  --ad-line:rgba(226,240,230,.09);--ad-line-strong:rgba(226,240,230,.17);
  --ad-text:#e8efe9;--ad-text-2:#a5b3a9;--ad-text-3:#839187;
  --ad-nav-active:rgba(216,250,70,.13);--ad-nav-active-ink:#e6fb8c;
  --ad-danger:#ff8a76;--ad-ok:#74d892;--ad-warn:#f3bd55;
  --ad-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 16px 36px -18px rgba(0,0,0,.7);
  /* Legacy and newer sections share these aliases, including body-level dialogs. */
  --ink:var(--ad-text);--ink-soft:var(--ad-text-2);--ink-faint:var(--ad-text-2);
  --muted:var(--ad-text-2);--line:var(--ad-line);--hair:var(--ad-line);
  --paper:var(--ad-surface);--card:var(--ad-surface);--surface:var(--ad-surface);
  --soft:var(--ad-surface-2);--wash:var(--ad-surface-2);--canvas:var(--ad-bg);
  --text:var(--ad-text);--secondary:var(--ad-text-2);--border:var(--ad-line);
  --ui-ink:var(--ad-text);--ui-muted:var(--ad-text-2);--ui-line:var(--ad-line);
  --ui-paper:var(--ad-surface);--ui-canvas:var(--ad-bg);
  --green:var(--ad-ok);--ok:var(--ad-ok);--accent-dark:var(--ad-danger);--accent-soft:rgba(255,138,118,.12);
}

/* ---------- dark theme ---------- */
html[data-admin-scheme="dark"],html[data-admin-scheme="dark"] body{background:var(--ad-bg)!important;color:var(--ad-text)}
html[data-admin-scheme="dark"] .app-shell:has(.admin-layout),
html[data-admin-scheme="dark"] .modern-admin-shell,
html[data-admin-scheme="dark"] .modern-admin-main,
html[data-admin-scheme="dark"] .admin-main{background:var(--ad-bg)!important;color:var(--ad-text)}
html[data-admin-scheme="dark"] .admin-globalbar{background:#0a0f0c!important;border-bottom:1px solid var(--ad-line)}
html[data-admin-scheme="dark"] .sidebar,
html[data-admin-scheme="dark"] .app-shell.modern-admin-shell:has(.admin-layout) .sidebar{background:var(--ad-surface)!important;border-right:1px solid var(--ad-line)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .side-brand,
html[data-admin-scheme="dark"] .app-shell.modern-admin-shell:has(.admin-layout) .side-brand{color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .side-shop,
html[data-admin-scheme="dark"] .app-shell.modern-admin-shell:has(.admin-layout) .side-shop{background:var(--ad-surface-2)!important;border:1px solid var(--ad-line)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .side-shop b,
html[data-admin-scheme="dark"] .app-shell.modern-admin-shell:has(.admin-layout) .side-shop b{color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .side-shop small{color:var(--ad-text-3)!important}
html[data-admin-scheme="dark"] .modern-admin-shell .side-menu button,
html[data-admin-scheme="dark"] .app-shell.modern-admin-shell:has(.admin-layout) .side-menu button{background:transparent!important;color:var(--ad-text-2)!important;box-shadow:none!important}
html[data-admin-scheme="dark"] .modern-admin-shell .side-menu button:hover{background:var(--ad-surface-3)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .modern-admin-shell .side-menu button.active,
html[data-admin-scheme="dark"] .app-shell.modern-admin-shell:has(.admin-layout) .side-menu button.active{background:var(--ad-nav-active)!important;color:var(--ad-nav-active-ink)!important;box-shadow:inset 3px 0 0 var(--ad-accent)!important}
html[data-admin-scheme="dark"] .side-menu .menu-group{color:var(--ad-text-3)}
html[data-admin-scheme="dark"] .side-menu .menu-exit{border-top-color:var(--ad-line)}

/* surfaces */
html[data-admin-scheme="dark"] .admin-main .panel,
html[data-admin-scheme="dark"] .modern-admin-main .panel{background:transparent!important;border-color:var(--ad-line)!important;color:var(--ad-text)}
html[data-admin-scheme="dark"] .admin-main .panel.form-panel,
html[data-admin-scheme="dark"] .admin-main .panel.action-center,
html[data-admin-scheme="dark"] .modern-admin-main .panel.form-panel{background:var(--ad-surface)!important;border:1px solid var(--ad-line)!important;box-shadow:var(--ad-shadow)!important}
html[data-admin-scheme="dark"] .admin-main .metric{border-color:var(--ad-line)!important;background:var(--ad-surface)!important}
html[data-admin-scheme="dark"] .config-item,
html[data-admin-scheme="dark"] .modern-admin-main .config-item,
html[data-admin-scheme="dark"] .geo-country,
html[data-admin-scheme="dark"] .geo-district-chip,
html[data-admin-scheme="dark"] .geo-icon-btn,
html[data-admin-scheme="dark"] .product-pool-summary,
html[data-admin-scheme="dark"] .location-empty,
html[data-admin-scheme="dark"] .muted-empty,
html[data-admin-scheme="dark"] .save-strip,
html[data-admin-scheme="dark"] .product-admin-media,
html[data-admin-scheme="dark"] .stock-pill,
html[data-admin-scheme="dark"] .mini-preview,
html[data-admin-scheme="dark"] .preview-bar,
html[data-admin-scheme="dark"] .interface-language-preview,
html[data-admin-scheme="dark"] .interface-language-preview span,
html[data-admin-scheme="dark"] .admin-order-card,
html[data-admin-scheme="dark"] .modern-admin-main .admin-order-card,
html[data-admin-scheme="dark"] .clients-row,
html[data-admin-scheme="dark"] .product-pool-save-note{background:var(--ad-surface-2)!important;border-color:var(--ad-line)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .admin-order-card{border-left-color:var(--ad-line-strong)!important}
html[data-admin-scheme="dark"] .admin-order-card[data-pay="paid"]{border-left-color:var(--ad-ok)!important}
html[data-admin-scheme="dark"] .admin-order-card[data-pay="pending"]{border-left-color:var(--ad-warn)!important}
html[data-admin-scheme="dark"] .order-row,
html[data-admin-scheme="dark"] .modern-admin-main .order-row,
html[data-admin-scheme="dark"] .product-admin-row{border-color:var(--ad-line)!important;background:transparent!important}
html[data-admin-scheme="dark"] .product-admin-row:hover{background:linear-gradient(90deg,rgba(216,250,70,.07),transparent)!important}
html[data-admin-scheme="dark"] .bot-users-table th,
html[data-admin-scheme="dark"] .bot-users-table td,
html[data-admin-scheme="dark"] th,html[data-admin-scheme="dark"] td{border-color:var(--ad-line)!important;background:transparent!important}
html[data-admin-scheme="dark"] td.is-low{background:rgba(243,189,85,.1)!important}

/* text */
html[data-admin-scheme="dark"] .admin-main :where(h1,h2,h3,h4,h5,label,legend,summary,th,td,b,strong,.order-name){color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .admin-main :where(p,small,.settings-note,.field-hint,.order-id,.order-place,.panel-kicker,.muted-empty span,.location-empty span,.metric span,.metric small){color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] .admin-top h1,
html[data-admin-scheme="dark"] .modern-admin-main .admin-top h1,
html[data-admin-scheme="dark"] .modern-admin-main .panel h3{color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .panel-kicker{color:var(--ad-text-3)!important}
html[data-admin-scheme="dark"] .admin-main a:not(.primary-btn):not(.outline-btn){color:#c9ee62}

/* controls */
html[data-admin-scheme="dark"] .admin-main input:not([type="checkbox"]):not([type="radio"]),
html[data-admin-scheme="dark"] .admin-main select,
html[data-admin-scheme="dark"] .admin-main textarea,
html[data-admin-scheme="dark"] .modern-admin-main .field input,
html[data-admin-scheme="dark"] .modern-admin-main .field select,
html[data-admin-scheme="dark"] .modern-admin-main .field textarea,
html[data-admin-scheme="dark"] .modal input:not([type="checkbox"]):not([type="radio"]),
html[data-admin-scheme="dark"] .modal select,
html[data-admin-scheme="dark"] .modal textarea,
html[data-admin-scheme="dark"] .auth-card input{background:var(--ad-surface-2)!important;border:1px solid var(--ad-line-strong)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .admin-main input::placeholder,
html[data-admin-scheme="dark"] .admin-main textarea::placeholder,
html[data-admin-scheme="dark"] .modal input::placeholder,
html[data-admin-scheme="dark"] .auth-card input::placeholder{color:var(--ad-text-3)!important}
html[data-admin-scheme="dark"] .admin-main input:disabled,
html[data-admin-scheme="dark"] .admin-main select:disabled{opacity:.6}
html[data-admin-scheme="dark"] .modern-admin-main .field input:focus,
html[data-admin-scheme="dark"] .modern-admin-main .field select:focus,
html[data-admin-scheme="dark"] .modern-admin-main .field textarea:focus,
html[data-admin-scheme="dark"] .auth-card input:focus{border-color:var(--ad-accent)!important;box-shadow:0 0 0 3px rgba(216,250,70,.16)!important;outline:0}
html[data-admin-scheme="dark"] option{background:#141c17;color:#e8efe9}
html[data-admin-scheme="dark"] .admin-main .outline-btn,
html[data-admin-scheme="dark"] .modal .outline-btn,
html[data-admin-scheme="dark"] .admin-main .chip,
html[data-admin-scheme="dark"] .modern-admin-main .outline-btn{background:var(--ad-surface-2)!important;border:1px solid var(--ad-line-strong)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .admin-main .outline-btn:hover,
html[data-admin-scheme="dark"] .admin-main .chip:hover{background:var(--ad-surface-3)!important}
html[data-admin-scheme="dark"] .admin-main .chip.active,
html[data-admin-scheme="dark"] .admin-main .chip[aria-pressed="true"]{background:var(--ad-accent)!important;color:var(--ad-accent-ink)!important;border-color:var(--ad-accent)!important}
html[data-admin-scheme="dark"] .admin-main .primary-btn,
html[data-admin-scheme="dark"] .modal .primary-btn,
html[data-admin-scheme="dark"] .auth-card .primary-btn{background:var(--ad-accent)!important;background-image:none!important;color:var(--ad-accent-ink)!important;border:0!important;box-shadow:0 10px 24px -12px rgba(216,250,70,.55)!important}
html[data-admin-scheme="dark"] .admin-main .primary-btn:hover,
html[data-admin-scheme="dark"] .modal .primary-btn:hover,
html[data-admin-scheme="dark"] .auth-card .primary-btn:hover{background:#e4ff6a!important}
html[data-admin-scheme="dark"] .auth-card .outline-btn{background:var(--ad-surface-2)!important;border:1px solid var(--ad-line-strong)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .remove-link,
html[data-admin-scheme="dark"] .modern-admin-main .remove-link{background:rgba(255,138,118,.1)!important;color:var(--ad-danger)!important;border:1px solid rgba(255,138,118,.22)!important}
html[data-admin-scheme="dark"] .pay-badge,html[data-admin-scheme="dark"] .status{background:var(--ad-surface-3)!important;color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] .pay-badge.pay-paid{background:rgba(116,216,146,.14)!important;color:var(--ad-ok)!important}
html[data-admin-scheme="dark"] .pay-badge.pay-pending,html[data-admin-scheme="dark"] .status.wait,html[data-admin-scheme="dark"] .status-waiting{background:rgba(243,189,85,.14)!important;color:var(--ad-warn)!important}
html[data-admin-scheme="dark"] .pay-badge.pay-expired,html[data-admin-scheme="dark"] .pay-badge.pay-cancelled,html[data-admin-scheme="dark"] .status.status-cancelled{background:rgba(255,138,118,.14)!important;color:var(--ad-danger)!important}
html[data-admin-scheme="dark"] .modern-admin-main .status.wait{background:rgba(243,189,85,.14)!important;color:var(--ad-warn)!important}

/* spots found by a contrast audit of every section */
html[data-admin-scheme="dark"] .product-admin-price,
html[data-admin-scheme="dark"] .interface-language-preview b,
html[data-admin-scheme="dark"] .geo-city-title,
html[data-admin-scheme="dark"] .geo-city-title span{color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .product-switch{background:var(--ad-surface-2)!important;border:1px solid var(--ad-line-strong)!important;color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] .product-switch span{color:inherit!important}
html[data-admin-scheme="dark"] .product-switch.is-on{background:rgba(216,250,70,.14)!important;border-color:rgba(216,250,70,.45)!important;color:var(--ad-nav-active-ink)!important}

html[data-admin-scheme="dark"] .hidden-page-block,
html[data-admin-scheme="dark"] .hidden-page-blocks>*{background:var(--ad-surface-2)!important;border-color:var(--ad-line)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .hidden-page-block :where(b,label,span){color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .hidden-block-head .remove-link,
html[data-admin-scheme="dark"] .remove-link{color:var(--ad-danger)!important}
html[data-admin-scheme="dark"] .shop-table-tools span,
html[data-admin-scheme="dark"] .shop-bot-state{color:var(--ad-text-2)!important}

/* The browser paints saved or typed-in passwords with its own pale background; take it over. */
html[data-admin-scheme="dark"] input:-webkit-autofill,
html[data-admin-scheme="dark"] input:-webkit-autofill:hover,
html[data-admin-scheme="dark"] input:-webkit-autofill:focus,
html[data-admin-scheme="dark"] textarea:-webkit-autofill,
html[data-admin-scheme="dark"] select:-webkit-autofill{-webkit-text-fill-color:var(--ad-text)!important;caret-color:var(--ad-text);-webkit-box-shadow:0 0 0 1000px #1a241e inset!important;box-shadow:0 0 0 1000px #1a241e inset!important;border:1px solid var(--ad-line-strong)!important;transition:background-color 99999s ease-out 0s}
/* The CAPTCHA picture is dark text on a pale ground: turn it over so it sits in the dark card. */
html[data-admin-scheme="dark"] .captcha-image,
html[data-admin-scheme="dark"] .captcha-image[data-captcha-code]{background:var(--ad-surface-2)!important;border-color:var(--ad-line-strong)!important;box-shadow:none!important;color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] .captcha-image img{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(1.05)}
html[data-admin-scheme="dark"] [data-captcha-refresh]{background:var(--ad-surface-2)!important;color:var(--ad-text)!important;border:1px solid var(--ad-line-strong)!important}
html[data-admin-scheme="dark"] .field-error,html[data-admin-scheme="dark"] .form-error{color:var(--ad-danger)!important}

/* dialogs, toasts, sign-in */
html[data-admin-scheme="dark"] .modal-backdrop{background:rgba(2,6,4,.72)!important}
html[data-admin-scheme="dark"] .modal,html[data-admin-scheme="dark"] .modal-card,
html[data-admin-scheme="dark"] dialog.admin-sheet{background:var(--ad-surface)!important;color:var(--ad-text)!important;border:1px solid var(--ad-line)}
html[data-admin-scheme="dark"] .modal :where(h1,h2,h3,h4,label,b,strong){color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .modal :where(p,small,.settings-note){color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] .modal-close{background:var(--ad-surface-2)!important;color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] .demo-bar{background:#0a0f0c!important;border-bottom:1px solid var(--ad-line)}
html[data-admin-scheme="dark"] .demo-switch{background:var(--ad-surface-2)!important;border:1px solid var(--ad-line)!important}
html[data-admin-scheme="dark"] .demo-switch button{background:transparent!important;color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] .demo-switch button.active{background:var(--ad-accent)!important;color:var(--ad-accent-ink)!important}
html[data-admin-scheme="dark"] .toast{background:#e8efe9!important;color:#0d1310!important}
html[data-admin-scheme="dark"] .auth-page{background:var(--ad-bg)!important}
html[data-admin-scheme="dark"] .auth-card{background:var(--ad-surface)!important;border:1px solid var(--ad-line)!important;color:var(--ad-text)!important;box-shadow:var(--ad-shadow)!important}
html[data-admin-scheme="dark"] .auth-card :where(h1,h2,b,label){color:var(--ad-text)!important}
html[data-admin-scheme="dark"] .auth-card :where(p,small){color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] ::-webkit-scrollbar-thumb{background:#2c3a32;border-radius:8px;border:2px solid var(--ad-bg)}
html[data-admin-scheme="dark"] ::-webkit-scrollbar-track{background:transparent}
html[data-admin-scheme="dark"] .admin-main img,html[data-admin-scheme="dark"] .admin-main canvas{filter:brightness(.92)}

/* Module palettes must change with their text, rather than keeping a light surface. */
html[data-admin-scheme="dark"] :is(.stats-controls,.stats-page){
  --stats-surface:var(--ad-surface);--stats-ink:var(--ad-text);--stats-ink-2:var(--ad-text-2);
  --stats-ink-3:var(--ad-text-2);--stats-line:var(--ad-line);
  --stats-up:var(--ad-ok);--stats-down:var(--ad-danger);
}
html[data-admin-scheme="dark"] :is(.stats-seg,.stats-tip){background:var(--ad-surface);border-color:var(--ad-line-strong);color:var(--ad-text)}
html[data-admin-scheme="dark"] .stats-seg button.is-on{background:var(--ad-accent);color:var(--ad-accent-ink)}
html[data-admin-scheme="dark"] .stats-note{background:#1c2c3d;color:#c5d9f2!important}
html[data-admin-scheme="dark"] .stats-cross{fill:rgba(232,239,233,.08)}

/* Platform pages and dialogs outside .admin-main use the same surfaces and controls. */
html[data-admin-scheme="dark"] .super-main{background:var(--ad-bg);color:var(--ad-text)}
html[data-admin-scheme="dark"] :is(.super-main>.panel,.modal .panel,.cl-modal,.super-bot-modal,.hidden-page-row){background:var(--ad-surface)!important;border-color:var(--ad-line)!important;color:var(--ad-text)}
html[data-admin-scheme="dark"] :is(.super-main,.cl-modal,.modal-card) :where(h1,h2,h3,h4,h5,label,legend,summary,th,td,b,strong){color:var(--ad-text)!important}
html[data-admin-scheme="dark"] :is(.super-main,.cl-modal,.modal-card) :where(p,small,.settings-note,.field-hint,.table-head){color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] :is(.super-main,.cl-modal,.modal-card) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){background:var(--ad-surface-2)!important;border:1px solid var(--ad-line-strong)!important;color:var(--ad-text)!important}
html[data-admin-scheme="dark"] :is(.super-main,.cl-modal,.modal-card) :is(input,textarea)::placeholder{color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] :is(.super-main,.cl-modal,.modal-card) .outline-btn{background:var(--ad-surface-2)!important;color:var(--ad-text)!important;border:1px solid var(--ad-line-strong)!important}
html[data-admin-scheme="dark"] :is(.super-main,.cl-modal,.modal-card) .primary-btn{background:var(--ad-accent)!important;background-image:none!important;color:var(--ad-accent-ink)!important;border-color:var(--ad-accent)!important}
html[data-admin-scheme="dark"] :is(.super-main,.cl-modal,.modal-card) .outline-btn:hover{background:var(--ad-surface-3)!important}
html[data-admin-scheme="dark"] .cl-overlay{background:rgba(2,6,4,.72)}
html[data-admin-scheme="dark"] :is(.cl-chosen,.cl-result:hover){background:var(--ad-surface-3)}
html[data-admin-scheme="dark"] .cl-result{border-color:var(--ad-line-strong)}
html[data-admin-scheme="dark"] .cl-error{color:var(--ad-danger)!important}
html[data-admin-scheme="dark"] .auth-card .brand-mark{background:var(--ad-accent);color:var(--ad-accent-ink)}
html[data-admin-scheme="dark"] .geo-help span{color:var(--ad-text-2)}
html[data-admin-scheme="dark"] :is(.modal-close,.cl-close):hover{background:var(--ad-surface-3)!important}

/* Secondary cards: referrals/partners, delivery stock, wallet and hidden pages. */
html[data-admin-scheme="dark"] :is(.ref-admin-tiles>div,.ref-top-row,.partner-card,.partner-row,.partner-code,.wallet-seed-zone,.pool-spot,.hidden-block-preview){background:var(--ad-surface-2);border-color:var(--ad-line);color:var(--ad-text)}
html[data-admin-scheme="dark"] :is(.partner-card,.partner-row) :is(p,small){color:var(--ad-text-2)!important}
html[data-admin-scheme="dark"] :is(.wallet-amount-label,.wallet-accounting dt,.product-admin-toolbar,.product-no-photo,.media-separation-note p,.delivery-product-row small){color:var(--ad-text-2)}
html[data-admin-scheme="dark"] :is(.wallet-quote-warn,.wallet-wd-status.is-queued,.wallet-wd-status.is-processing){color:var(--ad-warn)}
html[data-admin-scheme="dark"] :is(.wallet-quote-bad,.wallet-wd-status.is-failed,.wallet-wd-msg){color:var(--ad-danger)}
/* Populated wallet histories contain plain spans, outside the heading/form rules. */
html[data-admin-scheme="dark"] :is(.wallet-modal,.wallet-wd-modal,.wallet-balance-host,.wallet-partner-host){
  --ink:var(--ad-text);--muted:var(--ad-text-2);--line:var(--ad-line);
  color:var(--ad-text);
}
html[data-admin-scheme="dark"] :is(.wallet-wd-list,.wallet-wd-item,.wallet-addr-row,.wallet-bal-row,.wallet-coins,.wallet-ton-seed){border-color:var(--ad-line)}
html[data-admin-scheme="dark"] .wallet-wd-item{color:var(--ad-text-2)}
html[data-admin-scheme="dark"] .wallet-wd-item>span:first-child{color:var(--ad-text)}
html[data-admin-scheme="dark"] .wallet-wd-status{color:var(--ad-text-2)}
html[data-admin-scheme="dark"] .wallet-wd-status:is(.is-sent,.is-returned){color:var(--ad-ok)}
html[data-admin-scheme="dark"] .wallet-wd-status:is(.is-queued,.is-processing,.is-unconfirmed,.is-external){color:var(--ad-warn)}
html[data-admin-scheme="dark"] .wallet-wd-status.is-failed{color:var(--ad-danger)}
html[data-admin-scheme="dark"] :is(.wallet-addr-coin,.wallet-accounting dd){color:var(--ad-text)}
html[data-admin-scheme="dark"] .wallet-addr-value{background:var(--ad-surface-2);color:var(--ad-text)}
html[data-admin-scheme="dark"] .admin-main .stock-matrix :is(th,td){background:var(--ad-surface)!important}
html[data-admin-scheme="dark"] .admin-main .stock-matrix td.is-ok{color:var(--ad-ok)!important}
html[data-admin-scheme="dark"] :is(.admin-main .stock-matrix td.is-low,.stock-pill.is-zero){background:rgba(243,189,85,.12)!important;color:var(--ad-warn)!important;border-color:rgba(243,189,85,.28)!important}
html[data-admin-scheme="dark"] .admin-main .stock-matrix td.is-zero{background:rgba(255,138,118,.12)!important;color:var(--ad-danger)!important}
html[data-admin-scheme="dark"] :is(.pool-spot i,.geo-add-district-btn b){background:var(--ad-surface-3);color:var(--ad-nav-active-ink)!important}
html[data-admin-scheme="dark"] .geo-add-district-btn{color:var(--ad-text)}
html[data-admin-scheme="dark"] .geo-add-district-btn:hover{background:var(--ad-nav-active);border-color:var(--ad-accent)}
html[data-admin-scheme="dark"] .theme-choice{background:var(--ad-surface-2);color:var(--ad-text)!important;border-color:var(--ad-line-strong)}
html[data-admin-scheme="dark"] .theme-choice:has(input:checked){border-color:var(--ad-accent);box-shadow:0 0 0 2px rgba(216,250,70,.2)}
html[data-admin-scheme="dark"] .theme-choice :is(b,strong,small,span):not(.theme-swatch){color:inherit!important}
html[data-admin-scheme="dark"] :is(.primary-btn,.btn.primary) :is(b,strong,span){color:inherit!important}
html[data-admin-scheme="dark"] :is(.loading-state,.error-state){background:var(--ad-bg);color:var(--ad-text-2)}

/* ---------- theme switch (top bar and sign-in page) ---------- */
.admin-scheme-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 11px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}
.admin-scheme-btn:hover{background:rgba(255,255,255,.14)}
.admin-scheme-btn:active{transform:scale(.96)}
.admin-scheme-btn svg{width:18px;height:18px;flex:none}
.admin-scheme-btn.is-floating{position:fixed;top:14px;right:14px;z-index:40;color:var(--ad-text);background:var(--ad-surface);border-color:var(--ad-line-strong)}
.admin-globalbar>div:last-child{gap:10px}
.demo-bar .admin-scheme-btn{margin-left:10px}

/* ---------- navigation: computer ---------- */
@media(min-width:721px){
  .modern-admin-shell .admin-globalbar{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
  .modern-admin-shell .admin-layout{align-items:start;transition:grid-template-columns .22s cubic-bezier(.2,.7,.2,1)}
  .modern-admin-shell .sidebar{position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column}
  .modern-admin-shell .sidebar .side-menu{flex:1 1 auto}
  .admin-nav-collapse{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 12px;border-radius:10px;border:1px dashed var(--ad-line-strong);background:transparent;color:var(--ad-text-3);font:inherit;font-size:12px;font-weight:700;cursor:pointer;flex:none}
  .admin-nav-collapse:hover{color:var(--ad-text);background:var(--ad-surface-2)}
  .admin-nav-collapse svg{width:16px;height:16px;transition:transform .22s}
  .modern-admin-shell[data-nav="mini"] .admin-layout{grid-template-columns:76px minmax(0,1fr)}
  .modern-admin-shell[data-nav="mini"] .sidebar{padding-left:10px;padding-right:10px;align-items:stretch}
  .modern-admin-shell[data-nav="mini"] .side-shop,
  .modern-admin-shell[data-nav="mini"] .side-brand>span:last-child,
  .modern-admin-shell[data-nav="mini"] .side-menu .menu-group,
  .modern-admin-shell[data-nav="mini"] .side-menu button>span,
  .modern-admin-shell[data-nav="mini"] .admin-nav-collapse>span{display:none}
  .modern-admin-shell[data-nav="mini"] .side-brand{justify-content:center}
  .modern-admin-shell[data-nav="mini"] .side-menu button{justify-content:center;padding-left:0;padding-right:0}
  .modern-admin-shell[data-nav="mini"] .side-menu button:hover{padding-left:0}
  .modern-admin-shell[data-nav="mini"] .admin-nav-collapse{justify-content:center}
  .modern-admin-shell[data-nav="mini"] .admin-nav-collapse svg{transform:rotate(180deg)}
  .admin-tabbar{display:none!important}
}

/* ---------- navigation: phone ---------- */
@media(max-width:720px){
  .modern-admin-shell .admin-globalbar{position:sticky;top:0;z-index:30}
  /* the long horizontal strip is replaced by the bar at the bottom */
  .modern-admin-shell .sidebar{display:none!important}
  .modern-admin-shell .admin-layout{display:block}
  .modern-admin-main,.app-shell:has(.admin-layout) .admin-main{padding-bottom:calc(var(--ad-tab) + 34px + env(safe-area-inset-bottom))!important}
  .admin-nav-collapse{display:none}
  .admin-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid!important;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--ad-surface);border-top:1px solid var(--ad-line);box-shadow:0 -12px 30px -18px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .admin-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:5px 2px;border:0;border-radius:12px;background:transparent;color:var(--ad-text-3);font:inherit;font-size:10.5px;font-weight:700;letter-spacing:.01em;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transition:color .15s,background .15s}
  .admin-tab svg{width:22px;height:22px;stroke-width:1.7;transition:transform .2s}
  .admin-tab>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .admin-tab.is-active{color:var(--ad-nav-active-ink);background:var(--ad-nav-active)}
  .admin-tab.is-active svg{transform:translateY(-1px)}
  .admin-tab.is-active:after{content:"";position:absolute;top:2px;width:18px;height:3px;border-radius:3px;background:var(--ad-accent)}
  .admin-tab:active{transform:scale(.95)}
  .admin-tab .admin-tab-dot{position:absolute;top:6px;right:calc(50% - 17px);width:8px;height:8px;border-radius:50%;background:var(--ad-danger);border:2px solid var(--ad-surface)}
  .toast{bottom:calc(var(--ad-tab) + 18px + env(safe-area-inset-bottom))!important}
}

/* "More" sheet */
dialog.admin-sheet{width:min(100%,560px);max-height:86dvh;margin:auto auto 0;padding:0;border:1px solid var(--ad-line);border-radius:22px 22px 0 0;background:var(--ad-surface);color:var(--ad-text);overflow:hidden;box-shadow:0 -20px 60px rgba(0,0,0,.35)}
dialog.admin-sheet::backdrop{background:rgba(5,10,7,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
dialog.admin-sheet[open]{animation:admin-sheet-up .26s cubic-bezier(.2,.7,.2,1)}
@keyframes admin-sheet-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.admin-sheet-grab{width:38px;height:4px;border-radius:4px;background:var(--ad-line-strong);margin:9px auto 0}
.admin-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 6px}
.admin-sheet-head h2{margin:0;font-size:18px;letter-spacing:-.02em;color:var(--ad-text)}
.admin-sheet-head button{border:0;background:var(--ad-surface-2);color:var(--ad-text-2);width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.admin-sheet-body{padding:6px 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;max-height:calc(86dvh - 60px)}
.admin-sheet-group{margin:14px 6px 6px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ad-text-3)}
.admin-sheet-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.admin-sheet-item{display:flex;align-items:center;gap:11px;min-height:50px;padding:10px 12px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-surface-2);color:var(--ad-text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.admin-sheet-item svg{width:20px;height:20px;flex:none;color:var(--ad-text-2)}
.admin-sheet-item.is-active{background:var(--ad-nav-active);border-color:transparent;color:var(--ad-nav-active-ink)}
.admin-sheet-item.is-active svg{color:var(--ad-nav-active-ink)}
.admin-sheet-item.is-danger{color:var(--ad-danger)}
.admin-sheet-item.is-danger svg{color:var(--ad-danger)}
.admin-sheet-scheme{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:14px;background:var(--ad-surface-2);border:1px solid var(--ad-line)}
.admin-sheet-scheme button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--ad-text-2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.admin-sheet-scheme button svg{width:17px;height:17px}
.admin-sheet-scheme button.is-on{background:var(--ad-surface);color:var(--ad-text);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.admin-sheet-scheme button.is-on svg{color:var(--ad-accent)}
html:not([data-admin-scheme="dark"]) .admin-sheet-scheme button.is-on svg{color:#5f8a1f}

/* ---------- polish (both themes) ---------- */
.modern-admin-shell .admin-top{margin-bottom:22px}
.modern-admin-shell .admin-top h1{letter-spacing:-.035em}
.modern-admin-shell .side-menu button{transition:background .15s,color .15s,box-shadow .15s}
.modern-admin-shell .side-menu button svg{opacity:.92}
.modern-admin-shell .side-menu button.active{font-weight:800}
.admin-main .metric{transition:background .2s}
.admin-main .metric:hover{background:rgba(216,250,70,.07)}
/* Dashboard counters stay independent, compact and readable at every width. */
.modern-admin-shell .admin-main .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;margin-bottom:22px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.modern-admin-shell .admin-main .metric{display:grid;align-content:start;gap:6px;min-width:0;min-height:112px;padding:18px;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-surface);box-shadow:var(--ad-shadow)}
.modern-admin-shell .admin-main .metric strong{margin:0;color:var(--ad-text);font-size:32px;line-height:1.15;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.modern-admin-shell .admin-main .metric :is(.metric-label,.metric-change){display:block;margin:0;color:var(--ad-text-2);font-size:12px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}
@media(max-width:1100px){.modern-admin-shell .admin-main .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .modern-admin-shell .admin-main .metric-grid{gap:10px;margin-bottom:18px}
  .modern-admin-shell .admin-main .metric{padding:14px;min-height:108px;border-radius:14px}
  .modern-admin-shell .admin-main .metric strong{font-size:28px}
}
@media(max-width:360px){.modern-admin-shell .admin-main .metric-grid{grid-template-columns:minmax(0,1fr)}}
.admin-main .panel.form-panel,.admin-main .panel.action-center{border-radius:var(--ad-radius)}
.admin-main .admin-order-card{transition:transform .18s,box-shadow .18s,border-color .18s}
.admin-main .admin-order-card:hover{transform:translateY(-1px);box-shadow:var(--ad-shadow)}
.admin-main :focus-visible{outline:2px solid var(--ad-accent);outline-offset:2px}
html:not([data-admin-scheme="dark"]) .admin-main :focus-visible{outline-color:#5f8a1f}
.admin-main .primary-btn{box-shadow:0 8px 20px -10px rgba(216,250,70,.55)}
.admin-globalbar .admin-sync-indicator i{box-shadow:0 0 0 0 rgba(116,216,146,.6);animation:admin-pulse 2.4s ease-out infinite}
@keyframes admin-pulse{70%{box-shadow:0 0 0 7px rgba(116,216,146,0)}100%{box-shadow:0 0 0 0 rgba(116,216,146,0)}}
@media(prefers-reduced-motion:reduce){.admin-globalbar .admin-sync-indicator i,dialog.admin-sheet[open]{animation:none}}
@media(max-width:720px){
  .modern-admin-shell .admin-top{margin-bottom:16px}
  .modern-admin-shell .admin-top h1{font-size:26px}
  .admin-main .panel.form-panel,.admin-main .panel.action-center{padding:18px}
  .admin-scheme-btn.is-floating{top:10px;right:10px}
}

/* a hint under a switch is its own line */
.config-item small.field-hint{display:block;margin-top:4px;font-weight:400;line-height:1.5}
.config-item>span{min-width:0}

/* ---------- narrow screens: nothing may run out of the page ---------- */
.admin-main,.modern-admin-main,.modern-admin-shell .admin-layout>*{min-width:0}
.admin-main .dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.admin-main :where(.product-admin-info,.order-name,.order-id,.admin-order-card,.shop-row,.clients-row,.config-item){overflow-wrap:anywhere}
@media(max-width:720px){
  .admin-main :where(div,section,article,form,label,span,p,h1,h2,h3,b,strong,small,li){min-width:0}
  .admin-main :where(h1,h2,h3,p,b,strong,small,span,label,td,th){overflow-wrap:anywhere}
  .admin-main .shop-table-tools{grid-template-columns:minmax(0,1fr)!important}
  .admin-main .table-head{flex-wrap:wrap;gap:8px}
  .admin-main .product-admin-row{grid-template-columns:minmax(0,1fr)!important}
  .modern-admin-shell,.modern-admin-shell .admin-layout{overflow-x:clip}
}
/* a long product name is cut with an ellipsis inside its own cell, a long status wraps */
.admin-main .product-admin-info{min-width:0}
.admin-main .product-admin-info>*{max-width:100%}
.admin-main .product-admin-info b{display:block;max-width:100%}
.admin-main .status,.admin-main .pay-badge{white-space:normal;max-width:100%}
/* the price and the paid badge keep their size; the order's name takes whatever room is left */
.admin-main .pay-badge{white-space:nowrap}
.admin-main .order-row>.order-right,.admin-main .order-row>strong{flex:0 0 auto;max-width:55%}
.admin-main .order-row>span:first-child{flex:1 1 0;min-width:0}
.admin-main .table-head b,.admin-main .shop-table-tools label{white-space:normal;overflow-wrap:anywhere;min-width:0}
.admin-main .shop-table-tools :where(input,select){width:100%;min-width:0;box-sizing:border-box}
@media(min-width:721px){
  .modern-admin-shell[data-nav="mini"] .side-brand{padding:0;gap:0;justify-content:center;width:100%}
  .modern-admin-shell[data-nav="mini"] .side-brand .brand-mark{margin:0;flex:none}
}
@media(min-width:721px){
  .app-shell.modern-admin-shell[data-nav="mini"]:has(.admin-layout) .sidebar{padding-left:10px!important;padding-right:10px!important}
}

/* Which photo went to whom, inside an order card */
.order-given{display:flex;align-items:center;gap:12px;margin:10px 0 2px;padding:8px 10px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-surface-2)}
.order-given>div{min-width:0}
.order-given b{display:block;font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.order-given small{display:block;margin-top:2px;color:var(--ad-text-2);font-size:12px;overflow-wrap:anywhere}
.order-given-thumb{flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--ad-surface-3);display:block}
.order-given-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.order-given.is-wait,.order-given.is-missing{background:rgba(243,189,85,.12);border-color:rgba(243,189,85,.35)}
.order-given.is-wait>span,.order-given.is-missing>span{flex:none;font-size:18px}

/* The partner terms of a shop in the platform treasury window */
.partner-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.partner-form label{display:inline-flex;align-items:center;gap:6px}
.partner-form .partner-inside{white-space:nowrap}
.partner-form .partner-inside input{width:auto;min-height:0;margin:0}
.partner-form input[name="percent"],.partner-form input[name="fee"]{width:5.5em;min-width:0}

/* Dialog components own a complete palette in both schemes, including nested cards. */
html[data-admin-scheme="light"] :is(.admin-main,.super-main,.modal,.cl-modal) .primary-btn{background:var(--ad-accent)!important;background-image:none!important;color:var(--ad-accent-ink)!important;border-color:var(--ad-accent)!important}
html[data-admin-scheme="light"] :is(.admin-main,.super-main) .panel-kicker{color:var(--ad-text-3)!important}
html[data-admin-scheme="light"] :is(.product-admin-toolbar,.product-admin-placeholder,.delivery-product-row small,.geo-muted,.geo-help span){color:var(--ad-text-2)!important}
html[data-admin-scheme="light"] :is(.product-admin-state.is-empty,.stock-pill.is-zero){color:#795000!important;background:#fff4d6!important}
html[data-admin-scheme] :is(.modal,.modal-card,.cl-modal,.super-bot-modal){
  --ink:var(--ad-text);--muted:var(--ad-text-2);--line:var(--ad-line);--soft:var(--ad-surface-2);
  background:var(--ad-surface);color:var(--ad-text);border-color:var(--ad-line);
  min-width:0;overflow-wrap:anywhere;
}
html[data-admin-scheme] :is(.wallet-modal,.wallet-wd-modal){padding:24px;scrollbar-gutter:stable}
html[data-admin-scheme] .wallet-subhead{margin:24px 0 12px;line-height:1.4}
html[data-admin-scheme] .wallet-subhead:first-child{margin-top:0}
html[data-admin-scheme] :is(.partner-card,.partner-row,.partner-code,.wallet-seed-zone){
  background:var(--ad-surface-2)!important;background-image:none!important;
  border-color:var(--ad-line-strong)!important;color:var(--ad-text)!important;min-width:0;
}
html[data-admin-scheme] :is(.partner-card,.partner-row,.wallet-seed-zone) :is(h4,h5,b,strong,code){color:var(--ad-text)!important}
html[data-admin-scheme] :is(.partner-card,.partner-row) :is(p,small){color:var(--ad-text-2)!important}
html[data-admin-scheme] .partner-card{gap:12px;padding:16px}
html[data-admin-scheme] .partner-card p{line-height:1.65}
html[data-admin-scheme] .partner-code{min-height:40px;max-width:100%;overflow-wrap:anywhere}
html[data-admin-scheme] .partner-join input{min-width:0;width:100%;background:var(--ad-surface);color:var(--ad-text);border-color:var(--ad-line-strong)}
html[data-admin-scheme] .partner-join input::placeholder{color:var(--ad-text-2);opacity:1}
html[data-admin-scheme] .partner-join button{min-height:40px;background:var(--ad-surface);color:var(--ad-text);border-color:var(--ad-line-strong)}
html[data-admin-scheme] .wallet-wd-list{gap:10px;margin-top:0;padding-top:0;border-top:0}
html[data-admin-scheme] .wallet-wd-list>.wallet-seed-zone{margin:0;padding:14px;border:1px solid var(--ad-line);border-radius:12px}
html[data-admin-scheme] .wallet-wd-item{gap:8px 16px;min-width:0;color:var(--ad-text-2);border-color:var(--ad-line);align-items:baseline}
html[data-admin-scheme] .wallet-wd-item>span{min-width:0;max-width:100%;overflow-wrap:anywhere}
html[data-admin-scheme] .wallet-wd-item>span:first-child{color:var(--ad-text);word-break:normal;flex:1 1 220px}
html[data-admin-scheme] .wallet-wd-item>span:nth-child(2){flex:0 1 auto}
html[data-admin-scheme] .wallet-wd-status{white-space:normal;text-align:right}
html[data-admin-scheme] .wallet-wd-status:is(.is-sent,.is-returned){color:var(--ad-ok)}
html[data-admin-scheme] .wallet-wd-status:is(.is-queued,.is-processing,.is-unconfirmed,.is-external){color:var(--ad-warn)}
html[data-admin-scheme] .wallet-wd-status.is-failed{color:var(--ad-danger)}
html[data-admin-scheme] .wallet-wd-item [data-reveal-seed]{margin:6px 0 0;white-space:normal}
html[data-admin-scheme] .wallet-seed-out:empty{display:none}
html[data-admin-scheme] .wallet-reserve-note{margin-bottom:16px}
html[data-admin-scheme] .wallet-rescan{gap:10px;margin:12px 0 18px}
html[data-admin-scheme] :is(.wallet-bal-row,.wallet-addr-row){min-width:0;border-color:var(--ad-line)}
html[data-admin-scheme] .wallet-bal-row>*{min-width:0}
html[data-admin-scheme] .wallet-accounting>div{flex-wrap:wrap;gap:4px 14px}
html[data-admin-scheme] .wallet-accounting dd{margin-left:auto;overflow-wrap:anywhere}
html[data-admin-scheme] .wallet-bal-actions{flex-wrap:wrap}
html[data-admin-scheme] .wallet-bal-actions button{white-space:normal;max-width:100%}
html[data-admin-scheme] :is(.admin-main,.super-main,.modal,.cl-modal) :is(input,select,textarea){max-width:100%;box-sizing:border-box}
html[data-admin-scheme] :is(.modal,.cl-modal) :focus-visible{outline:2px solid var(--ad-accent);outline-offset:3px}
@media(max-width:560px){
  html[data-admin-scheme] :is(.wallet-modal,.wallet-wd-modal){padding:18px 14px;max-height:calc(100dvh - 24px)}
  html[data-admin-scheme] .wallet-wd-status{text-align:left}
  html[data-admin-scheme] .partner-row{grid-template-columns:minmax(0,1fr)}
  html[data-admin-scheme] .partner-join button{flex:1 1 100%}
  html[data-admin-scheme] :is(.modal,.cl-modal) :is(input,select,textarea){font-size:16px}
}

/* Shared rhythm: readable copy, aligned surfaces and controls in either scheme. */
.modern-admin-shell .admin-main{line-height:1.55}
.modern-admin-shell .admin-top{align-items:flex-start;gap:20px;flex-wrap:wrap}
.modern-admin-shell .admin-top>div:first-child{flex:1 1 260px;min-width:0}
.modern-admin-shell .admin-top h1{font-size:clamp(26px,2.4vw,36px);line-height:1.18;text-wrap:balance}
.modern-admin-shell .admin-top p{max-width:70ch;font-size:14px;line-height:1.6}
.modern-admin-shell .admin-actions{flex-wrap:wrap;gap:10px}
.modern-admin-shell .admin-main .dashboard-grid{gap:20px;align-items:stretch}
.modern-admin-shell .admin-main .dashboard-grid>.panel{
  padding:24px!important;border:1px solid var(--ad-line)!important;
  border-radius:var(--ad-radius);background:var(--ad-surface)!important;box-shadow:none!important;
}
.modern-admin-shell .admin-main .panel h3{font-size:18px;line-height:1.35;margin-bottom:18px;letter-spacing:-.025em}
.modern-admin-shell .admin-main .action-center{gap:20px;padding:24px}
.modern-admin-shell .admin-main .action-center>div:last-child{display:flex;flex-wrap:wrap;gap:8px}
.modern-admin-shell .admin-main .config-item{gap:16px;padding:14px 16px;min-height:52px;font-size:14px;line-height:1.5;color:var(--ad-text-2)}
.modern-admin-shell .config-item input[type="checkbox"]{width:19px;height:19px;flex:none;accent-color:var(--ad-ok)}
.modern-admin-shell .admin-main .muted-empty{padding:28px 20px;font-size:14px;line-height:1.65;color:var(--ad-text-2)}
.modern-admin-shell .admin-main :is(.primary-btn,.outline-btn){min-height:44px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:normal}
.modern-admin-shell .admin-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea){font-size:16px;line-height:1.5;max-width:100%}
.modern-admin-shell :is(.metric strong,.stats-tile b,.stats-card-total,.order-sum,.wallet-bal-nums b,td){font-variant-numeric:tabular-nums}
.modern-admin-shell .stats-controls{gap:12px 20px;margin-bottom:24px}
.modern-admin-shell .stats-seg button{min-width:52px;min-height:44px;font-variant-numeric:tabular-nums}
.modern-admin-shell .stats-check{line-height:1.5}
.modern-admin-shell .stats-check input{width:18px;height:18px;accent-color:var(--ad-ok)}
.modern-admin-shell .stats-tiles{gap:16px;margin-bottom:24px}
.modern-admin-shell .stats-tile{padding:20px;gap:8px}
.modern-admin-shell .stats-tile b{font-size:clamp(24px,2.2vw,32px);line-height:1.15}
.modern-admin-shell .stats-grid-2{gap:20px;margin-bottom:20px}
.modern-admin-shell .stats-card{padding:22px;border-radius:var(--ad-radius)}
.modern-admin-shell .stats-card-head{gap:16px;margin-bottom:16px;flex-wrap:wrap}
.modern-admin-shell .stats-card-head>div{flex:1 1 180px;min-width:0}
.modern-admin-shell .stats-card h3{margin:0;font-size:17px}
.modern-admin-shell .stats-card-head p{font-size:13px;line-height:1.5;margin-top:6px}
.modern-admin-shell .stats-card-total{font-size:26px;line-height:1.2;overflow-wrap:anywhere;max-width:100%}
.modern-admin-shell .stats-legend{gap:8px 16px;margin-bottom:14px;line-height:1.5}
.modern-admin-shell .stats-legend i:not(.is-line){width:9px;height:9px;border-radius:3px;flex:none}
.modern-admin-shell .stats-tip{max-width:calc(100% - 8px);padding:12px 14px;line-height:1.5;background:var(--ad-surface);color:var(--ad-text)}
.modern-admin-shell .stats-tip-row{flex-wrap:wrap;gap:4px 8px}
.modern-admin-shell .stats-table th,.modern-admin-shell .stats-table td{padding:12px 14px}
.modern-admin-shell .stats-table summary{min-height:28px;line-height:1.6}
.modern-admin-shell .stats-funnel-bar{background:var(--ad-surface-3);overflow:hidden;border-radius:6px}
.modern-admin-shell .stats-funnel-row,.modern-admin-shell .stats-row{line-height:1.5}
.modern-admin-shell .stats-funnel-row small{margin-top:2px}
.modern-admin-shell .admin-globalbar :focus-visible,.modern-admin-shell .sidebar :focus-visible{outline:2px solid var(--ad-accent);outline-offset:3px}
@media(max-width:720px){
  .modern-admin-shell .admin-top{gap:16px}
  .modern-admin-shell .admin-actions{width:100%}
  .modern-admin-shell .admin-actions>button{flex:1 1 140px}
  .modern-admin-shell .admin-main .dashboard-grid>.panel{padding:18px!important}
  .modern-admin-shell .admin-main .action-center{padding:18px}
  .modern-admin-shell .admin-main .action-center>div:last-child{width:100%}
  .modern-admin-shell .admin-main .action-center button{flex:1 1 120px}
  .modern-admin-shell .stats-card{padding:16px}
  .modern-admin-shell .stats-tiles{gap:10px}
  .modern-admin-shell .stats-tile{padding:14px;gap:6px}
  .modern-admin-shell .stats-tile b{font-size:24px}
  .modern-admin-shell .stats-seg{max-width:100%;flex-wrap:wrap}
  .modern-admin-shell .stats-check{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
  .modern-admin-shell *,.modern-admin-shell *::before,.modern-admin-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Complete form and super-admin pages keep a visible surface and real inner gutters. */
html[data-admin-scheme] .admin-main>.panel,
html[data-admin-scheme] .admin-main .panel:has(>#builder-form){padding:24px!important;border:1px solid var(--ad-line)!important;border-radius:var(--ad-radius)!important;background:var(--ad-surface)!important;box-shadow:none!important;margin-bottom:24px}
html[data-admin-scheme] .admin-main :is(.form-section h4,#builder-form h4){font-size:15px;line-height:1.4;letter-spacing:-.01em;margin:0 0 16px;font-weight:700;color:var(--ad-text)}
html[data-admin-scheme] .admin-main #builder-form>.form-section{padding:24px 0;border-color:var(--ad-line)}
html[data-admin-scheme] .super-main .admin-top{gap:16px;flex-wrap:wrap;align-items:flex-start}
html[data-admin-scheme] .super-main .admin-top>div:first-child{min-width:0;flex:1 1 240px}
html[data-admin-scheme] .super-main .admin-actions{flex-wrap:wrap;gap:10px}
html[data-admin-scheme] .super-main .panel>.table-head{gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;text-align:left;margin-bottom:18px}
html[data-admin-scheme] .super-main :is(.outline-btn,.primary-btn){min-height:44px;white-space:normal;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;text-align:center}
html[data-admin-scheme] :is(.admin-main,.modal,.cl-modal) :is(input[type="file"],input[type="file"]::file-selector-button){color:var(--ad-text);background:var(--ad-surface-2);border-color:var(--ad-line-strong)}
html[data-admin-scheme] .modal :is(input,select,textarea){font-size:16px;font-weight:400;line-height:1.5}
html[data-admin-scheme] .modal :is(.primary-btn,.outline-btn){min-height:44px;line-height:1.4;white-space:normal}
html[data-admin-scheme] .modal-backdrop>.modal{background:var(--ad-surface);color:var(--ad-text)}
html[data-admin-scheme] .modal .settings-note{font-weight:400;line-height:1.6;color:var(--ad-text-2)}
@media(max-width:720px){
  html[data-admin-scheme] .admin-main>.panel,html[data-admin-scheme] .admin-main .panel:has(>#builder-form){padding:18px!important;margin-bottom:18px}
  html[data-admin-scheme] .super-main .admin-top h1{font-size:28px;line-height:1.2}
  html[data-admin-scheme] .super-main .admin-actions{width:100%}
  html[data-admin-scheme] .super-main .admin-actions>*{flex:1 1 160px}
  html[data-admin-scheme] .super-main .shop-row>div:first-child{width:100%;min-width:0}
  html[data-admin-scheme] .super-main .shop-row :is(b,small,a){overflow-wrap:anywhere}
}
html[data-admin-scheme] .admin-main .geo-admin-grid>.panel{padding:24px!important;border:1px solid var(--ad-line)!important;border-radius:var(--ad-radius)!important;background:var(--ad-surface)!important}
@media(max-width:720px){html[data-admin-scheme] .admin-main .geo-admin-grid>.panel{padding:18px!important}}