/*
 * Ganjine Retail Premium — visual layer only.
 * No structural, data, route or interaction rules live in this file.
 */
:root{
    --bg:#f6f5fc;
    --surface:#fff;
    --surface-2:#faf9fe;
    --surface-solid:#fff;
    --text:#1b1b1d;
    --muted:#8b8684;
    --line:#eeeff4;
    --primary:#ff5900;
    --primary-strong:#e94f00;
    --primary-soft:#fff0e8;
    --secondary:#69b86b;
    --secondary-soft:#edf8ed;
    --blue:#7563e8;
    --blue-soft:#efedff;
    --violet:#7563e8;
    --violet-soft:#efedff;
    --amber:#d7ac38;
    --amber-soft:#fff8dc;
    --warning:#b68c20;
    --warning-soft:#fff8dc;
    --danger:#e86666;
    --danger-soft:#fff0f0;
    --shadow:0 8px 30px rgba(40,35,80,.04);
    --shadow-hover:0 16px 42px rgba(40,35,80,.075);
    --radius:24px;
    --sidebar:264px;
    --ease:cubic-bezier(.2,.8,.2,1);
    accent-color:var(--primary);
}
:root[data-theme="dark"]{
    --bg:#111113;
    --surface:#1b1b1e;
    --surface-2:#222226;
    --surface-solid:#1b1b1e;
    --text:#f7f5f3;
    --muted:#aaa5a2;
    --line:#303034;
    --primary:#ff6a1a;
    --primary-strong:#ff833f;
    --primary-soft:#3b2419;
    --secondary:#83c985;
    --secondary-soft:#203522;
    --blue:#998bf4;
    --blue-soft:#2b2842;
    --violet:#998bf4;
    --violet-soft:#2b2842;
    --amber:#e4bf5c;
    --amber-soft:#3a321d;
    --warning:#e4bf5c;
    --warning-soft:#3a321d;
    --danger:#ef8585;
    --danger-soft:#422525;
    --shadow:0 10px 32px rgba(0,0,0,.14);
    --shadow-hover:0 18px 46px rgba(0,0,0,.22);
}

