/* ELFER shared UI quality system.
 * Loaded last by storefront, management and standalone payment/login pages.
 */
:root {
    --elfer-font-body: 15px;
    --elfer-font-small: 12px;
    --elfer-font-control: 14px;
    --elfer-touch: 44px;
    --elfer-radius: 12px;
    --elfer-focus: #d8ad6a;
    --elfer-page-bg: #0a0a09;
    --elfer-surface: #151412;
    --elfer-surface-2: #1d1b18;
    --elfer-text: #f5ead8;
    --elfer-muted: #b9ad9b;
    --elfer-line: rgba(216, 173, 106, .2);
}

html[data-elfer-theme="day"] {
    --elfer-page-bg: #f5f1e9;
    --elfer-surface: #ffffff;
    --elfer-surface-2: #eee7dc;
    --elfer-text: #29251f;
    --elfer-muted: #6c6459;
    --elfer-line: rgba(109, 82, 40, .2);
}

html {
    min-width: 320px;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
    font-size: var(--elfer-font-body);
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

body.lang-ug,
html[lang="ug"] body,
body[dir="rtl"] {
    line-height: 1.72;
}

button,
input,
select,
textarea {
    max-width: 100%;
    font: inherit;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea,
.form-control,
.layui-input,
.layui-textarea {
    min-height: var(--elfer-touch);
    font-size: var(--elfer-font-control) !important;
    border-radius: 10px;
}

button,
[type="button"],
[type="submit"],
[role="button"],
.btn,
.layui-btn {
    min-height: var(--elfer-touch);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--elfer-focus);
    outline: 3px solid color-mix(in srgb, var(--elfer-focus) 68%, white 32%);
    outline-offset: 2px;
}

img,
video,
svg,
canvas {
    max-width: 100%;
}

:where(.text-xs, .admin-table-sub, .lux-logo-sub, .lux-feature-sub,
       .pd-side-brand, .pd-note-family, .pd-note-percent,
       .pd-note-mini-family, .section-subtitle, small) {
    font-size: var(--elfer-font-small) !important;
    line-height: 1.55 !important;
}

body.lang-ug :where(.text-xs, .admin-table-sub, .lux-feature-sub,
       .pd-side-brand, .pd-note-family, .pd-note-mini-family,
       .section-subtitle, small),
html[lang="ug"] body :where(.text-xs, .admin-table-sub, small) {
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.lux-action-btn,
.lux-mobile-btn,
.admin-lux-theme-toggle,
.admin-lux-mobile-btn,
.admin-icon-button,
.elfer-core-theme-toggle,
.elfer-theme-fab {
    width: var(--elfer-touch);
    min-width: var(--elfer-touch);
    height: var(--elfer-touch);
    min-height: var(--elfer-touch);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.table-responsive,
.admin-table-wrap,
.order-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.table-responsive > table,
.admin-table-wrap > table {
    margin-bottom: 0;
}

/* Core ThinkPHP management: the same stored day/night preference as storefront. */
body.elfer-core-admin {
    background: var(--elfer-page-bg) !important;
    color: var(--elfer-text);
}

html[data-elfer-theme="day"] body.elfer-core-admin {
    --adm-bg: #f4efe7;
    --adm-surface: #fffdf9;
    --adm-surface-soft: #f7f1e8;
    --adm-line: rgba(87, 66, 35, .18);
    --adm-text: #29251f;
    --adm-muted: #71685b;
    --app-bg: #f4efe7;
    --app-card: #fffdf9;
    --app-card-soft: #f7f1e8;
    --app-line: rgba(87, 66, 35, .18);
    --app-text: #29251f;
    --app-muted: #71685b;
    --ui-bg: #f4efe7;
    --ui-surface: #fffdf9;
    --ui-surface-soft: #f7f1e8;
    --ui-border: rgba(87, 66, 35, .18);
    --ui-text: #29251f;
    --ui-muted: #71685b;
}

html[data-elfer-theme="day"] body.elfer-core-admin .header,
html[data-elfer-theme="day"] body.elfer-core-admin .navbar-inverse,
html[data-elfer-theme="day"] body.elfer-core-admin .admin-navigation-shell {
    background: #fff !important;
    color: #29251f !important;
    border-color: var(--elfer-line) !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .dashboard-panel, .my-panel, .panel, .layui-card, .agent-ranking-card,
    .admin-stat-card, .admin-metric-card, .settings-card, .notification-drawer,
    .admin-surface-card, .submission-section, .system-health-card, .product-step,
    .product-advanced, .agent-product-card, .agent-cart, .agent-history
) {
    background: var(--elfer-surface) !important;
    color: var(--elfer-text) !important;
    border-color: var(--elfer-line) !important;
    box-shadow: 0 18px 50px rgba(71, 50, 18, .08) !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .admin-page-hero, .dashboard-hero, .product-page-hero, .submission-hero,
    .submission-editor-hero, .agent-hero
) {
    background:
        radial-gradient(circle at 12% 0, rgba(216, 173, 106, .18), transparent 34%),
        linear-gradient(145deg, #fffdf9, #eee3d3) !important;
    color: #29251f !important;
    border-color: var(--elfer-line) !important;
    box-shadow: 0 20px 55px rgba(71, 50, 18, .1) !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .admin-page-hero, .dashboard-hero, .product-page-hero, .submission-hero,
    .submission-editor-hero, .agent-hero
) :where(h1, h2, h3, strong) {
    color: #29251f !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .admin-page-hero, .dashboard-hero, .product-page-hero, .submission-hero,
    .submission-editor-hero, .agent-hero
) :where(p, small) {
    color: #665d50 !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    h1, h2, h3, h4, h5, h6, b, strong, label, th, td, p, span
) {
    color: inherit;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    input, select, textarea, .form-control, .layui-input, .layui-textarea
) {
    background: #fff !important;
    color: #29251f !important;
    border-color: #cfc5b5 !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin table tbody tr {
    background: #fff;
}

html[data-elfer-theme="day"] body.elfer-core-admin table tbody tr:hover {
    background: #f4eee5 !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .navbar-collapse, .navbar-nav, .admin-nav-group > ul, .dropdown-menu,
    .admin-native-tabbar, .panel-footer
) {
    background: #fffdf9 !important;
    color: #29251f !important;
    border-color: var(--elfer-line) !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .navbar-nav a, .admin-nav-group-toggle, .navbar-brand, .admin-header-logout,
    .admin-native-tabbar a, .admin-native-tabbar button
) {
    color: #3b342a !important;
    opacity: 1 !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .admin-brand-copy strong, .admin-brand-copy small,
    .admin-nav-caption b, .admin-nav-caption span,
    .navbar-collapse .navbar-nav > li > a,
    .admin-nav-group > ul a
) {
    color: #3b342a !important;
    opacity: 1 !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin .admin-nav-caption {
    background: #f4eee5 !important;
    color: #3b342a !important;
    border-color: #d7cbbb !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .navbar-nav > li, .admin-nav-group, .admin-nav-group > ul > li,
    .navbar-nav > li > a, .admin-nav-group-toggle, .admin-nav-group > ul a
) {
    color: #3b342a !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .navbar-nav > li > a i, .admin-nav-group-toggle i, .admin-nav-group > ul a i
) {
    color: #8a6429 !important;
    opacity: 1 !important;
}

html[data-elfer-theme="day"] body.elfer-core-admin .header.navbar-inverse .navbar-collapse .navbar-nav > li > a,
html[data-elfer-theme="day"] body.elfer-core-admin .header.navbar-inverse .navbar-collapse .admin-nav-group-toggle,
html[data-elfer-theme="day"] body.elfer-core-admin .header.navbar-inverse .navbar-collapse .admin-nav-group > ul > li > a {
    color: #3b342a !important;
    opacity: 1 !important;
}

body.elfer-core-admin .admin-command-deck > a > span {
    min-width: 0;
    overflow: hidden;
}

html[data-elfer-theme="day"] body.elfer-core-admin :where(
    .product-state-tabs, .product-image-uploader, .product-image-preview,
    .cover-form .layui-input, .cover-form .layui-textarea,
    .submission-editor .layui-input, .submission-editor .layui-textarea,
    .submission-editor select
) {
    background: #fff !important;
    color: #29251f !important;
    border-color: #cfc5b5 !important;
}

.elfer-core-theme-toggle,
.elfer-theme-fab {
    border: 1px solid var(--elfer-line);
    border-radius: 50%;
    background: var(--elfer-surface-2);
    color: var(--elfer-text);
    cursor: pointer;
}

.elfer-core-theme-toggle {
    margin: 3px 8px;
}

.elfer-theme-fab {
    position: fixed;
    z-index: 50;
    top: max(14px, env(safe-area-inset-top));
    inset-inline-end: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

/* Standalone WeChat and login pages. */
body.elfer-standalone {
    background: var(--elfer-page-bg) !important;
    color: var(--elfer-text) !important;
    transition: background-color .2s ease, color .2s ease;
}

body.elfer-standalone :where(.wx-qr-card, .wp-err, .box) {
    background: var(--elfer-surface) !important;
    color: var(--elfer-text) !important;
    border: 1px solid var(--elfer-line);
}

body.elfer-standalone :where(.wx-qr-sub, .wx-qr-foot, .wp-sub, p) {
    color: var(--elfer-muted) !important;
}

html[data-elfer-theme="day"] body.elfer-core-login .lp-bg {
    background:
        radial-gradient(circle at 46% 62%, rgba(216,173,106,.16), transparent 20%),
        linear-gradient(135deg, #f7f2e9, #e9dfd0) !important;
}

html[data-elfer-theme="day"] body.elfer-core-login .lp-card {
    background: rgba(255,255,255,.9) !important;
    color: #29251f !important;
    border-color: rgba(109,82,40,.2) !important;
}

html[data-elfer-theme="day"] body.elfer-core-login :where(.lp-card h2, .lp-tab.is-active, .lp-row, .lp-card-foot) {
    color: #29251f !important;
}

html[data-elfer-theme="day"] body.elfer-core-login .lp-input input {
    background: #fff !important;
    color: #29251f !important;
    border-color: #cfc5b5 !important;
}

@media (max-width: 767px) {
    :root {
        --elfer-font-body: 15px;
        --elfer-font-small: 12px;
        --elfer-font-control: 16px;
    }

    body {
        line-height: 1.65;
    }

    body.lang-ug,
    html[lang="ug"] body {
        line-height: 1.78;
    }

    .lux-container,
    .admin-lux-content,
    .container-fluid {
        max-width: 100%;
    }

    .table-responsive > table {
        min-width: 680px;
    }

    .admin-native-tabbar a,
    .admin-native-tabbar button,
    .elfer-m-nav-link,
    .elfer-m-quick-grid a {
        min-height: 48px;
    }

    .wp-wrap {
        width: 100%;
        padding: calc(72px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom)) !important;
    }

    .wx-qr-card {
        width: min(340px, calc(100vw - 32px)) !important;
        padding: 24px 18px !important;
    }

    .wx-qr-box {
        width: min(240px, calc(100vw - 84px)) !important;
        height: min(240px, calc(100vw - 84px)) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* 2026-08-02 compact Uyghur admin refinement */
:root{--adm-sidebar:274px!important}
body.admin-role-super_admin,body.admin-role-store_manager,body.admin-role-agent{font-size:13px!important;letter-spacing:0!important}
.dashboard-hero h1,.admin-page-hero h1,.agent-hero h1{font-size:clamp(23px,2.25vw,34px)!important;line-height:1.4!important;font-weight:450!important;letter-spacing:0!important}
.dashboard-hero p,.admin-page-hero p,.agent-hero p{font-size:12px!important;line-height:1.8!important;font-weight:360!important}
.header.navbar-inverse{width:calc(var(--adm-sidebar) - 20px)!important}
.admin-brand-copy strong{font-size:15px!important;line-height:1.2!important}
.admin-brand-copy small{font-size:8px!important;line-height:1.45!important;letter-spacing:.11em!important}
.header .nav.navbar-nav:not(.navbar-right)>li>a{font-size:10px!important;font-weight:400!important}
.header .navbar-right>li>a{font-size:9.5px!important}
.admin-command-deck b{font-size:10.5px!important;font-weight:450!important}
.admin-command-deck small{font-size:8px!important}
.elfer-core-login .lp-copy h1{max-width:560px!important;margin:17px 0 12px!important;font-size:clamp(28px,2.65vw,42px)!important;line-height:1.42!important;font-weight:440!important;letter-spacing:0!important}
.elfer-core-login .lp-copy p{max-width:590px!important;font-size:clamp(12px,1vw,15px)!important;line-height:1.9!important;font-weight:340!important}
.elfer-core-login .lp-card h2{font-size:21px!important;font-weight:460!important}
.elfer-core-login .lp-feature b{font-size:13px!important;font-weight:450!important}
.elfer-core-login .lp-feature small,.elfer-core-login .lp-api-note,.elfer-core-login .lp-card-foot{font-size:10.5px!important;line-height:1.75!important}
.elfer-core-login .lp-input input{height:54px!important;font-size:13px!important;font-weight:350!important}
.elfer-core-login .lp-btn{height:56px!important;font-size:14px!important;font-weight:560!important}
@media (min-width:1101px) and (max-height:760px){:root{--adm-sidebar:292px!important}}
@media (max-width:1100px){:root{--adm-sidebar:0px!important}.header.navbar-inverse{width:auto!important}.dashboard-hero h1,.admin-page-hero h1,.agent-hero h1{font-size:clamp(20px,6vw,27px)!important}}
@media (max-width:680px){.elfer-core-login .lp-copy h1{font-size:clamp(23px,6.5vw,29px)!important}.elfer-core-login .lp-card h2{font-size:19px!important}}

html[data-elfer-theme="day"] body.elfer-core-login .lp-copy h1{color:#2d281f!important;text-shadow:none!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-copy h1 span{background:linear-gradient(95deg,#6f4c22,#b57b33 52%,#69451f)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-kicker{color:#8a5f28!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-feature b{color:#2d281f!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-feature small{color:#756c60!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-copy p{color:#62594d!important}

body.elfer-core-login .lp-brand,body.elfer-core-login .lp-brand:hover,body.elfer-core-login .lp-brand:visited{text-decoration:none!important;color:inherit!important}
body.elfer-core-login .lp-brand strong{color:#f3eadb!important;text-decoration:none!important}
body.elfer-core-login .lp-brand small{color:rgba(243,234,219,.58)!important;text-decoration:none!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-brand strong{color:#2d281f!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-brand small{color:#796e60!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-tab{color:#8a7d6d!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-input input::placeholder{color:#95897a!important}
html[data-elfer-theme="day"] body.elfer-core-login .lp-api-note{color:#756b5f!important;border-color:rgba(109,82,40,.18)!important;background:rgba(109,82,40,.035)!important}

/* 2026-08-02 deep admin navigation and content refinement */
:root{--adm-sidebar:274px!important}
body.elfer-core-admin{font-size:13px!important;letter-spacing:0!important}
body.elfer-core-admin .header.navbar-inverse{overflow:hidden!important;border-color:rgba(216,173,106,.17)!important;background:linear-gradient(180deg,#101827,#08101e)!important}
@media(min-width:1101px){
 body.elfer-core-admin .header #bs-example-navbar-collapse-1{height:calc(100% - 66px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 6px 22px!important;scrollbar-width:thin;scrollbar-color:rgba(216,173,106,.32) transparent}
 body.elfer-core-admin .header #bs-example-navbar-collapse-1::-webkit-scrollbar{width:5px!important}
 body.elfer-core-admin .header #bs-example-navbar-collapse-1::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(216,173,106,.32)!important}
 body.elfer-core-admin .header .nav.navbar-nav:not(.navbar-right){display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important}
 body.elfer-core-admin .header .nav.navbar-nav:not(.navbar-right)>li{width:100%!important;min-width:0!important}
 body.elfer-core-admin .header .nav.navbar-nav:not(.navbar-right)>li>a,
 body.elfer-core-admin .header .admin-nav-group-toggle{width:100%!important;min-height:38px!important;padding:8px 10px!important;gap:8px!important;border-radius:12px!important;font-size:10.5px!important;line-height:1.55!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
 body.elfer-core-admin .header .admin-nav-group>ul{width:100%!important;padding:5px 8px 7px!important}
 body.elfer-core-admin .header .admin-nav-group>ul>li>a{display:flex!important;align-items:center!important;width:100%!important;min-height:34px!important;padding:7px 10px!important;border-radius:9px!important;font-size:9.5px!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
 body.elfer-core-admin .header .navbar-right{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:8px 0 20px!important}
 body.elfer-core-admin .header .navbar-right>li:last-child{grid-column:auto!important}
 body.elfer-core-admin .header .navbar-right>li>a{width:100%!important;min-height:38px!important;font-size:9.5px!important}
}
body.elfer-core-admin .dashboard-hero,body.elfer-core-admin .admin-page-hero{border-radius:22px!important;border-color:rgba(216,173,106,.18)!important;background:radial-gradient(circle at 8% 0,rgba(216,173,106,.12),transparent 28%),linear-gradient(135deg,#171611,#0d0e14)!important}
body.elfer-core-admin .dashboard-hero h1,body.elfer-core-admin .admin-page-hero h1{font-size:clamp(23px,2.25vw,34px)!important;font-weight:450!important;line-height:1.4!important;letter-spacing:0!important}
body.elfer-core-admin .dashboard-hero p,body.elfer-core-admin .admin-page-hero p{font-size:11px!important;line-height:1.85!important}
body.elfer-core-admin :where(.layui-card,.panel,.admin-card,.dashboard-panel,.content-card){border-radius:18px!important;border-color:rgba(216,173,106,.14)!important;background:linear-gradient(145deg,rgba(20,25,37,.96),rgba(9,13,22,.96))!important;box-shadow:0 18px 42px rgba(0,0,0,.16)!important}
body.elfer-core-admin :where(.layui-card-header,.panel-heading,.admin-card__head){min-height:48px!important;padding:13px 16px!important;font-size:13px!important;font-weight:450!important}
body.elfer-core-admin :where(.layui-card-body,.panel-body,.admin-card__body){padding:18px!important}
body.elfer-core-admin :where(label,.control-label,.form-label){font-size:10.5px!important;font-weight:420!important;line-height:1.6!important}
body.elfer-core-admin :where(.form-control,.layui-input,.layui-textarea,select,textarea,input[type=text],input[type=number],input[type=password]){min-height:42px!important;border-radius:11px!important;font-size:12px!important;font-weight:360!important}
body.elfer-core-admin :where(.btn,.layui-btn,button){font-size:11px!important;font-weight:450!important}
body.elfer-core-admin .table-responsive{width:100%!important;overflow-x:auto!important;border-radius:14px!important;scrollbar-width:thin}
body.elfer-core-admin :where(.table,.layui-table){width:100%!important;table-layout:auto!important;font-size:10.5px!important}
body.elfer-core-admin :where(.table th,.table td,.layui-table th,.layui-table td){padding:10px 9px!important;line-height:1.55!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;vertical-align:middle!important}
body.elfer-core-admin .admin-command-deck{gap:10px!important}
body.elfer-core-admin .admin-command-deck>a{min-height:72px!important;padding:12px!important;border-radius:15px!important}
html[data-elfer-theme="day"] body.elfer-core-admin .header.navbar-inverse{background:#fff!important;border-color:#ded3c2!important}
html[data-elfer-theme="day"] body.elfer-core-admin :where(.layui-card,.panel,.admin-card,.dashboard-panel,.content-card){background:#fff!important;border-color:#e0d6c8!important;box-shadow:0 14px 34px rgba(83,66,41,.08)!important}
html[data-elfer-theme="day"] body.elfer-core-admin .dashboard-hero,html[data-elfer-theme="day"] body.elfer-core-admin .admin-page-hero{background:linear-gradient(135deg,#fffaf0,#f0e7d8)!important}
@media(max-width:1100px){
 body.elfer-core-admin .header #bs-example-navbar-collapse-1{overflow-y:auto!important;overflow-x:hidden!important}
 body.elfer-core-admin :where(.layui-card-body,.panel-body,.admin-card__body){padding:14px!important}
}
@media(min-width:1101px){
 body.elfer-core-admin .header.navbar-inverse #bs-example-navbar-collapse-1{height:calc(100vh - 130px)!important;max-height:none!important;min-height:420px!important;overflow-y:auto!important;overflow-x:hidden!important}
}
@media(min-width:1101px) and (max-height:680px){
 body.elfer-core-admin .header.navbar-inverse #bs-example-navbar-collapse-1{height:calc(100vh - 98px)!important;min-height:0!important}
}

body.elfer-core-admin .product-admin-page{background:linear-gradient(155deg,rgba(22,20,17,.94),rgba(9,10,13,.94))!important;border-color:rgba(216,173,106,.17)!important}
body.elfer-core-admin .dashboard-panel--form{background:linear-gradient(145deg,rgba(18,17,15,.98),rgba(8,10,14,.98))!important;border-color:rgba(216,173,106,.15)!important}
body.elfer-core-admin .product-page-hero{background:radial-gradient(circle at 88% 0,rgba(216,173,106,.14),transparent 34%),radial-gradient(circle at 8% 120%,rgba(174,124,59,.10),transparent 38%),linear-gradient(145deg,rgba(27,24,19,.96),rgba(12,13,17,.96))!important;border-color:rgba(216,173,106,.20)!important}
body.elfer-core-admin .product-page-hero :where(.eyebrow,small){color:#d9b775!important}
body.elfer-core-admin .product-page-hero h1,body.elfer-core-admin .product-page-hero h2{color:#f4ead8!important;font-weight:450!important}
body.elfer-core-admin .product-step{background:linear-gradient(145deg,rgba(25,22,18,.90),rgba(12,14,18,.94))!important;border-color:rgba(216,173,106,.16)!important}
body.elfer-core-admin .product-step :where(h2,h3){color:#f1e4cf!important;font-weight:450!important}
body.elfer-core-admin .product-step :where(p,small,.hint){color:#a99b87!important}
body.elfer-core-admin .product-image-uploader{border-color:rgba(216,173,106,.34)!important;background:rgba(216,173,106,.035)!important}
body.elfer-core-admin .product-step-badge,body.elfer-core-admin .step-number{border-color:rgba(216,173,106,.28)!important;background:rgba(216,173,106,.08)!important;color:#e3bd7d!important}
html[data-elfer-theme="day"] body.elfer-core-admin .product-admin-page,html[data-elfer-theme="day"] body.elfer-core-admin .dashboard-panel--form{background:#fff!important;border-color:#e1d6c6!important}
html[data-elfer-theme="day"] body.elfer-core-admin .product-page-hero{background:linear-gradient(135deg,#fffaf0,#eee3d2)!important;border-color:#dac8ad!important}
html[data-elfer-theme="day"] body.elfer-core-admin .product-page-hero :where(h1,h2){color:#2f2921!important}
html[data-elfer-theme="day"] body.elfer-core-admin .product-step{background:#fffdf8!important;border-color:#e3d8c8!important}
html[data-elfer-theme="day"] body.elfer-core-admin .product-step :where(h2,h3){color:#332c23!important}
html[data-elfer-theme="day"] body.elfer-core-admin .product-step :where(p,small,.hint){color:#74695b!important}
/* 2026-08-15 role-aware product, POS and store-accounting completion */
[hidden]{display:none!important}
.product-type-attributes{border-inline-start:3px solid rgba(216,173,106,.48)!important}
.pos-cash-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.pos-cash-entry span{padding:11px 14px;border:1px solid rgba(216,173,106,.22);border-radius:12px;background:rgba(216,173,106,.07);white-space:nowrap}
.pos-cash-entry i{font-style:normal;color:#e7bd73}
.pos-cart-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.pos-cart-tools>*{display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:42px;text-align:center;text-decoration:none!important}
.finance-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.finance-filter label{display:grid;gap:5px;min-width:160px}.finance-filter button{width:auto!important;min-width:110px}
.metric-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}
.metric-card-grid article{min-width:0;padding:18px;border:1px solid rgba(216,173,106,.16);border-radius:18px;background:linear-gradient(145deg,rgba(27,25,33,.96),rgba(11,13,20,.96));box-shadow:0 12px 34px rgba(0,0,0,.18)}
.metric-card-grid article span,.metric-card-grid article small{display:block;color:var(--elfer-muted,#93899b)}.metric-card-grid article strong{display:block;margin:10px 0 6px;color:#f3cd87;font-size:22px;overflow-wrap:anywhere}
.finance-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:15px}.finance-payment-list{display:grid;gap:8px}.finance-payment-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px;border:1px solid rgba(216,173,106,.12);border-radius:12px}.finance-payment-list strong{color:#e7bd73}
.agent-tracking-no{display:block;direction:ltr;text-align:start;color:#93899b}.agent-resume-pay{white-space:nowrap}
@media(max-width:1100px){.metric-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.pos-cash-entry,.finance-detail-grid{grid-template-columns:1fr}.pos-cart-tools{grid-template-columns:1fr}.metric-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card-grid article{padding:14px}.metric-card-grid article strong{font-size:18px}.finance-filter>*{width:100%!important}.finance-payment-list>div{grid-template-columns:1fr auto}.finance-payment-list>div strong{grid-column:1/-1}.agent-history .table-responsive{overflow-x:auto}.agent-history table{min-width:840px}}
@media(max-width:390px){.metric-card-grid{grid-template-columns:1fr 1fr}.metric-card-grid article{min-height:112px}}