html{background:var(--bg)}
body{
    background:var(--bg)!important;
    background-image:none!important;
    color:var(--text);
    font-size:15px;
    line-height:1.75;
}
body::before,.ui-ambient{display:none!important}
::selection{color:#fff;background:var(--primary)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent)!important;outline-offset:2px}
h1{font-size:clamp(24px,2vw,28px);font-weight:800;letter-spacing:-.035em}
h2{font-size:18px;font-weight:700;letter-spacing:-.02em}
h3{font-size:15px;font-weight:700}
p{font-size:13px;line-height:1.95}
small{line-height:1.7}

/* App frame */
.sidebar{
    width:var(--sidebar);
    padding:20px 14px 16px;
    color:var(--text);
    background:var(--surface)!important;
    background-image:none!important;
    border-left:1px solid var(--line);
    box-shadow:none;
}
.sidebar::before,.sidebar::after{display:none!important}
.brand{
    gap:11px;
    margin:0 3px 9px;
    padding:3px 6px 19px;
    border-bottom:1px solid var(--line);
}
.brand__mark{
    width:44px;
    height:44px;
    flex-basis:44px;
    border:0;
    border-radius:15px;
    color:#fff;
    background:#1f1f20!important;
    box-shadow:none;
}
.brand__mark::after{display:none}
.brand strong{color:var(--text);font-size:18px;font-weight:800}
.brand small{color:var(--muted);font-size:11px}
.nav{gap:5px;padding:0 0 0 3px;scrollbar-color:#ddd9d6 transparent}
.nav__label{
    gap:8px;
    padding:18px 12px 7px;
    color:#aaa6a4;
    font-size:10px;
    font-weight:700;
    letter-spacing:0;
}
.nav__label::after{background:var(--line)}
.nav a{
    min-height:46px;
    gap:10px;
    padding:0 11px;
    color:#777371;
    border:1px solid transparent;
    border-radius:15px;
    font-size:13px;
    font-weight:600;
}
.nav a span{
    width:30px;
    height:30px;
    flex-basis:30px;
    color:#9a9694;
    background:#f6f5f4;
    border-radius:10px;
}
:root[data-theme="dark"] .nav a span{background:#27272b}
.nav a:hover{transform:none;color:var(--text);background:var(--surface-2);border-color:var(--line)}
.nav a:hover span{color:var(--primary);background:var(--primary-soft)}
.nav a.is-active{
    color:#fff;
    background:var(--primary)!important;
    background-image:none!important;
    border-color:var(--primary);
    box-shadow:0 8px 20px rgba(255,89,0,.18);
}
.nav a.is-active::after{display:none}
.nav a.is-active span{color:#fff;background:rgba(255,255,255,.16);box-shadow:none}
.nav-count{color:var(--primary)!important;background:#fff!important}
.sidebar__footer{
    min-height:68px;
    gap:10px;
    margin-top:12px;
    padding:12px 13px;
    border:0;
    border-radius:17px;
    color:#fff;
    background:#202021;
}
.sidebar__footer strong{font-size:12px}
.sidebar__footer small{color:#aaa6a4;font-size:10px}
.status-dot{background:#8edb91;box-shadow:0 0 0 5px rgba(105,184,107,.14)}
.main-area{width:calc(100% - var(--sidebar));margin-right:var(--sidebar)}
.topbar{
    height:76px;
    padding:0 34px;
    background:color-mix(in srgb,var(--bg) 94%,transparent)!important;
    border-bottom:1px solid var(--line);
    box-shadow:none;
    backdrop-filter:blur(12px);
}
.topbar.is-scrolled{height:72px;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;box-shadow:0 8px 28px rgba(40,35,80,.045)}
.topbar__title{grid-template-columns:3px auto;column-gap:10px}
.topbar__title::before{width:3px;height:27px;background:var(--primary)}
.topbar__title strong{font-size:16px;font-weight:750}
.topbar__title .eyebrow{color:var(--muted);font-size:10px}
.topbar__actions{gap:8px}
.command-trigger{
    min-width:230px;
    min-height:44px;
    justify-content:space-between;
    color:var(--muted);
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:none;
}
.command-trigger::before{color:var(--primary)}
.command-trigger kbd{color:#aaa5a2;background:var(--surface-2);border-color:var(--line)}
.icon-button{
    width:44px;
    height:44px;
    color:#696562;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:none;
}
.icon-button:hover{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 18%,var(--line));transform:none}
.user-chip{min-height:44px;padding:4px 10px 4px 4px;border:0;border-radius:14px;background:var(--surface)}
.user-chip strong{font-size:13px}.user-chip small{font-size:10px}
.avatar{width:38px;height:38px;flex-basis:38px;border-radius:12px;color:#fff;background:#252525}
.content{max-width:1660px;padding:30px 34px 72px}

/* Core surfaces */
.panel,.stat-card,.store-card,.mini-stats article,.cards-grid>article,.action-card,.opportunity-card,
.admin-account-card,.credential-card,.automation-card,.finance-group-card,.crm-event,.retention-playbook,
.favorite-products-grid article,.customer-segments article,.geo-stats article,.forecast-source-grid article{
    border:1px solid var(--line)!important;
    border-radius:var(--radius)!important;
    background:var(--surface)!important;
    background-image:none!important;
    box-shadow:var(--shadow)!important;
}
.panel{padding:26px;margin-bottom:22px}
.panel:hover,.store-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 12%,var(--line))!important;box-shadow:var(--shadow-hover)!important}
.panel__header{align-items:center;margin-bottom:22px}
.panel__header h2{margin-bottom:4px;font-size:18px}
.panel__header p{margin:0;color:var(--muted);font-size:12px}
.panel small,.store-card small,.cards-grid small{font-size:11px}
.panel p,.store-card p,.cards-grid p{font-size:12px}
.page-heading{margin-bottom:26px}.page-heading p{font-size:13px}
.eyebrow{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:0}
.pill{padding:6px 11px;color:var(--primary);background:var(--primary-soft);border-radius:999px;font-size:11px}
.stat-card{
    min-height:142px;
    padding:22px;
    overflow:hidden;
}
.stat-card::after{display:none}
.stat-card__top{align-items:center;color:var(--muted);font-size:12px}
.stat-card__top i{width:36px;height:36px;border-radius:12px;color:var(--primary);background:var(--primary-soft)}
.stat-card>strong{margin:14px 0 8px;color:#202020;font-size:clamp(25px,2.3vw,34px);font-weight:800}
:root[data-theme="dark"] .stat-card>strong{color:var(--text)}
.stat-card>small{color:var(--muted);font-size:11px}
.stats-grid{gap:18px;margin-bottom:22px}
.dashboard-grid,.content-grid,.intelligence-grid,.intelligence-triple,.analytics-split,.wallet-grid,.finance-layout,
.geo-main-grid,.geo-bottom-grid,.crm-two-columns,.loyalty-columns,.supply-grid{gap:22px;margin-bottom:22px}

/* Buttons, inputs and filters */
.button{
    min-height:44px;
    padding:0 18px;
    border-radius:14px;
    font-size:13px;
    font-weight:700;
    box-shadow:none;
    transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.button:hover{transform:translateY(-1px)}
.button--primary,.button--glow{
    color:#fff;
    background:var(--primary)!important;
    background-image:none!important;
    box-shadow:0 8px 18px rgba(255,89,0,.15)!important;
}
.button--primary:hover,.button--glow:hover{background:#ff7800!important}
.button--secondary,.button--light{
    color:var(--text)!important;
    background:var(--surface)!important;
    border:1px solid var(--line)!important;
    box-shadow:none!important;
}
.button--secondary:hover,.button--light:hover{color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 24%,var(--line))!important;background:var(--primary-soft)!important}
.button--ghost{color:var(--muted);background:transparent}.button--ghost:hover{color:var(--primary);background:var(--primary-soft)}
.button--danger{color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 15%,var(--line))}
.button:disabled{opacity:.48;filter:saturate(.4)}
label>span,.form-grid label>span,.filters label>span,.inline-fields label>span{color:#65615f;font-size:12px;font-weight:650}
:root[data-theme="dark"] label>span{color:#c2bdba}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{
    min-height:46px;
    color:var(--text);
    background:var(--surface)!important;
    border:1px solid var(--line)!important;
    border-radius:13px!important;
    box-shadow:none!important;
    font-size:13px;
}
textarea{min-height:112px;padding:13px}
input::placeholder,textarea::placeholder{color:#b0acab}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--line))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)!important;outline:0}
.filters,.advanced-customer-filters,.product-filters,.finance-product-filters,.date-filter,.geo-controls,.bulk-finance-bar{
    gap:12px;
    padding:16px;
    border:1px solid var(--line)!important;
    border-radius:19px!important;
    background:var(--surface)!important;
    box-shadow:var(--shadow);
}
.choice,.choice-row{border-color:var(--line);border-radius:15px;background:var(--surface-2)}
.choice:has(input:checked),.choice-row:has(input:checked){border-color:color-mix(in srgb,var(--primary) 36%,var(--line));background:var(--primary-soft)}

/* Tables and statuses */
.table-wrap{
    overflow:auto;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--surface);
    box-shadow:none;
}
table{border-collapse:separate;border-spacing:0;width:100%}
thead{background:var(--surface-2)}
th{
    height:48px;
    padding:12px 15px;
    color:#8d8886;
    border-bottom:1px solid var(--line);
    font-size:12px;
    font-weight:650;
    white-space:nowrap;
}
td{
    min-height:58px;
    padding:14px 15px;
    color:var(--text);
    border-bottom:1px solid var(--line);
    font-size:13px;
}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#fffaf7!important}
:root[data-theme="dark"] tbody tr:hover{background:#252120!important}
.cell-sub{margin-top:5px;color:var(--muted);font-size:11px!important}
.badge,.channel-badge,.channel-pill,.finance-group-pill,.change-chip,.confidence,.status-pill{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:4px 10px;
    border:1px solid transparent;
    border-radius:999px!important;
    font-size:11px!important;
    font-weight:650;
}
.badge--success,.badge--stock-instock,.check--ok{color:#478b4a;background:var(--secondary-soft);border-color:#d8efd9}
.badge--pending,.badge--warning,.badge--stock-onbackorder{color:#9b7618;background:var(--warning-soft);border-color:#f2e8b9}
.badge--danger,.badge--stock-outofstock,.check--bad{color:#c94e4e;background:var(--danger-soft);border-color:#f7dada}
.empty-state,.table-empty,.empty-cell{padding:40px;color:var(--muted);font-size:13px}
.empty-state__icon{color:var(--primary);background:var(--primary-soft)}
.pagination{gap:7px}.pagination a,.pagination span{min-width:38px;min-height:38px;border-radius:11px;border-color:var(--line);background:var(--surface)}
.pagination .is-current,.pagination a:hover{color:#fff;background:var(--primary);border-color:var(--primary)}

/* Charts and analytic blocks */
.chart-card,.metric-chart,.health-chart-card,.cohort-panel,.iran-map-panel,.retention-outcomes{
    border-color:var(--line)!important;
    background:var(--surface)!important;
    background-image:none!important;
    box-shadow:var(--shadow)!important;
}
.chart-line{stroke:#252525!important;stroke-width:2!important}
:root[data-theme="dark"] .chart-line{stroke:#f0ece8!important}
.chart-area{opacity:.14}
.metric-point__bar,.bar-chart__bar,.dependency-bar i,.loyalty-progress i,.profit-gauge i{background:var(--primary)!important}
.metric-chart__grid,.health-chart__axis{border-color:var(--line)!important}
.chart-tab,.chart-tabs button,.date-filter button{min-height:36px;border-radius:11px;color:var(--muted);background:transparent}
.chart-tab.is-active,.chart-tabs button.is-active,.date-filter button.is-active{color:#fff;background:#252525!important;box-shadow:none}
.donut,.status-donut,.forecast-donut{filter:none}
.rfm-card,.opportunity-card,.retention-stage,.province-mini-grid>div,.forecast-source-grid article{background:var(--surface-2)!important}
.risk-value,.forecast-number,.purchase-number{color:var(--primary)}
.product-thumb,.favorite-product__image,.supply-product>span{
    color:var(--text)!important;
    background:#f4f3f1!important;
    border-radius:14px!important;
}
.product-thumb img,.product-image img,.favorite-product__image img{object-fit:contain}

/* Feature hero cards: quiet, bright, data-first */
.growth-hero,.wallet-hero,.finance-hero,.loyalty-hero,.retention-hero,.supply-hero,.revenue-forecast__hero{
    color:var(--text)!important;
    background:var(--surface)!important;
    background-image:none!important;
    border:1px solid var(--line)!important;
    border-radius:28px!important;
    box-shadow:var(--shadow)!important;
}
.growth-hero::before,.growth-hero::after,.wallet-hero::before,.finance-hero::before,.loyalty-hero::before,.supply-hero::after{display:none!important}
.growth-hero p,.wallet-hero p,.finance-hero p,.loyalty-hero p,.retention-hero p,.supply-hero p{color:var(--muted)!important}
.growth-kicker,.growth-hero .eyebrow,.wallet-hero .eyebrow,.finance-hero .eyebrow,.loyalty-hero .eyebrow,.retention-hero .eyebrow,.supply-hero .eyebrow{color:var(--primary)!important}
.growth-orbit__core,.wallet-orbit__core,.loyalty-orbit__core{background:var(--primary)!important;box-shadow:0 10px 30px rgba(255,89,0,.18)!important}
.growth-orbit__ring,.wallet-orbit__ring,.loyalty-orbit__ring{border-color:color-mix(in srgb,var(--primary) 18%,var(--line))!important}
.impact-strip,.retention-kpi-grid,.finance-stats,.loyalty-stats,.supply-kpis{gap:16px}
.impact-strip>*,.retention-kpi-grid article,.finance-stats article,.loyalty-stats article,.supply-kpis article{
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    background:var(--surface)!important;
    background-image:none!important;
    box-shadow:var(--shadow)!important;
}
.impact-strip strong,.retention-kpi-grid strong,.finance-stats strong,.loyalty-stats strong,.supply-kpis strong{font-size:clamp(21px,2vw,30px)}
.supply-kpis .is-risk{color:var(--text)!important}.supply-kpis .is-risk span,.supply-kpis .is-risk small{color:var(--muted)!important}
.sms-tariff-card,.automation-sms-tariff,.sms-confirmation-card,.automation-builder-cost,.sms-campaign-estimate,
.finance-onboarding,.health-alert,.geo-warning,.retention-empty{
    background:var(--surface)!important;
    background-image:none!important;
    border-color:var(--line)!important;
    border-radius:20px!important;
    box-shadow:var(--shadow);
}

/* Dialogs, notices and support */
dialog,.command-menu,.automation-modal{
    color:var(--text);
    background:var(--surface)!important;
    border:1px solid var(--line)!important;
    border-radius:24px!important;
    box-shadow:0 30px 90px rgba(30,25,60,.18)!important;
}
dialog::backdrop{background:rgba(27,27,29,.38);backdrop-filter:blur(3px)}
.command-menu__head{border-color:var(--line);background:var(--surface)}
.command-item{border-radius:13px}.command-item.is-selected{color:var(--primary);background:var(--primary-soft)}
.alert,.trial-banner,.tenant-context-banner,.platform-context-hint{border-radius:16px;font-size:12px}
.alert--success{color:#478b4a;background:var(--secondary-soft);border-color:#d8efd9}
.alert--error{color:#c94e4e;background:var(--danger-soft);border-color:#f7dada}
.support-card,.ticket-card,.message-bubble{border-color:var(--line)!important;border-radius:18px!important;box-shadow:none!important}

/* Reduce decorative motion and visual noise */
.motion-ready .motion-reveal{transform:translateY(10px) scale(.995)}
.panel:hover{transform:translateY(-2px)}
.stat-card:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-hover)!important}
.ui-ripple{background:rgba(255,89,0,.12)}
.scroll-progress i{background:var(--primary);box-shadow:none}

/* Guest authentication */
.guest-body{
    background:
        radial-gradient(circle at 10% 12%,rgba(255,89,0,.075),transparent 26%),
        var(--bg)!important;
}
.guest-shell{max-width:1040px}
.guest-shell>.brand{border:0}
.guest-shell .brand__mark{background:var(--primary)!important}
.auth-card,.install-card{
    border:1px solid var(--line)!important;
    border-radius:28px!important;
    background:var(--surface)!important;
    box-shadow:0 18px 60px rgba(40,35,80,.07)!important;
    backdrop-filter:none!important;
}
.auth-warning{font-size:12px!important;border-color:#f2e8b9!important;background:var(--warning-soft)!important}
.auth-switch,.auth-switch--subtle{font-size:12px!important}

/* Public landing follows the same identity without changing its structure */
.landing-body{color:var(--text);background:var(--bg)!important}
.lp-nav{border-color:var(--line)!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--shadow)!important}
.lp-brand>span{background:var(--primary)!important;background-image:none!important;box-shadow:none!important}
.lp-button{background:var(--primary)!important;background-image:none!important;box-shadow:0 10px 24px rgba(255,89,0,.17)!important}
.lp-button:hover{background:#ff7800!important}
.lp-hero h1 em,.lp-section__head>span,.lp-pricing>div>span{color:var(--primary)!important}
.lp-kicker{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:color-mix(in srgb,var(--primary) 14%,var(--line))!important}
.lp-product{background:#242424!important;background-image:none!important;box-shadow:0 30px 70px rgba(30,30,32,.18)!important}
.lp-loss-grid article,.lp-feature-grid article,.lp-calc,.lp-faq details{border-color:var(--line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--shadow)!important}
.lp-feature-grid article>span{color:var(--primary)!important;background:var(--primary-soft)!important}
.lp-how{background:#202021!important}.lp-compare{background:#fff3ec!important}
.lp-pricing__card,.lp-final{background:#242424!important;background-image:none!important}
.lp-pricing__card .lp-button,.lp-final .lp-button{color:#fff!important;background:var(--primary)!important}
.lp-footer{border-color:var(--line)!important}

@media(max-width:1200px){
    :root{--sidebar:246px}
    .content{padding-right:25px;padding-left:25px}
    .command-trigger{min-width:190px}
}
@media(max-width:850px){
    .sidebar{width:min(300px,88vw);box-shadow:-18px 0 55px rgba(30,25,50,.14)}
    .main-area{width:100%;margin-right:0}
    .content{padding:22px 16px 54px}
    .topbar{height:68px;padding:0 14px}
    .topbar.is-scrolled{height:64px}
    .mobile-menu{display:grid}
    .command-trigger{min-width:0;width:44px;padding:0}
    .command-trigger span,.command-trigger kbd{display:none}
    .stats-grid,.supply-kpis,.retention-kpi-grid,.finance-stats,.loyalty-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
    body{font-size:14px}
    .content{padding:16px 12px 42px}
    .panel{padding:18px;border-radius:20px!important}
    .panel__header{align-items:flex-start;flex-direction:column}
    .page-heading{align-items:flex-start;flex-direction:column}
    .stats-grid,.supply-kpis,.retention-kpi-grid,.finance-stats,.loyalty-stats{grid-template-columns:1fr}
    .stat-card{min-height:126px;padding:18px}
    .topbar__actions{gap:5px}.icon-button{width:40px;height:40px}.user-chip{background:transparent;padding:0}
    .button{min-height:46px}
    th,td{padding:12px;font-size:12px}
    .table-wrap{border-radius:15px}
    .growth-hero,.wallet-hero,.finance-hero,.loyalty-hero,.retention-hero,.supply-hero,.revenue-forecast__hero{border-radius:22px!important}
    .lp-hero h1{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
    *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/*
 * Reference-aligned light dashboard.
 * Composition and density only; markup and interactions stay untouched.
 */
:root{
    --bg:#f4f3fa;--surface-2:#f8f7fc;--text:#18171b;--muted:#68646f;--line:#e6e3ee;
    --primary:#c2410c;--primary-strong:#9f3510;--primary-bright:#ff5900;--primary-soft:#fff0e8;
    --secondary:#357a3a;--secondary-soft:#eaf6eb;--blue:#5848c7;--blue-soft:#efedff;
    --violet:#5848c7;--violet-soft:#efedff;--amber:#7f6218;--amber-soft:#fff5cf;
    --warning:#7f6218;--warning-soft:#fff5cf;--danger:#ae3434;--danger-soft:#ffeded;
    --shadow:0 9px 28px rgba(45,38,78,.045);--shadow-hover:0 16px 38px rgba(45,38,78,.075);
    --radius:19px;--sidebar:232px;
}
body{overflow-x:hidden;font-size:14px;background:#f4f3fa!important}.app-shell{background:#f4f3fa}
.sidebar{width:var(--sidebar);padding:16px 12px 13px;border-left:0;box-shadow:-8px 0 30px rgba(39,32,72,.035)}
.brand{gap:9px;margin:0 3px 6px;padding:3px 5px 14px}
.brand__mark{width:38px;height:38px;flex-basis:38px;border-radius:12px;background:var(--primary-bright)!important;font-size:19px}
.brand strong{font-size:16px}.brand small{max-width:150px;font-size:9px;line-height:1.45}
.nav{gap:2px;padding-left:2px}.nav__label{padding:11px 9px 4px;font-size:9px}
.nav a{min-height:39px;gap:8px;padding:0 8px;border-radius:11px;font-size:11px;font-weight:700}
.nav a span{width:27px;height:27px;flex-basis:27px;border-radius:8px;font-size:14px}
.nav a.is-active{color:#fff;background:var(--primary)!important;border-color:var(--primary);box-shadow:0 6px 15px rgba(159,53,16,.16)}
.sidebar__footer{min-height:55px;margin-top:8px;padding:9px 10px;border-radius:13px;background:#202023}
.sidebar__footer strong{font-size:10px}.sidebar__footer small{font-size:8px}
.main-area{width:calc(100% - var(--sidebar));margin-right:var(--sidebar)}
.topbar{height:68px;padding:0 24px;background:rgba(244,243,250,.94)!important}.topbar.is-scrolled{height:64px}
.topbar__title{grid-template-columns:3px auto;column-gap:8px}.topbar__title::before{height:25px;background:var(--primary-bright)}
.topbar__title strong{font-size:14px}.topbar__title .eyebrow{font-size:8px}
.command-trigger{min-width:260px;min-height:40px;height:40px;border-radius:12px}.command-trigger::before{color:var(--text)}
.icon-button{width:40px;height:40px;border-radius:12px}
.user-chip{min-height:40px;height:40px;padding:3px 7px 3px 3px;border:1px solid var(--line)}
.user-chip .avatar{width:32px;height:32px;flex-basis:32px;border-radius:9px;background:#232326;box-shadow:none}
.user-chip strong{font-size:10px}.user-chip small{font-size:8px}
.content{max-width:1480px;padding:22px 24px 60px}
.content>*,.dashboard-grid>*,.stats-grid>*,.impact-strip>*{min-width:0}
.content--dashboard{display:flex;flex-direction:column}
.content--dashboard>.page-heading{order:1}
.content--dashboard>.date-filter-card{order:2}
.content--dashboard>.stats-grid{order:3}
.content--dashboard>.dashboard-grid{order:4}
.content--dashboard>.growth-hero{order:5}
.content--dashboard>.impact-strip{order:6}
.content--dashboard>.dashboard-profit{order:7}
.content--dashboard>.panel{order:8}
.content--dashboard>.alert,.content--dashboard>.trial-banner,.content--dashboard>.tenant-context-banner,
.content--dashboard>.platform-context-hint{order:0}
h1{font-size:24px;letter-spacing:-.7px}.page-heading{margin-bottom:15px}.page-heading p{font-size:11px}
.eyebrow{color:var(--primary);font-weight:800}
.date-filter-card{margin-bottom:14px!important;padding:9px 12px!important;border-radius:14px!important;box-shadow:none!important}
.date-filter{padding:0!important;border:0!important;box-shadow:none!important}
.date-filter select,.date-filter input{min-height:36px!important;height:36px;font-size:11px}.date-filter .button{min-height:36px}
.panel,.stat-card,.store-card,.mini-stats article,.cards-grid>article,.action-card,.opportunity-card,
.admin-account-card,.credential-card,.automation-card,.finance-group-card,.crm-event,.retention-playbook,
.favorite-products-grid article,.customer-segments article,.geo-stats article,.forecast-source-grid article{
    border-color:var(--line)!important;border-radius:19px!important;box-shadow:var(--shadow)!important
}
.panel{padding:19px;margin-bottom:16px}.panel__header{margin-bottom:15px}
.panel__header h2{font-size:15px}.panel__header p{font-size:10px}
.panel__header>a{color:var(--primary);background:var(--primary-soft);border-radius:9px}
.growth-hero{grid-template-columns:minmax(0,1fr) 180px!important;min-height:132px!important;margin-bottom:13px!important;padding:20px 24px!important;border-radius:19px!important}
.growth-hero h2{margin:4px 0 5px;font-size:21px!important;line-height:1.35}
.growth-hero p{max-width:720px;margin-bottom:10px!important;font-size:10px!important;line-height:1.75}
.growth-kicker{font-size:9px}.growth-kicker i{width:6px;height:6px}
.growth-hero__actions{gap:14px}.growth-hero__actions .button{min-height:35px;padding:0 13px;font-size:10px}
.growth-link{color:var(--primary)!important;border-color:rgba(194,65,12,.3);font-size:9px}
.growth-orbit{min-height:90px;transform:scale(.68)}
.impact-strip{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(110px,.55fr)) minmax(145px,.7fr);gap:10px;margin-bottom:13px;overflow:visible;color:var(--text);border:0;background:transparent!important;box-shadow:none}
.impact-strip>div,.impact-strip>.impact-wallet{min-height:100px;padding:14px 15px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--shadow)!important}
.impact-strip__intro h2{margin:3px 0;font-size:17px}.impact-strip__intro p{color:var(--muted)!important;font-size:8px}
.impact-metric span,.impact-wallet span{color:var(--muted)!important;font-size:8px}
.impact-metric strong,.impact-wallet strong{margin:4px 0;color:var(--text);font-size:18px}
.impact-metric small,.impact-wallet small{color:var(--secondary)!important;font-size:8px}
.impact-wallet:hover{background:#fffaf7!important;transform:translateY(-2px)}
.dashboard-profit{min-height:80px;margin-bottom:13px!important;padding:13px 16px!important;border:1px solid var(--line)!important;border-radius:17px!important;color:var(--text)!important;background:#fff!important;background-image:none!important;box-shadow:var(--shadow)!important}
.dashboard-profit__icon{color:#fff!important;background:#242426!important}
.dashboard-profit small,.dashboard-profit p,.dashboard-profit dt{color:var(--muted)!important}
.dashboard-profit strong,.dashboard-profit dd{color:var(--text)!important}.dashboard-profit>b{color:var(--primary)!important}
.stats-grid{gap:11px;margin-bottom:13px}
.stat-card{--card-accent:var(--primary);min-height:116px;padding:15px 16px;border-radius:17px!important;background:#fff!important;isolation:isolate}
.stat-card--emerald{--card-accent:#357a3a}.stat-card--blue{--card-accent:#5848c7}
.stat-card--violet{--card-accent:#8a4f90}.stat-card--amber{--card-accent:#7f6218}
.stat-card::before{display:block!important;inset:0 auto auto 0!important;width:54px!important;height:54px!important;border-radius:0 0 54px 0!important;background:color-mix(in srgb,var(--card-accent) 7%,transparent)!important}
.stat-card__top{font-size:10px;font-weight:750}.stat-card__top i{width:30px;height:30px;border:0;border-radius:9px;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 9%,#fff);box-shadow:none}
.stat-card>strong{margin:8px 0 4px;color:var(--text);font-size:clamp(19px,1.65vw,25px)}
.stat-trend{font-size:8px}.trend--up b{color:#28702e}.trend--down b{color:#a43131}
.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,.62fr);gap:13px;margin-bottom:13px}
.sales-trend-panel,.activity-panel{height:365px;max-height:365px}
.chart-tabs{display:flex;gap:5px;padding:4px;border:0;border-radius:11px;background:var(--surface-2)}
.chart-tab{flex:1;min-height:42px;padding:7px 9px;border-radius:9px}
.chart-tab.is-active{color:#fff!important;border-color:#242426!important;background:#242426!important}
.chart-tab.is-active small{color:#d5d2dc}.chart-tab span{font-size:9px}.chart-tab small{font-size:7px}
.metric-chart{border:0!important;border-radius:0!important;box-shadow:none!important}
.metric-chart__plot{height:235px!important;padding-top:16px;background-size:100% 47px!important}
.metric-point__bar{width:34%!important;right:33%!important;border-radius:5px 5px 2px 2px!important;background:#242426!important;box-shadow:none!important}
.metric-chart--orders .metric-point__bar{background:var(--primary-bright)!important}
.metric-point__value{color:var(--muted)!important;font-size:7px!important}
.activity-feed article{padding:8px 1px}.activity-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px}
.activity-feed strong{font-size:9px}.activity-feed p,.activity-feed time{font-size:8px}
.table-wrap{border-radius:14px}
th{height:42px;padding:9px 12px;color:#5f5b67;background:#f8f7fc;font-size:10px}
td{padding:11px 12px;font-size:11px}tbody tr:hover{background:#fff8f3!important}
.badge,.channel-badge,.channel-pill,.finance-group-pill,.change-chip,.confidence,.status-pill{font-size:9px!important}
.badge--success,.badge--stock-instock,.check--ok{color:#286b2d;border-color:#cfe7d1}
.badge--pending,.badge--warning,.badge--stock-onbackorder{color:#725811;border-color:#eadc9f}
.badge--danger,.badge--stock-outofstock,.check--bad{color:#9b2c2c;border-color:#f0caca}
.button{min-height:40px;border-radius:11px;font-size:11px}
.button--primary,.button--glow{background:var(--primary)!important;box-shadow:0 7px 16px rgba(159,53,16,.14)!important}
.button--primary:hover,.button--glow:hover{background:var(--primary-strong)!important}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{min-height:41px;border-color:#dcd9e6!important;border-radius:11px!important;font-size:11px}
label>span,.form-grid label>span,.filters label>span,.inline-fields label>span{color:#57535f;font-size:10px}
.wallet-hero,.finance-hero,.loyalty-hero,.retention-hero,.supply-hero,.revenue-forecast__hero{min-height:auto!important;padding:22px 24px!important;border-radius:19px!important}
.impact-strip,.retention-kpi-grid,.finance-stats,.loyalty-stats,.supply-kpis{gap:11px}
.impact-strip>*,.retention-kpi-grid article,.finance-stats article,.loyalty-stats article,.supply-kpis article{border-radius:17px!important}
.filters,.advanced-customer-filters,.product-filters,.finance-product-filters,.date-filter,.geo-controls,.bulk-finance-bar{border-radius:15px!important;box-shadow:none!important}
@media(max-width:1200px){
    :root{--sidebar:218px}.impact-strip{grid-template-columns:repeat(4,1fr)}.impact-strip__intro{grid-column:1/-1}
    .content{padding-right:18px;padding-left:18px}
}
@media(max-width:850px){
    .sidebar{width:min(278px,88vw)}.main-area{width:100%;margin-right:0}.topbar{padding:0 12px}.content{padding:17px 12px 48px}
    .impact-strip{grid-template-columns:1fr 1fr}.impact-strip__intro{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}
    .sales-trend-panel,.activity-panel{height:auto;max-height:none}
}
@media(max-width:620px){
    .growth-hero{grid-template-columns:1fr!important;padding:17px!important}.growth-orbit{display:none}.growth-hero h2{font-size:18px!important}
    .impact-strip{grid-template-columns:1fr}.impact-strip__intro{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr}
    .stat-card{min-height:108px}.command-trigger{width:40px;min-width:40px}
    .page-heading{width:100%;max-width:100%;overflow:hidden}
    .date-filter{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
    .date-filter label,.date-filter select,.date-filter input,.date-filter .button{width:100%;min-width:0}
    .date-filter__result,.custom-date-fields{grid-column:1/-1}
    .custom-date-fields.is-visible{display:grid;grid-template-columns:1fr 1fr}
    .dashboard-grid,.sales-trend-panel,.chart-switcher,.metric-chart{width:100%;max-width:100%;min-width:0}
}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr}}

/*
 * Unamirix-inspired visual system.
 * Font declarations are intentionally untouched.
 */
:root{
    --bg:#f7f7fb;--surface:#fff;--surface-solid:#fff;--surface-2:#f5f5fa;
    --text:#101014;--muted:#696976;--line:#e9e9f1;
    --primary:#2428ff;--primary-strong:#171bd4;--primary-bright:#2428ff;--primary-soft:#eeeeff;
    --secondary:#3c8f64;--secondary-soft:#eaf7ef;
    --blue:#2428ff;--blue-soft:#eeeeff;--violet:#5b50b8;--violet-soft:#f0eefe;
    --amber:#8b6500;--amber-soft:#fff1bd;--warning:#8b6500;--warning-soft:#fff1bd;
    --danger:#b43147;--danger-soft:#ffedf0;
    --shadow:0 6px 22px rgba(24,24,56,.035);--shadow-hover:0 14px 34px rgba(24,24,56,.07);
}
:root[data-theme="dark"]{
    --bg:#030305;--surface:#09090c;--surface-solid:#09090c;--surface-2:#111116;
    --text:#f5f5f8;--muted:#96969f;--line:#1e1e25;
    --primary:#4145ff;--primary-strong:#5b5eff;--primary-bright:#2428ff;--primary-soft:#16173c;
    --secondary:#63c88d;--secondary-soft:#11271b;
    --blue:#565aff;--blue-soft:#17183f;--violet:#8b80ff;--violet-soft:#201d40;
    --amber:#f1c449;--amber-soft:#302711;--warning:#f1c449;--warning-soft:#302711;
    --danger:#ff7188;--danger-soft:#35151c;
    --shadow:0 8px 28px rgba(0,0,0,.2);--shadow-hover:0 16px 42px rgba(0,0,0,.34);
    color-scheme:dark;
}
html,body,.app-shell{background:var(--bg)!important;color:var(--text)}
::selection{color:#fff;background:var(--primary)}
:focus-visible{outline-color:color-mix(in srgb,var(--primary) 45%,transparent)!important}

/* Right navigation: clean white in Light, pitch black in Dark. */
.sidebar{
    color:var(--text);background:var(--surface)!important;border-left:1px solid var(--line);
    box-shadow:-8px 0 32px rgba(18,18,45,.025);
}
:root[data-theme="dark"] .sidebar{background:#030305!important;border-color:#17171d;box-shadow:-10px 0 35px rgba(0,0,0,.25)}
.brand{border-color:var(--line)}.brand__mark{
    color:#fff;background:var(--primary)!important;border:0;border-radius:50%;
    box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 9%,transparent),0 9px 24px color-mix(in srgb,var(--primary) 22%,transparent)
}
.brand strong{color:var(--text)}.brand small{color:var(--muted)}
.nav{scrollbar-color:color-mix(in srgb,var(--muted) 28%,transparent) transparent}
.nav__label{color:var(--muted)}.nav__label::after{background:var(--line)}
.nav a{color:#62626d;background:transparent}
:root[data-theme="dark"] .nav a{color:#909099}
.nav a span{color:#85858e;background:#f5f5f7;border:1px solid #eeeeF2}
:root[data-theme="dark"] .nav a span{color:#8c8c97;background:#0c0c10;border-color:#18181f}
.nav a:hover{color:var(--text);background:var(--surface-2);border-color:var(--line)}
.nav a:hover span{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}
.nav a.is-active{
    color:#15151a!important;background:linear-gradient(90deg,#f7f7ff,#ececff)!important;
    border-color:#e3e3ff;box-shadow:inset -3px 0 var(--primary),0 7px 18px rgba(36,40,255,.06)
}
:root[data-theme="dark"] .nav a.is-active{
    color:#fff!important;background:linear-gradient(90deg,#08080c,#111123)!important;
    border-color:#1b1c38;box-shadow:inset -3px 0 var(--primary),0 10px 26px rgba(0,0,0,.28)
}
.nav a.is-active span{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:color-mix(in srgb,var(--primary) 20%,var(--line));box-shadow:none}
.nav a.is-active::after{display:block;left:8px;width:5px;height:5px;background:var(--primary);box-shadow:0 0 12px var(--primary)}
.nav-count{color:#fff!important;background:var(--primary)!important}
.sidebar__footer{color:var(--text);background:var(--surface-2);border:1px solid var(--line)}
.sidebar__footer small{color:var(--muted)}.status-dot{background:#56d98c;box-shadow:0 0 0 5px rgba(86,217,140,.1)}

.topbar{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;border-color:var(--line)}
:root[data-theme="dark"] .topbar{background:rgba(3,3,5,.9)!important}
.topbar__title::before{background:var(--primary)}.command-trigger,.icon-button,.user-chip{color:var(--muted);background:var(--surface);border-color:var(--line)}
.command-trigger::before{color:var(--primary)}.command-trigger:hover,.icon-button:hover{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}
.user-chip .avatar{color:#fff;background:#0b0b0e;border:2px solid var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 13%,transparent)}
:root[data-theme="dark"] .user-chip .avatar{background:#08080a}

/* Flat cards with barely-visible separators, like the reference panels. */
.panel,.stat-card,.store-card,.mini-stats article,.cards-grid>article,.action-card,.opportunity-card,
.admin-account-card,.credential-card,.automation-card,.finance-group-card,.crm-event,.retention-playbook,
.favorite-products-grid article,.customer-segments article,.geo-stats article,.forecast-source-grid article,
.impact-strip>div,.impact-strip>.impact-wallet,.dashboard-profit,
.retention-kpi-grid article,.finance-stats article,.loyalty-stats article,.supply-kpis article{
    color:var(--text)!important;background:var(--surface)!important;background-image:none!important;
    border-color:var(--line)!important;box-shadow:var(--shadow)!important
}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .store-card,
:root[data-theme="dark"] .mini-stats article,:root[data-theme="dark"] .cards-grid>article,
:root[data-theme="dark"] .impact-strip>div,:root[data-theme="dark"] .impact-strip>.impact-wallet,
:root[data-theme="dark"] .dashboard-profit{
    background:#09090c!important;border-color:#1b1b22!important
}
.panel:hover,.store-card:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--line))!important}
.panel__header>a{color:var(--primary);background:var(--primary-soft)}
.eyebrow,.growth-kicker{color:var(--primary)!important}

/* Purple feature artwork in Light; electric black-and-blue in Dark. */
.growth-hero,.wallet-hero,.finance-hero,.loyalty-hero,.retention-hero,.supply-hero,.revenue-forecast__hero{
    color:#fff!important;background:
        radial-gradient(circle at 16% 12%,rgba(255,225,136,.28),transparent 19%),
        radial-gradient(circle at 85% 120%,rgba(255,82,115,.35),transparent 28%),
        linear-gradient(135deg,#4f469e,#6558c4 58%,#41377f)!important;
    border-color:rgba(255,255,255,.11)!important;box-shadow:0 18px 45px rgba(65,55,127,.15)!important
}
:root[data-theme="dark"] .growth-hero,:root[data-theme="dark"] .wallet-hero,:root[data-theme="dark"] .finance-hero,
:root[data-theme="dark"] .loyalty-hero,:root[data-theme="dark"] .retention-hero,:root[data-theme="dark"] .supply-hero,
:root[data-theme="dark"] .revenue-forecast__hero{
    background:
        radial-gradient(circle at 18% 16%,rgba(36,40,255,.32),transparent 25%),
        linear-gradient(125deg,#08080c,#0d0d17 66%,#111239)!important;
    border-color:#202044!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important
}
.growth-hero h2,.wallet-hero h1,.finance-hero h1,.loyalty-hero h1,.retention-hero h1,.supply-hero h1{color:#fff!important}
.growth-hero p,.wallet-hero p,.finance-hero p,.loyalty-hero p,.retention-hero p,.supply-hero p{color:#e3e0f7!important}
.growth-kicker,.growth-hero .eyebrow,.wallet-hero .eyebrow,.finance-hero .eyebrow,.loyalty-hero .eyebrow,.retention-hero .eyebrow,.supply-hero .eyebrow{color:#fff0a4!important}
.growth-kicker i{background:#f6ca3f;box-shadow:0 0 0 5px rgba(246,202,63,.14)}
.growth-orbit__core,.wallet-orbit__core,.loyalty-orbit__core{background:var(--primary)!important;box-shadow:0 0 35px rgba(36,40,255,.42)!important}
.growth-orbit__ring,.wallet-orbit__ring,.loyalty-orbit__ring{border-color:rgba(255,255,255,.32)!important}
.growth-orbit__chip{color:#fff!important;background:rgba(5,5,12,.62)!important;border-color:rgba(255,255,255,.12)!important}
.growth-link{color:#fff!important;border-color:rgba(255,255,255,.45)}

.stat-card::before{background:color-mix(in srgb,var(--primary) 6%,transparent)!important}
.stat-card__top i{color:var(--primary);background:var(--primary-soft)}
.stat-card>strong{color:var(--text)}.trend--up b{color:#318252}.trend--down b{color:#bb344a}
:root[data-theme="dark"] .trend--up b{color:#63c88d}:root[data-theme="dark"] .trend--down b{color:#ff7188}
.dashboard-profit__icon{color:#fff!important;background:var(--primary)!important}
.dashboard-profit>b,.risk-value,.forecast-number,.purchase-number{color:var(--primary)!important}
.impact-metric small,.impact-wallet small{color:var(--secondary)!important}

/* Reference chart: black/blue geometry, minimal grid. */
.chart-tabs{background:var(--surface-2)}.chart-tab{color:var(--muted)}
.chart-tab.is-active,.chart-tabs button.is-active,.date-filter button.is-active{
    color:#fff!important;background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 8px 22px rgba(36,40,255,.18)!important
}
.chart-tab.is-active small{color:#ddddff}.chart-tab>i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.metric-chart,.chart-card,.health-chart-card,.cohort-panel,.iran-map-panel,.retention-outcomes{background:var(--surface)!important;border-color:var(--line)!important}
.metric-chart__plot{background-image:repeating-linear-gradient(to top,transparent 0,transparent 46px,var(--line) 47px)!important}
.metric-point__bar,.metric-chart--orders .metric-point__bar,.bar-chart__item span,.bar-chart__bar{background:var(--primary)!important;box-shadow:0 5px 15px rgba(36,40,255,.15)!important}
.chart-line,.chart-curve-layer .chart-line{stroke:var(--primary)!important;filter:drop-shadow(0 4px 5px rgba(36,40,255,.2))}
:root[data-theme="dark"] .chart-line,:root[data-theme="dark"] .chart-curve-layer .chart-line{stroke:#565aff!important}
.chart-area{fill:var(--primary)!important;opacity:.08}

/* Forms, actions, tables and status language. */
.button--primary,.button--glow,.lp-button{color:#fff!important;background:var(--primary)!important;box-shadow:0 9px 24px rgba(36,40,255,.17)!important}
.button--primary:hover,.button--glow:hover,.lp-button:hover{background:var(--primary-strong)!important}
.button--secondary,.button--light{color:var(--text)!important;background:var(--surface)!important;border-color:var(--line)!important}
.button--secondary:hover,.button--light:hover{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:color-mix(in srgb,var(--primary) 28%,var(--line))!important}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{
    color:var(--text);background:var(--surface)!important;border-color:var(--line)!important
}
input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)!important}
label>span,.form-grid label>span,.filters label>span,.inline-fields label>span{color:var(--muted)}
.filters,.advanced-customer-filters,.product-filters,.finance-product-filters,.date-filter,.geo-controls,.bulk-finance-bar,.date-filter-card{background:var(--surface)!important;border-color:var(--line)!important}
.table-wrap{background:var(--surface);border-color:var(--line)}thead,th{color:var(--muted);background:var(--surface-2)}
td{color:var(--text);border-color:var(--line)}tbody tr:hover{background:var(--primary-soft)!important}
:root[data-theme="dark"] tbody tr:hover{background:#111123!important}
.badge--success,.badge--stock-instock,.check--ok{color:#28754a;background:#e9f7ef;border-color:#cce9d8}
.badge--pending,.badge--warning,.badge--stock-onbackorder{color:#755500;background:#fff1bd;border-color:#efd98e}
.badge--danger,.badge--stock-outofstock,.check--bad{color:#a52d42;background:#ffedf0;border-color:#f2c8cf}
:root[data-theme="dark"] .badge--success,:root[data-theme="dark"] .badge--stock-instock,:root[data-theme="dark"] .check--ok{color:#72d69b;background:#11271b;border-color:#214b32}
:root[data-theme="dark"] .badge--pending,:root[data-theme="dark"] .badge--warning,:root[data-theme="dark"] .badge--stock-onbackorder{color:#f1c449;background:#302711;border-color:#54451c}
:root[data-theme="dark"] .badge--danger,:root[data-theme="dark"] .badge--stock-outofstock,:root[data-theme="dark"] .check--bad{color:#ff8296;background:#35151c;border-color:#57232d}
.alert--warning,.auth-warning,.trial-banner{color:#5f4700!important;background:#ffe9a1!important;border-color:#f0d16d!important}
.alert--success{color:#28754a;background:#e9f7ef;border-color:#cce9d8}
.alert--error{color:#a52d42;background:#ffedf0;border-color:#f2c8cf}
:root[data-theme="dark"] .alert--warning,:root[data-theme="dark"] .auth-warning,:root[data-theme="dark"] .trial-banner{color:#f6d46e!important;background:#2c240f!important;border-color:#504118!important}

/* Public and authentication views share the same blue identity. */
.guest-body{background:radial-gradient(circle at 15% 10%,rgba(36,40,255,.1),transparent 28%),var(--bg)!important}
.guest-shell .brand__mark,.lp-brand>span{background:var(--primary)!important}
.auth-card,.install-card,.lp-nav,.lp-loss-grid article,.lp-feature-grid article,.lp-calc,.lp-faq details{background:var(--surface)!important;border-color:var(--line)!important}
.landing-body{color:var(--text);background:var(--bg)!important}
.lp-hero h1 em,.lp-section__head>span,.lp-pricing>div>span{color:var(--primary)!important}
.lp-kicker,.lp-feature-grid article>span{color:var(--primary)!important;background:var(--primary-soft)!important}
.lp-product,.lp-how,.lp-pricing__card,.lp-final{background:#07070b!important;background-image:radial-gradient(circle at 20% 10%,rgba(36,40,255,.28),transparent 30%)!important}
.lp-compare{background:#eeeeff!important}

@media(max-width:850px){
    .sidebar{background:var(--surface)!important}
    :root[data-theme="dark"] .sidebar{background:#030305!important}
}

/*
 * Studio layout — structural visual rebuild based on the supplied interface.
 * Typography family remains inherited from the existing application.
 */
:root:not([data-theme="dark"]){--sidebar:88px}
:root[data-theme="dark"]{--sidebar:252px}
.sidebar{padding:18px 13px 14px}
.brand{min-height:52px;margin:0;padding:0 5px 14px}
.brand__mark{width:39px;height:39px;flex-basis:39px;font-size:17px}
.brand__copy{min-width:0}.brand__copy strong{font-size:14px}.brand__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-profile{
    display:flex;align-items:center;gap:9px;min-height:58px;margin:6px 0 10px;padding:8px;
    border:1px solid var(--line);border-radius:13px;background:var(--surface-2)
}
.sidebar-profile__avatar{
    display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;
    color:#fff;background:#09090d;border:2px solid var(--amber);border-radius:50%;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 10%,transparent);font-weight:900
}
.sidebar-profile__copy{min-width:0;flex:1}.sidebar-profile__copy strong,.sidebar-profile__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-profile__copy strong{font-size:10px}.sidebar-profile__copy small{margin-top:3px;color:var(--muted);font-size:7px}
.sidebar-profile>a{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:var(--muted);background:var(--surface);font-size:12px}
.nav{gap:2px}.nav__label{min-height:23px;padding:8px 9px 4px}
.nav a{min-height:40px;gap:9px;padding:0 8px;border-radius:10px;font-size:10px}
.nav a .nav__icon{
    display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;padding:6px;
    border-radius:9px;font-size:0
}
.nav__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.nav a>b{min-width:0;flex:1;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.nav a>i{color:var(--muted);font-size:10px;font-style:normal;opacity:.65;transition:transform .2s}
.nav a:hover>i{color:var(--primary);transform:translateX(-2px)}
.nav a.is-active::after{right:auto;left:5px}
.nav-count{display:grid!important;place-items:center!important;min-width:18px;height:18px;padding:0 4px!important;border-radius:20px;font-size:7px!important;font-style:normal}
.sidebar__footer{position:relative;min-height:58px;gap:8px;margin-top:9px;padding:8px;border-radius:13px}
.sidebar__footer .sidebar__support-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;color:var(--primary);background:var(--primary-soft);border-radius:10px}
.sidebar__support-icon>.nav__icon{display:block;width:17px;height:17px}.sidebar__footer>div{min-width:0;flex:1}
.sidebar__footer .status-dot{position:absolute;left:7px;top:7px;width:6px;height:6px}

/* Light mode mirrors the narrow icon rail shown in the reference. */
:root:not([data-theme="dark"]) .sidebar{padding-right:10px;padding-left:10px}
:root:not([data-theme="dark"]) .brand{justify-content:center;padding-right:0;padding-left:0}
:root:not([data-theme="dark"]) .brand__copy,
:root:not([data-theme="dark"]) .sidebar-profile__copy,
:root:not([data-theme="dark"]) .sidebar-profile>a,
:root:not([data-theme="dark"]) .nav a>b,
:root:not([data-theme="dark"]) .nav a>i,
:root:not([data-theme="dark"]) .nav__label,
:root:not([data-theme="dark"]) .sidebar__footer>div{display:none}
:root:not([data-theme="dark"]) .sidebar-profile{justify-content:center;margin:5px 4px 10px;padding:7px 0;background:transparent;border-color:transparent}
:root:not([data-theme="dark"]) .sidebar-profile__avatar{width:35px;height:35px;flex-basis:35px}
:root:not([data-theme="dark"]) .nav a{justify-content:center;padding:0}
:root:not([data-theme="dark"]) .nav a .nav__icon{width:34px;height:34px;flex-basis:34px;padding:8px}
:root:not([data-theme="dark"]) .nav a.is-active{background:transparent!important;border-color:transparent;box-shadow:none}
:root:not([data-theme="dark"]) .nav a.is-active::after{display:block;right:0;left:auto;width:3px;height:22px;border-radius:0 5px 5px 0}
:root:not([data-theme="dark"]) .nav a.is-active .nav__icon{color:#fff!important;background:var(--primary)!important;box-shadow:0 8px 20px rgba(36,40,255,.22)}
:root:not([data-theme="dark"]) .nav-count{position:absolute;top:1px;left:3px}
:root:not([data-theme="dark"]) .sidebar__footer{justify-content:center;margin:9px 4px 0;padding:6px;background:transparent}
:root:not([data-theme="dark"]) .sidebar__footer .sidebar__support-icon{width:36px;height:36px;flex-basis:36px}

/* The dashboard is now an editorial grid, not a vertical stack. */
.content--dashboard{
    display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr);
    align-items:stretch;gap:14px
}
.content--dashboard>.page-heading,
.content--dashboard>.date-filter-card,
.content--dashboard>.studio-alert,
.content--dashboard>.order-showcase,
.content--dashboard>.dashboard-grid,
.content--dashboard>.impact-strip,
.content--dashboard>.dashboard-profit,
.content--dashboard>.panel,
.content--dashboard>.alert,
.content--dashboard>.trial-banner,
.content--dashboard>.tenant-context-banner,
.content--dashboard>.platform-context-hint{grid-column:1/-1}
.content--dashboard>.page-heading{order:1;margin-bottom:0}
.content--dashboard>.date-filter-card{order:2;margin-bottom:0!important}
.content--dashboard>.studio-alert{order:3}
.content--dashboard>.growth-hero{grid-column:1;order:4;margin:0!important}
.content--dashboard>.stats-grid{grid-column:2;order:5;margin:0}
.content--dashboard>.order-showcase{order:6}
.content--dashboard>.dashboard-grid{order:7;margin:0}
.content--dashboard>.impact-strip{order:8;margin:0}
.content--dashboard>.dashboard-profit{order:9;margin:0!important}
.content--dashboard>.panel{order:10}
.content--dashboard>.alert,.content--dashboard>.trial-banner,.content--dashboard>.tenant-context-banner,.content--dashboard>.platform-context-hint{order:0}
.studio-alert{
    display:flex;align-items:center;gap:11px;min-height:48px;padding:9px 12px;
    color:#604600;background:#ffe89b;border:1px solid #f1d46d;border-radius:13px
}
.studio-alert>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;color:#604600;background:rgba(255,255,255,.42);border-radius:50%;font-weight:900}
.studio-alert p{margin:0;flex:1;color:inherit;font-size:10px}.studio-alert a{color:#493500;font-size:9px;font-weight:900}
:root[data-theme="dark"] .studio-alert{color:#f7d86f;background:#29210d;border-color:#4b3d18}
:root[data-theme="dark"] .studio-alert>span{color:#f7d86f;background:#3a2f12}:root[data-theme="dark"] .studio-alert a{color:#f7d86f}
.content--dashboard>.growth-hero{
    grid-template-columns:1.05fr .95fr!important;min-height:250px!important;padding:28px 30px!important;
    border-radius:17px!important
}
.content--dashboard>.growth-hero h2{font-size:clamp(24px,2.5vw,36px)!important}
.content--dashboard>.growth-hero p{max-width:560px;font-size:11px!important}
.content--dashboard>.growth-hero .growth-orbit{display:block;min-height:190px;transform:scale(.9)}
.content--dashboard>.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.content--dashboard .stat-card{min-height:120px;height:100%;padding:15px}
.content--dashboard .stat-card>strong{font-size:clamp(18px,1.55vw,24px)}

/* Latest orders are visual cards, matching the reference list language. */
.order-showcase{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}
.order-showcase>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.order-showcase>header>div{display:flex;align-items:center;gap:10px}
.order-showcase__count{display:grid;place-items:center;width:32px;height:32px;color:#17120a;background:#ffd84e;border-radius:50%;font-size:10px;font-weight:900}
.order-showcase h2{margin:0 0 3px;font-size:14px}.order-showcase header p{margin:0;font-size:8px}
.order-showcase header>a{color:var(--text);font-size:9px;font-weight:850}.order-showcase header>a b{margin-right:5px;color:var(--primary);font-size:13px}
.order-showcase__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.order-tile{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);transition:transform .2s,border-color .2s}
.order-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}
.order-tile__head{display:flex;align-items:center;gap:9px}
.order-tile__icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:9px;color:var(--primary);background:var(--primary-soft);border-radius:11px}
.order-tile__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.order-tile__head>div{min-width:0;flex:1}.order-tile__head small,.order-tile__head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-tile__head small{color:var(--muted);font-size:7px}.order-tile__head strong{margin-top:3px;font-size:10px}
.order-tile__head>a{display:grid;place-items:center;width:29px;height:29px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:9px}
.order-tile>p{margin:10px 0 8px;color:var(--text);font-size:9px;font-weight:800}
.order-tile dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}
.order-tile dl>div{padding:8px;border-radius:9px;background:var(--surface)}
.order-tile dt{color:var(--muted);font-size:7px}.order-tile dd{margin:4px 0 0;color:var(--text);font-size:9px;font-weight:850}
.order-tile time{font-size:7px}.order-tile footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.order-tile footer>small{color:var(--muted);font-size:7px}.order-showcase__empty{grid-column:1/-1;padding:32px;color:var(--muted);text-align:center}
:root[data-theme="dark"] .order-showcase{background:#09090c;border-color:#1b1b22}
:root[data-theme="dark"] .order-tile{background:#0e0e13;border-color:#1d1d25}
:root[data-theme="dark"] .order-tile dl>div,:root[data-theme="dark"] .order-tile__head>a{background:#08080b}

/* Header controls now follow the floating utility-bar composition. */
.topbar{gap:18px}.topbar__actions{margin-right:auto}.command-trigger{position:relative;padding-right:38px}
.command-trigger::after{
    content:"";position:absolute;right:13px;width:14px;height:14px;border:1.6px solid currentColor;border-radius:50%
}
.command-trigger::before{
    content:"";position:absolute;right:26px;bottom:11px;width:6px;height:1.6px;background:currentColor;transform:rotate(45deg)
}
.topbar .user-chip{order:-1}

@media(max-width:1180px){
    .content--dashboard{grid-template-columns:1fr}
    .content--dashboard>.growth-hero,.content--dashboard>.stats-grid{grid-column:1/-1}
    .content--dashboard>.stats-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:850px){
    :root,:root:not([data-theme="dark"]),:root[data-theme="dark"]{--sidebar:0px}
    .sidebar{width:min(286px,88vw);padding:17px 13px}
    .brand{justify-content:flex-start!important}.brand__copy,.sidebar-profile__copy,.sidebar-profile>a,.nav a>b,.nav a>i,.nav__label,.sidebar__footer>div{display:block!important}
    .sidebar-profile{justify-content:flex-start!important;margin:6px 0 10px!important;padding:8px!important;background:var(--surface-2)!important;border-color:var(--line)!important}
    .nav a{justify-content:flex-start!important;padding:0 8px!important}.nav a .nav__icon{width:29px!important;height:29px!important;flex-basis:29px!important;padding:6px!important}
    .sidebar__footer{justify-content:flex-start!important;margin:9px 0 0!important;padding:8px!important;background:var(--surface-2)!important}
    .main-area{width:100%;margin-right:0}.content--dashboard{display:grid;grid-template-columns:1fr}
    .content--dashboard>.growth-hero,.content--dashboard>.stats-grid{grid-column:1}
    .order-showcase__grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .content--dashboard>.growth-hero{grid-template-columns:1fr!important;min-height:230px!important;padding:22px!important}
    .content--dashboard>.growth-hero .growth-orbit{display:none}
    .content--dashboard>.stats-grid{grid-template-columns:1fr 1fr}
    .studio-alert{align-items:flex-start;flex-wrap:wrap}.studio-alert p{flex-basis:calc(100% - 42px)}
    .studio-alert a{margin-right:39px}.order-showcase{padding:13px}.order-tile dl{grid-template-columns:1fr}
}

/*
 * Orbit workspace — a distinct floating-shell composition.
 * The existing application font remains inherited and unchanged.
 */
:root{
    --bg:#eef0f7;--surface:#fff;--surface-solid:#fff;--surface-2:#f5f6fb;
    --text:#161720;--muted:#6f7180;--line:#e1e4ee;
    --primary:#5542f6;--primary-strong:#3f2fd8;--primary-bright:#6654ff;--primary-soft:#eeebff;
    --secondary:#248562;--secondary-soft:#e7f7f0;--blue:#3478f6;--blue-soft:#eaf2ff;
    --violet:#8b55d9;--violet-soft:#f3ebff;--amber:#8b6500;--amber-soft:#fff2c7;
    --warning:#8b6500;--warning-soft:#fff2c7;--danger:#bd3e59;--danger-soft:#ffedf1;
    --shadow:0 12px 35px rgba(35,39,78,.055);--shadow-hover:0 20px 50px rgba(35,39,78,.1);
    --sidebar-expanded:278px;--sidebar-collapsed:108px;--sidebar:var(--sidebar-expanded);
}
:root[data-theme="dark"]{
    --bg:#07080d;--surface:#11131a;--surface-solid:#11131a;--surface-2:#171a23;
    --text:#f5f6fb;--muted:#9a9da9;--line:#252936;
    --primary:#806dff;--primary-strong:#9788ff;--primary-bright:#806dff;--primary-soft:#272440;
    --secondary:#64d5a8;--secondary-soft:#132a22;--blue:#6ca0ff;--blue-soft:#17243a;
    --violet:#b185f2;--violet-soft:#2a1f3a;--amber:#f1c958;--amber-soft:#312a14;
    --warning:#f1c958;--warning-soft:#312a14;--danger:#ff7891;--danger-soft:#371820;
    --shadow:0 14px 42px rgba(0,0,0,.24);--shadow-hover:0 24px 60px rgba(0,0,0,.38);
}
:root:not([data-theme="dark"]),:root[data-theme="dark"]{--sidebar:var(--sidebar-expanded)}
:root.sidebar-collapsed{--sidebar:var(--sidebar-collapsed)}
body{background:
    radial-gradient(circle at 2% 4%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 26%),
    var(--bg)!important
}
.app-shell{background:transparent!important}

/* Floating application chrome */
.sidebar{
    top:12px;right:12px;bottom:12px;width:calc(var(--sidebar) - 24px);
    padding:16px 13px;border:1px solid var(--line);border-radius:26px;
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    box-shadow:0 20px 55px rgba(32,35,70,.09);backdrop-filter:blur(22px);transition:width .3s var(--ease),transform .3s var(--ease)
}
:root[data-theme="dark"] .sidebar{background:rgba(15,17,24,.96)!important;border-color:#292d3a;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.main-area{width:calc(100% - var(--sidebar));margin-right:var(--sidebar);transition:width .3s var(--ease),margin-right .3s var(--ease)}
.topbar{
    top:12px;height:68px;margin:12px 12px 0;padding:0 18px;border:1px solid var(--line);border-radius:20px;
    background:color-mix(in srgb,var(--surface) 88%,transparent)!important;box-shadow:0 10px 32px rgba(35,39,78,.045);backdrop-filter:blur(20px)
}
:root[data-theme="dark"] .topbar{background:rgba(17,19,26,.88)!important}
.topbar.is-scrolled{height:64px;background:color-mix(in srgb,var(--surface) 94%,transparent)!important}
.content{padding:20px 24px 65px}
.sidebar-collapse{
    position:absolute;z-index:5;top:64px;left:-14px;display:grid;place-items:center;width:30px;height:30px;
    padding:0;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;
    box-shadow:0 7px 20px rgba(30,33,70,.11);cursor:pointer;transition:transform .25s,background .2s,color .2s
}
.sidebar-collapse:hover{color:#fff;background:var(--primary);border-color:var(--primary)}
.sidebar-collapse svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root.sidebar-collapsed .sidebar-collapse{transform:rotate(180deg)}

/* Expanded mode is now identical in capability for Light and Dark. */
:root:not(.sidebar-collapsed) .brand{justify-content:flex-start;padding-right:5px;padding-left:5px}
:root:not(.sidebar-collapsed) .brand__copy,
:root:not(.sidebar-collapsed) .sidebar-profile__copy,
:root:not(.sidebar-collapsed) .sidebar-profile>a,
:root:not(.sidebar-collapsed) .nav a>b,
:root:not(.sidebar-collapsed) .nav a>i,
:root:not(.sidebar-collapsed) .nav__label,
:root:not(.sidebar-collapsed) .sidebar__footer>div{display:block}
:root:not(.sidebar-collapsed) .sidebar-profile{justify-content:flex-start;margin:6px 0 10px;padding:8px;background:var(--surface-2);border-color:var(--line)}
:root:not(.sidebar-collapsed) .nav a{justify-content:flex-start;padding:0 8px}
:root:not(.sidebar-collapsed) .nav a .nav__icon{width:29px;height:29px;flex-basis:29px;padding:6px}
:root:not(.sidebar-collapsed) .nav a.is-active{
    color:#fff!important;background:linear-gradient(110deg,var(--primary),color-mix(in srgb,var(--primary) 74%,#11152b))!important;
    border-color:transparent;box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 20%,transparent)
}
:root:not(.sidebar-collapsed) .nav a.is-active .nav__icon{color:#fff!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.1)}
:root:not(.sidebar-collapsed) .nav a.is-active>i{color:#fff}
:root:not(.sidebar-collapsed) .sidebar__footer{justify-content:flex-start;margin:9px 0 0;padding:8px;background:var(--surface-2)}

/* Collapsed mode is shared by both themes and behaves like an icon dock. */
:root.sidebar-collapsed .brand{justify-content:center;padding-right:0;padding-left:0}
:root.sidebar-collapsed .brand__copy,
:root.sidebar-collapsed .sidebar-profile__copy,
:root.sidebar-collapsed .sidebar-profile>a,
:root.sidebar-collapsed .nav a>b,
:root.sidebar-collapsed .nav a>i,
:root.sidebar-collapsed .nav__label,
:root.sidebar-collapsed .sidebar__footer>div{display:none}
:root.sidebar-collapsed .sidebar-profile{justify-content:center;margin:5px 4px 10px;padding:7px 0;background:transparent;border-color:transparent}
:root.sidebar-collapsed .nav a{justify-content:center;padding:0}
:root.sidebar-collapsed .nav a .nav__icon{width:36px;height:36px;flex-basis:36px;padding:9px}
:root.sidebar-collapsed .nav a.is-active{background:transparent!important;border-color:transparent;box-shadow:none}
:root.sidebar-collapsed .nav a.is-active::after{display:block;right:0;left:auto;width:3px;height:24px;border-radius:0 6px 6px 0}
:root.sidebar-collapsed .nav a.is-active .nav__icon{color:#fff!important;background:var(--primary)!important;box-shadow:0 9px 23px color-mix(in srgb,var(--primary) 30%,transparent)}
:root.sidebar-collapsed .nav-count{position:absolute;top:0;left:2px}
:root.sidebar-collapsed .sidebar__footer{justify-content:center;margin:9px 4px 0;padding:6px;background:transparent}
:root.sidebar-collapsed .sidebar__footer .sidebar__support-icon{width:38px;height:38px;flex-basis:38px}

/* A new layered card language */
.panel,.stat-card,.order-showcase,.store-card,.cards-grid>article,.mini-stats article{
    border-color:var(--line)!important;border-radius:22px!important;background:color-mix(in srgb,var(--surface) 97%,transparent)!important;
    box-shadow:var(--shadow)!important
}
.panel::after,.store-card::after{display:none}
.content--dashboard{gap:16px}
.content--dashboard>.growth-hero{
    min-height:270px!important;border:0!important;border-radius:24px!important;
    background:
        radial-gradient(circle at 18% 18%,rgba(198,255,84,.34),transparent 20%),
        radial-gradient(circle at 85% 115%,rgba(255,124,93,.34),transparent 31%),
        linear-gradient(128deg,#232745,#5b48ef 58%,#6b47ab)!important;
    box-shadow:0 24px 55px rgba(69,58,184,.2)!important
}
:root[data-theme="dark"] .content--dashboard>.growth-hero{
    background:
        radial-gradient(circle at 18% 18%,rgba(190,255,76,.14),transparent 22%),
        radial-gradient(circle at 85% 115%,rgba(128,109,255,.35),transparent 34%),
        linear-gradient(130deg,#141722,#242442 58%,#38275b)!important
}
.content--dashboard>.growth-hero .growth-orbit__core{background:#c7ff54!important;color:#1b1d25!important;box-shadow:0 15px 40px rgba(199,255,84,.25)!important}
.content--dashboard>.growth-hero .button--glow{color:#161720!important;background:#c7ff54!important;box-shadow:0 12px 28px rgba(199,255,84,.18)!important}
.content--dashboard>.stats-grid{gap:12px}
.content--dashboard .stat-card{border:0!important;overflow:hidden;box-shadow:none!important}
.content--dashboard .stat-card--emerald{background:linear-gradient(145deg,#e4f8ec,#f7fcf9)!important}
.content--dashboard .stat-card--blue{background:linear-gradient(145deg,#e8efff,#f8faff)!important}
.content--dashboard .stat-card--violet{background:linear-gradient(145deg,#f1e9ff,#fbf8ff)!important}
.content--dashboard .stat-card--amber{background:linear-gradient(145deg,#fff1d9,#fffaf2)!important}
:root[data-theme="dark"] .content--dashboard .stat-card--emerald{background:linear-gradient(145deg,#14271f,#11171a)!important}
:root[data-theme="dark"] .content--dashboard .stat-card--blue{background:linear-gradient(145deg,#17233b,#121720)!important}
:root[data-theme="dark"] .content--dashboard .stat-card--violet{background:linear-gradient(145deg,#281d3b,#17151e)!important}
:root[data-theme="dark"] .content--dashboard .stat-card--amber{background:linear-gradient(145deg,#312715,#191713)!important}
.content--dashboard .stat-card::before{width:72px!important;height:72px!important;border-radius:0 0 72px 0!important}
.content--dashboard .stat-card__top i{background:rgba(255,255,255,.58);backdrop-filter:blur(8px)}
:root[data-theme="dark"] .content--dashboard .stat-card__top i{background:rgba(255,255,255,.06)}
.studio-alert{min-height:54px;border:0;border-radius:17px;background:linear-gradient(90deg,#ffe385,#fff0b8);box-shadow:0 9px 25px rgba(163,126,15,.08)}
:root[data-theme="dark"] .studio-alert{background:linear-gradient(90deg,#332811,#241f12)}
.order-showcase{padding:20px;background:var(--surface)!important}
.order-showcase__grid{gap:12px}.order-tile{position:relative;overflow:hidden;padding:15px;border:0;border-radius:17px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.order-tile::before{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:linear-gradient(var(--primary),var(--violet))}
.order-tile__icon{border-radius:13px}.order-tile dl>div{border:1px solid var(--line)}
.dashboard-grid{gap:16px}.sales-trend-panel,.activity-panel{border-radius:22px!important}
.chart-tabs{border-radius:14px}.chart-tab{border-radius:11px}.chart-tab.is-active{background:linear-gradient(110deg,var(--primary),var(--violet))!important}
.metric-point__bar,.metric-chart--orders .metric-point__bar{background:linear-gradient(to top,var(--primary),var(--blue))!important}

@media(max-width:850px){
    :root,:root:not([data-theme="dark"]),:root[data-theme="dark"],:root.sidebar-collapsed{--sidebar:0px}
    .sidebar{top:8px;right:8px;bottom:8px;width:min(292px,88vw);border-radius:22px}
    .sidebar-collapse{display:none}
    .topbar{top:8px;margin:8px 8px 0;border-radius:17px}
    .main-area{width:100%;margin-right:0}
}

/* Keep the desktop collapse control fully visible on the outer sidebar edge. */
@media(min-width:851px){
    .sidebar{overflow:visible}
    .sidebar .nav{overflow-y:auto;overflow-x:hidden}
    .sidebar-collapse{
        top:78px;left:-17px;width:34px;height:34px;border-radius:50%;
        box-shadow:0 8px 24px rgba(30,33,70,.16)
    }
    .sidebar-collapse svg{width:16px;height:16px}
}

/* The navigation remains scrollable without showing a scrollbar or row arrows. */
.sidebar .nav{-ms-overflow-style:none;scrollbar-width:none}
.sidebar .nav::-webkit-scrollbar{display:none;width:0;height:0}
.sidebar .nav a>i{display:none!important}

/* Collapsed dock: hover/current state changes the glyph only. */
:root.sidebar-collapsed .nav a:hover,
:root.sidebar-collapsed .nav a.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
:root.sidebar-collapsed .nav a:hover::after,
:root.sidebar-collapsed .nav a.is-active::after{display:none!important}
:root.sidebar-collapsed .nav a:hover .nav__icon,
:root.sidebar-collapsed .nav a.is-active .nav__icon{
    color:var(--primary)!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important
}

/* Intelligence masthead and compact filters stay in normal document flow. */
.content--intelligence>.intelligence-header-block{
    position:relative;z-index:2;display:block;width:100%;margin:0 0 16px
}
.intelligence-header-block>.page-heading{
    position:relative;z-index:2;display:flex;min-height:0;margin:0 0 14px!important
}
.intelligence-filter-bar{
    position:relative;z-index:1;display:flex;align-items:flex-end;flex-wrap:wrap;
    width:max-content;max-width:100%;gap:10px;padding:10px 12px;
    border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)
}
.intelligence-filter-bar>.analytics-site-filter{
    position:static;display:block;width:auto;min-height:0;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important
}
.intelligence-filter-bar>.analytics-site-filter label{display:grid;gap:5px}
.intelligence-filter-bar>.analytics-site-filter label>span{margin:0;white-space:nowrap}
.intelligence-filter-bar>.analytics-site-filter select{width:205px;min-width:205px;height:36px;min-height:36px!important}
.intelligence-filter-bar>.date-filter-card{
    width:auto;margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.intelligence-filter-bar .date-filter{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.intelligence-filter-bar .date-filter select,
.intelligence-filter-bar .date-filter input{height:36px;min-height:36px!important}
.intelligence-filter-bar .date-filter .button{min-height:36px;height:36px;padding-inline:13px}
.intelligence-filter-bar .date-filter__result{margin:0 4px 0 0;align-self:center;white-space:nowrap}
@media(max-width:900px){
    .intelligence-filter-bar{width:100%}
}
@media(max-width:700px){
    .intelligence-header-block>.page-heading{display:flex}
    .intelligence-filter-bar{display:grid;width:100%}
    .intelligence-filter-bar>.analytics-site-filter,
    .intelligence-filter-bar>.analytics-site-filter label,
    .intelligence-filter-bar>.analytics-site-filter select,
    .intelligence-filter-bar>.date-filter-card{width:100%;min-width:0}
    .intelligence-filter-bar .date-filter{display:grid;width:100%}
    .intelligence-filter-bar .date-filter .button{width:100%}
    .intelligence-filter-bar .date-filter__result{margin:0}
}

/* Dashboard growth banner: replace floating orbit labels with a tidy journey card. */
.content--dashboard>.growth-hero{
    grid-template-columns:minmax(0,1fr) 260px!important;align-items:center;
    min-height:228px!important;padding:26px 28px!important
}
.content--dashboard>.growth-hero .growth-hero__copy{align-self:center}
.content--dashboard>.growth-hero h2{
    max-width:650px;margin:7px 0 9px!important;font-size:clamp(23px,2.15vw,32px)!important;line-height:1.45
}
.content--dashboard>.growth-hero p{margin:0 0 16px!important;line-height:1.9}
.content--dashboard>.growth-hero .growth-orbit{
    position:relative;display:grid!important;grid-template-columns:1fr;gap:7px;
    min-height:0!important;padding:13px;border:1px solid rgba(255,255,255,.16);
    border-radius:18px;background:rgba(11,12,36,.2);backdrop-filter:blur(12px);
    transform:none!important
}
.content--dashboard>.growth-hero .growth-orbit__ring{display:none}
.content--dashboard>.growth-hero .growth-orbit__core{
    position:static;display:flex;align-items:center;justify-content:space-between;
    width:100%;height:auto;min-height:48px;padding:8px 12px;border:0;border-radius:13px;
    font-size:18px;transform:none!important
}
.content--dashboard>.growth-hero .growth-orbit__core small{
    font-size:10px;font-weight:900
}
.content--dashboard>.growth-hero .growth-orbit__chip{
    position:static;display:flex;align-items:center;min-height:35px;padding:7px 10px;
    color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;
    border-radius:11px;background:rgba(8,9,30,.38)!important;font-size:9px
}
.content--dashboard>.growth-hero .growth-orbit__chip::before{
    display:grid;place-items:center;width:22px;height:22px;margin-left:8px;
    color:#202230;background:#c7ff54;border-radius:7px;font-size:8px;font-weight:950
}
.content--dashboard>.growth-hero .growth-orbit__chip--one::before{content:"۱"}
.content--dashboard>.growth-hero .growth-orbit__chip--two::before{content:"۲"}
.content--dashboard>.growth-hero .growth-orbit__chip--three::before{content:"۳"}
@media(max-width:1050px){
    .content--dashboard>.growth-hero{grid-template-columns:minmax(0,1fr) 225px!important}
}
@media(max-width:900px){
    .content--dashboard>.growth-hero{grid-template-columns:1fr!important;min-height:0!important}
    .content--dashboard>.growth-hero .growth-orbit{display:none!important}
}

/* Responsive point-to-point sales chart: one glance, no horizontal scrolling. */
.content--dashboard .sales-trend-panel{overflow:hidden}
.content--dashboard .sales-trend-panel{
    height:auto!important;max-height:none!important;min-height:440px;
    padding-bottom:20px!important
}
.content--dashboard .sales-trend-panel>.chart-switcher{min-height:0}
.content--dashboard .sales-trend-panel .metric-chart{min-height:262px}
.content--dashboard .metric-chart{
    width:100%;max-width:100%;overflow:hidden!important;padding:3px 0 0
}
.content--dashboard .metric-chart__plot{
    position:relative;display:flex;width:100%;min-width:0!important;height:258px!important;
    padding:24px 8px 31px!important;overflow:visible
}
.content--dashboard .metric-point{
    flex:1 1 0;min-width:0!important;height:100%;overflow:visible
}
.content--dashboard .metric-point__bar{
    right:calc(50% - 5px)!important;bottom:calc(var(--metric-height) - 5px)!important;
    width:10px!important;height:10px!important;min-height:10px!important;
    border:3px solid var(--surface)!important;border-radius:50%!important;
    background:var(--primary)!important;box-shadow:0 0 0 2px var(--primary),0 6px 15px rgba(36,40,255,.22)!important;
    transform:none!important;animation:pointReveal .55s var(--ease) both
}
.content--dashboard .metric-chart--orders .metric-point__bar{
    right:calc(50% - 5px)!important;background:var(--blue)!important;
    box-shadow:0 0 0 2px var(--blue),0 6px 15px color-mix(in srgb,var(--blue) 25%,transparent)!important
}
.content--dashboard .metric-chart--orders .metric-point__bar::after{display:none}
.content--dashboard .metric-chart--growth .metric-point__bar{
    top:auto!important;bottom:calc(50% + var(--metric-height) - 5px)!important;background:#20a977!important;
    box-shadow:0 0 0 2px #20a977,0 6px 15px rgba(32,169,119,.18)!important
}
.content--dashboard .metric-chart--growth .metric-point.is-negative .metric-point__bar{
    top:auto!important;bottom:calc(50% - var(--metric-height) - 5px)!important;background:var(--danger)!important;
    box-shadow:0 0 0 2px var(--danger),0 6px 15px color-mix(in srgb,var(--danger) 24%,transparent)!important
}
.content--dashboard .metric-chart--growth .metric-point.is-flat .metric-point__bar{
    top:auto!important;bottom:calc(50% - 5px)!important;background:var(--muted)!important;
    box-shadow:0 0 0 2px var(--muted)!important
}
.content--dashboard .metric-point__value{
    right:50%;bottom:calc(var(--metric-height) + 9px)!important;
    max-width:64px;overflow:hidden;text-overflow:ellipsis;
    font-size:clamp(6px,.55vw,8px)!important
}
.content--dashboard .metric-chart--growth .metric-point__value{
    top:auto!important;bottom:calc(50% + var(--metric-height) + 9px)!important
}
.content--dashboard .metric-chart--growth .metric-point.is-negative .metric-point__value{
    top:calc(50% + var(--metric-height) + 9px)!important;bottom:auto!important
}
.content--dashboard .metric-chart--growth .metric-point.is-flat .metric-point__value{
    top:auto!important;bottom:calc(50% + 9px)!important
}
.content--dashboard .metric-point>small{
    max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(6px,.52vw,8px)
}
.content--dashboard .chart-curve-layer{
    z-index:2;inset:24px 8px 31px;width:calc(100% - 16px);height:calc(100% - 55px)
}
.content--dashboard .chart-curve-layer .chart-line{
    stroke-width:2.5!important;stroke-linejoin:round;stroke-linecap:round
}
.content--dashboard .metric-chart--orders .chart-curve-layer .chart-line{stroke:var(--blue)!important}
.content--dashboard .metric-chart--growth .chart-curve-layer .chart-line{stroke:#20a977!important}
.content--dashboard .metric-chart--growth .chart-curve-layer .chart-area{display:none}
@keyframes pointReveal{from{opacity:0;scale:.35}to{opacity:1;scale:1}}
@media(max-width:700px){
    .content--dashboard .metric-chart__plot{height:220px!important;padding-inline:3px!important}
    .content--dashboard .chart-curve-layer{inset-inline:3px;width:calc(100% - 6px)}
    .content--dashboard .metric-point__value{display:none}
    .content--dashboard .metric-point__bar{width:8px!important;height:8px!important;min-height:8px!important;right:calc(50% - 4px)!important}
}
@media(prefers-reduced-motion:reduce){
    .content--dashboard .metric-point__bar{animation:none}
}

/* Latest orders: compact data list instead of oversized cards. */
.content--dashboard>.order-showcase{padding:15px 16px!important}
.order-showcase__headings,
.order-showcase__grid .order-tile{
    display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(115px,.8fr) minmax(100px,.65fr) minmax(125px,.85fr) minmax(145px,1fr) 30px;
    align-items:center;gap:12px
}
.order-showcase__headings{
    min-height:32px;padding:0 11px;color:var(--muted);font-size:9px;font-weight:750
}
.order-showcase__grid{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;
    overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)
}
.order-showcase__grid .order-tile{
    position:relative;min-height:61px;padding:8px 11px!important;color:var(--text);
    border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;transition:background .18s,color .18s
}
.order-showcase__grid .order-tile:last-of-type{border-bottom:0!important}
.order-showcase__grid .order-tile::before{display:none!important}
.order-showcase__grid .order-tile:hover{
    color:var(--text);background:var(--surface-2)!important;transform:none!important
}
.order-tile__identity{display:flex;align-items:center;min-width:0;gap:9px}
.order-tile__identity>span:last-child{min-width:0}
.order-tile__identity strong,.order-tile__identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-tile__identity strong{font-size:10px}.order-tile__identity small{margin-top:3px;color:var(--muted);font-size:8px}
.order-showcase__grid .order-tile__icon{
    display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:8px;
    color:var(--primary);background:var(--primary-soft);border-radius:10px
}
.order-tile__customer,.order-tile__amount{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.order-tile__amount{font-size:11px}
.order-tile__time{direction:ltr;color:var(--muted);font-size:9px;text-align:right;white-space:nowrap}
.order-showcase__grid .order-tile>.badge{justify-self:start;white-space:nowrap}
.order-tile__arrow{
    display:grid;place-items:center;width:28px;height:28px;color:var(--muted);
    border:1px solid var(--line);border-radius:9px;background:var(--surface-2);transition:.18s
}
.order-tile:hover .order-tile__arrow{color:#fff;border-color:var(--primary);background:var(--primary)}
:root[data-theme="dark"] .order-showcase__grid{background:#09090c;border-color:#1b1b22}
@media(max-width:900px){
    .order-showcase__headings,.order-showcase__grid .order-tile{
        grid-template-columns:minmax(180px,1.25fr) minmax(105px,.75fr) minmax(95px,.65fr) minmax(120px,.8fr) 30px
    }
    .order-showcase__headings>span:nth-child(2),.order-tile__customer{display:none}
}
@media(max-width:650px){
    .order-showcase__headings{display:none}
    .order-showcase__grid .order-tile{
        grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;min-height:88px;padding:10px!important
    }
    .order-tile__identity{grid-column:1;grid-row:1}.order-tile__arrow{grid-column:2;grid-row:1}
    .order-showcase__grid .order-tile>.badge{grid-column:2;grid-row:2}
    .order-tile__amount{grid-column:1;grid-row:2}
    .order-tile__time{grid-column:1/-1;grid-row:3;font-size:8px}
}

/* Account lives at the bottom of the sidebar; support is a compact header action. */
.sidebar-profile--footer{
    flex:0 0 auto;margin:auto 0 0!important
}
.topbar-support{
    position:relative;display:grid!important;place-items:center;flex:0 0 40px;
    width:40px;height:40px;padding:10px;text-decoration:none
}
.topbar-support>.nav__icon{
    display:block;width:20px;height:20px;padding:0!important;color:inherit;background:transparent!important;border:0!important
}
.topbar-support>.nav__icon svg{display:block;width:100%;height:100%}
.topbar-support__count{
    position:absolute;top:-4px;left:-4px;display:grid;place-items:center;min-width:18px;height:18px;
    padding:0 4px;color:#fff;background:var(--danger);border:2px solid var(--surface);border-radius:20px;
    font-size:7px;font-style:normal;font-weight:900
}
:root.sidebar-collapsed .sidebar-profile--footer{
    justify-content:center;margin:auto 4px 0!important;padding:7px 0!important
}
@media(max-width:850px){
    .sidebar-profile--footer{margin:auto 0 0!important}
}

/* Copy-only growth banner: keep the message, remove the decorative journey panel. */
.content--dashboard>.growth-hero--copy-only{
    display:block;grid-column:1/-1!important;order:4!important;
    min-height:0!important;padding:24px 28px!important
}
.content--dashboard>.growth-hero--copy-only .growth-hero__copy{width:100%;max-width:920px}
.content--dashboard>.growth-hero--copy-only h2{max-width:none!important}
.content--dashboard>.stats-grid{
    grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    order:5!important;margin:0!important
}
@media(max-width:760px){
    .content--dashboard>.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Official Ganjine brand mark */
.brand__mark,.guest-shell .brand__mark{
    display:grid;place-items:center;overflow:hidden;padding:0!important;color:transparent!important;
    border:0!important;border-radius:14px!important;background:#7567f2!important;
    box-shadow:0 8px 22px rgba(20,20,24,.12)!important
}
.brand__mark::after{display:none!important}
.brand__mark>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;flex:none}
.lp-brand>span{
    display:grid;place-items:center;overflow:hidden;padding:0;border:0!important;
    background:#7567f2!important;box-shadow:0 8px 22px rgba(20,20,24,.1)!important
}
.lp-brand>span>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}

/* Unified navigation arrows: larger, heavier and visually quiet. */
:root{
    --ganjine-arrow-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --catalog-thumb-text:#252630;--catalog-thumb-bg:#f0f1f5;--catalog-thumb-line:#e0e2e9;
    --catalog-accent-text:#2024d8
}
:root[data-theme="dark"]{
    --catalog-thumb-text:#f5f5f8;--catalog-thumb-bg:#20222c;--catalog-thumb-line:#353845;
    --catalog-accent-text:#8b8eff
}
.order-tile__arrow,
.automation-flow>i,
.channel-path>i,
.command-item>b,
.growth-hero__actions .button>b,
.order-showcase>header>a>b,
.lp-button>span,
.lp-button>b{
    font-size:0!important;font-style:normal;line-height:0
}
.order-tile__arrow::before,
.automation-flow>i::before,
.channel-path>i::before,
.command-item>b::before,
.growth-hero__actions .button>b::before,
.order-showcase>header>a>b::before,
.lp-button>span::before,
.lp-button>b::before,
.panel__header>a::after{
    content:"";display:block;width:20px;height:20px;flex:0 0 20px;background:currentColor;
    -webkit-mask:var(--ganjine-arrow-left) center/contain no-repeat;
    mask:var(--ganjine-arrow-left) center/contain no-repeat
}
.order-tile__arrow{
    width:36px;height:36px;color:var(--muted);border:0;border-radius:11px;background:transparent
}
.order-tile:hover .order-tile__arrow{
    color:var(--primary);border-color:transparent;background:var(--primary-soft)
}
.panel__header>a{gap:8px}
.panel__header>a>b{display:none}
.automation-flow>i::before{width:19px;height:19px}
.channel-path>i::before{width:17px;height:17px}
.command-item>b::before{width:19px;height:19px}
.growth-hero__actions .button>b,.order-showcase>header>a>b{margin-right:8px}
.lp-button>span,.lp-button>b{display:inline-grid;place-items:center}
@media(max-width:650px){.order-tile__arrow{width:34px;height:34px}}

/* Catalog contrast: never inherit light text onto a light thumbnail. */
.product-thumb,.favorite-product__image,.supply-product>span{
    color:var(--catalog-thumb-text)!important;background:var(--catalog-thumb-bg)!important;
    border:1px solid var(--catalog-thumb-line)!important;font-weight:800
}
.products-table .variation-count,.product-variants-drawer summary{color:var(--catalog-accent-text)}
.product-variants-drawer summary small{color:var(--muted)}