/* Commerce OneUI Premium v42 — global system */
:root{
 --one-bg:#06090e;--one-bg-2:#080d13;--one-surface:#0a1017;--one-surface-2:#0d151e;
 --one-surface-3:#101a25;--one-line:rgba(155,183,208,.11);--one-line-strong:rgba(155,183,208,.19);
 --one-text:#f3f7fb;--one-muted:#8293a5;--one-subtle:#657789;--one-accent:#2797ff;
 --one-good:#5bd9ae;--one-bad:#ff838e;--one-warn:#e8bd69;--one-radius:20px;--one-radius-sm:13px;
}
body[data-module]{--module-accent:#2797ff;background:radial-gradient(circle at 72% -12%,rgba(31,111,184,.09),transparent 28%),linear-gradient(180deg,var(--one-bg),#070b10 58%,#05080c)!important;color:var(--one-text)!important}
body[data-module="pos"],body[data-module="sales"]{--module-accent:#2797ff}
body[data-module="inventory"],body[data-module="purchases"]{--module-accent:#58bfff}
body[data-module="customers"],body[data-module="suppliers"]{--module-accent:#8db9ff}
body[data-module="accounting"],body[data-module="reports"]{--module-accent:#61d9ad}
body[data-module="guides"],body[data-module="ecommerce"]{--module-accent:#58cfd4}
body[data-module="automations"],body[data-module="extras"],body[data-module="marketplace"],body[data-module="plans"]{--module-accent:#9d8cff}
body[data-module="settings"],body[data-module="help"],body[data-module="readiness"],body[data-module="observability"],body[data-module="exceptions"]{--module-accent:#8fa9bf}

/* Global shell */
@media(min-width:921px){
 body[data-module] main{margin-left:232px!important;padding:28px 34px 86px!important;max-width:none!important}
 body[data-module] .classicTop{position:fixed!important;left:0!important;top:0!important;width:232px!important;height:164px!important;padding:20px 16px 14px!important;background:#080d14!important;border-right:1px solid var(--one-line)!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important}
 body[data-module] .classicBrand img{width:146px!important;max-width:100%!important}
 body[data-module] .classicCopy{margin-top:10px!important}
 body[data-module] .classicCopy .eyebrow{font-size:9px!important;letter-spacing:.14em!important;color:#617487!important}
 body[data-module] .classicActions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:13px!important}
 body[data-module] .classicActions a,body[data-module] .classicActions .badge{display:none!important}
 body[data-module] #openCommand{display:block!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border-radius:12px!important;background:#0d1825!important;border:1px solid rgba(117,160,199,.20)!important;color:#dbe5ee!important;font-size:11px!important;text-align:left!important}
 body[data-module] .sidebarToggle{display:block!important;width:100%!important;min-height:38px!important;padding:8px 11px!important;border-radius:11px!important;background:transparent!important;border:1px solid rgba(117,160,199,.12)!important;color:#718498!important;font-size:9px!important;text-align:left!important}
 body[data-module] .nav{position:fixed!important;left:0!important;top:164px!important;bottom:0!important;width:232px!important;z-index:60!important;display:grid!important;align-content:start!important;gap:3px!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:14px 12px 24px!important;border:0!important;border-right:1px solid var(--one-line)!important;border-radius:0!important;background:#080d14!important;backdrop-filter:none!important}
 body[data-module] .navGroup{margin:17px 10px 6px!important;color:#4e6072!important;font-size:8px!important;letter-spacing:.16em!important}
 body[data-module] .nav a{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:9px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#8799aa!important;font-size:11px!important;font-weight:720!important;box-shadow:none!important}
 body[data-module] .nav a:hover{background:#0e1721!important;color:#dbe5ed!important;border:0!important;box-shadow:none!important}
 body[data-module] .nav a.active{background:#101c28!important;color:#f5f8fb!important;border:0!important;box-shadow:inset 3px 0 var(--module-accent)!important}
 body[data-module] .navIcon{display:inline-grid!important;place-items:center!important;width:26px!important;height:26px!important;flex:0 0 26px!important;border-radius:8px!important;background:#0c1a27!important;color:color-mix(in srgb,var(--module-accent) 82%,#b8d8f5)!important;font-size:12px!important}
}
body[data-module] #content{max-width:1560px;margin-left:auto;margin-right:auto}
body[data-module] .contextBar{margin:0 0 14px!important;min-height:52px!important;padding:7px 9px!important;border:1px solid var(--one-line)!important;border-radius:16px!important;background:rgba(10,16,24,.84)!important;box-shadow:none!important;backdrop-filter:blur(18px) saturate(1.08)!important}
body[data-module] .contextItem{border:1px solid rgba(155,183,208,.10)!important;border-radius:11px!important;background:#0b141d!important;color:#8fa1b3!important}
body[data-module] .contextAction{border-color:rgba(155,183,208,.13)!important;background:transparent!important;color:#91a5b7!important;box-shadow:none!important}
body[data-module] .contextDot{box-shadow:none!important}

/* Module intro */
body[data-module]:not([data-module="dashboard"]) .moduleHero{display:block!important;position:relative!important;min-height:0!important;margin:0 0 14px!important;padding:0!important;border:1px solid var(--one-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#0c141d,#080d13)!important;box-shadow:0 16px 52px rgba(0,0,0,.20)!important;overflow:hidden!important}
body[data-module]:not([data-module="dashboard"]) .moduleHero:after{content:"";position:absolute!important;display:block!important;right:-105px!important;top:-160px!important;width:360px!important;height:360px!important;border-radius:50%!important;background:radial-gradient(circle,color-mix(in srgb,var(--module-accent) 17%,transparent),transparent 68%)!important;pointer-events:none!important}
body[data-module]:not([data-module="dashboard"]) .moduleHeroShade,body[data-module]:not([data-module="dashboard"]) .heroArt,body[data-module]:not([data-module="dashboard"]) .moduleHeroBg{display:none!important}
body[data-module]:not([data-module="dashboard"]) .moduleHeroContent{position:relative!important;z-index:1!important;display:block!important;min-height:0!important;padding:24px 26px 22px!important}
body[data-module]:not([data-module="dashboard"]) .moduleBreadcrumb{margin-bottom:8px!important;font-size:9px!important;color:#63788d!important}
body[data-module]:not([data-module="dashboard"]) .moduleBreadcrumb a{color:#829bb1!important}
body[data-module]:not([data-module="dashboard"]) .moduleHero .eyebrow{font-size:8px!important;letter-spacing:.17em!important;color:var(--module-accent)!important}
body[data-module]:not([data-module="dashboard"]) .moduleHero h1{margin:7px 0 5px!important;font-size:clamp(30px,3vw,43px)!important;line-height:1!important;letter-spacing:-.045em!important;color:#f4f8fb!important}
body[data-module]:not([data-module="dashboard"]) .moduleHero p{max-width:740px!important;margin:0!important;font-size:12px!important;line-height:1.55!important;color:#8394a6!important}
body[data-module]:not([data-module="dashboard"]) .heroKicker{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:13px!important}
body[data-module]:not([data-module="dashboard"]) .heroKicker span{padding:5px 8px!important;border:1px solid rgba(155,183,208,.10)!important;border-radius:999px!important;background:rgba(255,255,255,.018)!important;color:#8599ab!important;font-size:8px!important}
body[data-module]:not([data-module="dashboard"]) .moduleHelpLink{min-height:30px!important;margin-top:12px!important;padding:5px 9px!important;border-color:color-mix(in srgb,var(--module-accent) 34%,transparent)!important;background:color-mix(in srgb,var(--module-accent) 7%,transparent)!important;color:color-mix(in srgb,var(--module-accent) 65%,#dcecff)!important;font-size:8px!important}

/* Universal surfaces */
body[data-module] .card,
body[data-module] .dataCard,
body[data-module] .catalogCard,
body[data-module] .cartPanel,
body[data-module] .sideHelp,
body[data-module] .executiveSummary,
body[data-module] .decisionCenter,
body[data-module] .financeAssistant,
body[data-module] .statementCard,
body[data-module] .financialHealth,
body[data-module] .settingsStatusCard,
body[data-module] .helpIntro,
body[data-module] .helpTopic,
body[data-module] .marketAddon,
body[data-module] .marketplaceNotice,
body[data-module] .marketBalanceCard,
body[data-module] .addonHubCard,
body[data-module] .addonRuntimeBanner,
body[data-module] .flowCard,
body[data-module] .kanbanCol,
body[data-module] .kanbanCard,
body[data-module] .insightCard,
body[data-module] .nuvuCard{
 border:1px solid var(--one-line)!important;
 background:var(--one-surface)!important;
 border-radius:var(--one-radius)!important;
 box-shadow:0 16px 48px rgba(0,0,0,.18)!important;
}
body[data-module] .card{padding:20px!important;margin-top:14px!important}
body[data-module] .dataCard{padding:0!important;overflow:hidden!important}
body[data-module] .dataCardHead{min-height:58px!important;padding:13px 15px!important;border-bottom:1px solid var(--one-line)!important;background:#0b121a!important}
body[data-module] .dataCardHead strong{font-size:13px!important;color:#e9f0f6!important}
body[data-module] .pageHeader{margin-bottom:12px!important}
body[data-module] .pageHeader h2{font-size:17px!important;letter-spacing:-.015em!important;color:#eaf1f6!important}
body[data-module] .pageHeader p{margin-top:4px!important;color:#748699!important;font-size:10px!important;line-height:1.45!important}
body[data-module] .sideHelp{padding:18px!important;color:#cbd7e1!important}
body[data-module] .sideHelp h3{font-size:14px!important;margin-bottom:8px!important}
body[data-module] .sideHelp p,body[data-module] .sideHelp li{color:#7f91a3!important;font-size:10px!important;line-height:1.55!important}

/* Summary/KPI system */
body[data-module] .moduleSummary{gap:9px!important;margin:0 0 14px!important}
body[data-module] .summaryCard,body[data-module] .kpi,body[data-module] .executiveKpi,body[data-module] .executiveMini{
 border:1px solid var(--one-line)!important;
 background:#0c141d!important;
 border-radius:16px!important;
 box-shadow:none!important;
}
body[data-module] .summaryCard{min-height:92px!important;padding:13px 14px!important}
body[data-module] .summaryCard span,body[data-module] .kpi span{color:#687b8e!important;font-size:8px!important;letter-spacing:.11em!important}
body[data-module] .summaryCard strong,body[data-module] .kpi strong{margin-top:7px!important;color:#eef4f8!important;font-size:22px!important;letter-spacing:-.035em!important}
body[data-module] .summaryCard small,body[data-module] .kpi small{color:#65788b!important;font-size:8px!important;line-height:1.4!important}
body[data-module] .ok{color:var(--one-good)!important}
body[data-module] .bad{color:var(--one-bad)!important}

/* Controls */
body[data-module] .primary{background:#f2f6fa!important;color:#08111a!important;border:1px solid #f2f6fa!important;box-shadow:none!important}
body[data-module] .primary:hover{background:#fff!important}
body[data-module] .secondary,body[data-module] .btn.secondary{background:#101922!important;color:#a9b9c8!important;border:1px solid rgba(154,184,211,.15)!important;box-shadow:none!important}
body[data-module] .secondary:hover,body[data-module] .btn.secondary:hover{background:#131e29!important;color:#dce6ee!important;border-color:rgba(154,184,211,.24)!important}
body[data-module] button,body[data-module] .btn{border-radius:11px!important;font-size:10px!important}
body[data-module] input,body[data-module] select,body[data-module] textarea{
 border:1px solid rgba(154,184,211,.15)!important;
 border-radius:11px!important;
 background:#080f16!important;
 color:#edf3f8!important;
 box-shadow:none!important;
}
body[data-module] input:focus,body[data-module] select:focus,body[data-module] textarea:focus{border-color:color-mix(in srgb,var(--module-accent) 62%,#7a8c9d)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--module-accent) 10%,transparent)!important}
body[data-module] label{color:#8395a7!important;font-size:10px!important}
body[data-module] .chip,body[data-module] .statusPill{border-color:rgba(154,184,211,.13)!important;background:#0d1721!important;color:#8da2b5!important}

/* Tables / grids */
body[data-module] .filterBar{padding:11px 13px!important;border-bottom:1px solid var(--one-line)!important;background:#090f16!important}
body[data-module] .tableWrap{border:1px solid var(--one-line)!important;border-radius:15px!important;background:#080e14!important;box-shadow:none!important}
body[data-module] .tableWrap thead th{background:#0b131b!important;color:#667b8e!important;border-bottom:1px solid var(--one-line)!important;font-size:8px!important;letter-spacing:.11em!important}
body[data-module] .tableWrap td{color:#cfd9e2!important;border-bottom:1px solid rgba(154,184,211,.07)!important}
body[data-module] .tableWrap tbody tr:hover td{background:#0d151e!important}
body[data-module] .dataGridToolbar{margin:0 0 9px!important}
body[data-module] .gridColumns summary{background:#0f1821!important;border-color:rgba(154,184,211,.15)!important;color:#8fa3b5!important}
body[data-module] .gridColumnsPanel{border-color:var(--one-line-strong)!important;background:#0a1118!important}

/* Operational modules */
body[data-module="pos"] .moduleHero,body[data-module="inventory"] .moduleHero,body[data-module="purchases"] .moduleHero{border-left:2px solid color-mix(in srgb,var(--module-accent) 70%,transparent)!important}
body[data-module="pos"] .retailOpsBar>div,body[data-module="inventory"] .insightCard,body[data-module="purchases"] .nuvuPurchaseItem{
 border:1px solid var(--one-line)!important;background:#0b131c!important;border-radius:15px!important;box-shadow:none!important
}
body[data-module="pos"] .retailOpsBar{gap:9px!important}
body[data-module="pos"] .catalogCard,body[data-module="pos"] .cartPanel{border-radius:22px!important}
body[data-module="pos"] .posTile{border:1px solid var(--one-line)!important;background:#0c141d!important;border-radius:16px!important;box-shadow:none!important}
body[data-module="pos"] .posTile:hover{border-color:color-mix(in srgb,var(--module-accent) 34%,var(--one-line))!important;background:#0e1822!important}
body[data-module="pos"] .posVisual{background:#101e2b!important;color:var(--module-accent)!important}
body[data-module="inventory"] .inventoryPanel,body[data-module="purchases"] .kanbanCol{box-shadow:none!important}
body[data-module="inventory"] .insightGrid{gap:9px!important}

/* Relationship modules */
body[data-module="customers"] .dataCard,body[data-module="suppliers"] .dataCard{border-top:2px solid color-mix(in srgb,var(--module-accent) 45%,transparent)!important}
body[data-module="customers"] .customer360Grid>*{border:1px solid var(--one-line)!important;background:#0b141d!important;border-radius:15px!important}

/* Finance + analytics */
body[data-module="accounting"] .financeAssistant,
body[data-module="accounting"] .statementCard,
body[data-module="accounting"] .financialHealth,
body[data-module="reports"] .decisionCenter{
 background:#0a1216!important;border-color:rgba(112,205,168,.12)!important
}
body[data-module="accounting"] .financeTab.active{background:color-mix(in srgb,var(--module-accent) 18%,#0b1518)!important;border-color:color-mix(in srgb,var(--module-accent) 35%,transparent)!important;color:#dff9ef!important}
body[data-module="accounting"] .statementLine,body[data-module="accounting"] .closeCheck{border-bottom-color:rgba(120,190,162,.09)!important}
body[data-module="accounting"] .bankCard,body[data-module="accounting"] .budgetCard,body[data-module="accounting"] .agingBox,body[data-module="accounting"] .ratioCard,body[data-module="accounting"] .healthExplain{
 border:1px solid var(--one-line)!important;background:#0b1419!important;border-radius:14px!important;box-shadow:none!important
}
body[data-module="reports"] .miniBarTrack,body[data-module="accounting"] .financeBarTrack{background:#070d11!important;border-color:rgba(154,184,211,.08)!important}
body[data-module="reports"] .miniBarFill,body[data-module="accounting"] .financeBarFill{background:linear-gradient(90deg,color-mix(in srgb,var(--module-accent) 75%,#2b7dd0),var(--module-accent))!important;box-shadow:none!important}

/* Logistics + omnichannel */
body[data-module="guides"] .moduleHero,body[data-module="ecommerce"] .moduleHero{border-left:2px solid color-mix(in srgb,var(--module-accent) 70%,transparent)!important}
body[data-module="ecommerce"] .kanbanCol,body[data-module="ecommerce"] .kanbanCard{background:#0a131a!important;border-color:rgba(92,201,205,.11)!important}

/* Intelligence / system / commercial */
body[data-module="automations"] .flowCard,body[data-module="extras"] .addonHubCard,body[data-module="marketplace"] .marketAddon,body[data-module="plans"] .planPremium{
 background:#0c121b!important;border:1px solid rgba(170,155,221,.12)!important;border-radius:18px!important;box-shadow:none!important
}
body[data-module="marketplace"] .marketAddon.active,body[data-module="extras"] .addonHubCardActive{border-color:color-mix(in srgb,var(--module-accent) 38%,transparent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent) 12%,transparent)!important}
body[data-module="marketplace"] .marketFilter.active{background:color-mix(in srgb,var(--module-accent) 18%,#0e1520)!important;border-color:color-mix(in srgb,var(--module-accent) 35%,transparent)!important;color:#ece8ff!important}
body[data-module="settings"] .settingsTab{border-color:var(--one-line)!important;background:#0b131c!important;border-radius:13px!important}
body[data-module="settings"] .settingsTab.active{background:#111b25!important;border-color:rgba(154,184,211,.20)!important}
body[data-module="help"] .helpSidebar,body[data-module="help"] .helpTerm{border-color:var(--one-line)!important;background:#0a1118!important;box-shadow:none!important}.contextualHelpSidebar h3{margin:7px 0 5px!important;font-size:19px!important}.contextualHelpSidebar>p{margin:0 0 13px!important;color:#778b9e!important;font-size:10px!important;line-height:1.5!important}.contextualHelpScope{display:grid;gap:3px;margin:10px 0 12px;padding:10px 11px;border:1px solid var(--one-line);border-radius:12px;background:#0c151e}.contextualHelpScope span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#65798c}.contextualHelpScope strong{font-size:11px;color:#e3ebf2}.contextualHelpSidebar>.btn{width:100%;justify-content:flex-start!important}.contextualHelpIntro{min-height:0!important}.contextualHelpIntro h2{font-size:25px!important}.contextualHelpShell .helpSection{margin-top:12px!important}@media(max-width:980px){.contextualHelpSidebar{position:static!important}.contextualHelpSidebar>.btn{width:auto}}
body[data-module="help"] .helpTopic[open]{border-color:var(--one-line-strong)!important;background:#0c141d!important}

/* Drawers, dialogs, sheets */
body[data-module] .actionDialog,body[data-module] .commandDialog,body[data-module] .editorDrawer,body[data-module] .activityDrawer,body[data-module] .mobileMoreSheet{
 border-color:var(--one-line-strong)!important;
 background:rgba(8,14,21,.98)!important;
 color:#edf3f8!important;
 box-shadow:0 34px 100px rgba(0,0,0,.56)!important;
}
body[data-module] .actionDialogHead,body[data-module] .drawerHead,body[data-module] .activityHead{background:rgba(10,17,25,.96)!important;border-color:var(--one-line)!important}
body[data-module] .actionDialog::backdrop,body[data-module] .commandDialog::backdrop{background:rgba(1,4,7,.72)!important;backdrop-filter:blur(8px)!important}

/* Empty/help states */
body[data-module] .empty,body[data-module] .emptyPremium{border-color:rgba(154,184,211,.11)!important;background:#090f15!important;color:#718497!important}
body[data-module] .helpStrip,body[data-module] .panelHint{border-color:var(--one-line)!important;background:#0a1219!important;border-radius:15px!important}
body[data-module] .helpStrip span,body[data-module] .panelHint span{color:#74879a!important}

/* Mobile OneUI */
@media(max-width:920px){
 body[data-module] main{margin:0!important;padding:0 10px calc(88px + env(safe-area-inset-bottom))!important;max-width:100vw!important}
 body[data-module] .classicTop{position:sticky!important;top:0!important;z-index:70!important;height:64px!important;min-height:64px!important;width:auto!important;padding:9px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(7,12,18,.94)!important;border:0!important;border-bottom:1px solid var(--one-line)!important;box-shadow:0 10px 28px rgba(0,0,0,.25)!important;backdrop-filter:blur(22px) saturate(1.12)!important}
 body[data-module] .classicBrand img{width:124px!important}
 body[data-module] .classicCopy,body[data-module] .nav,body[data-module] .classicActions .badge,body[data-module] .classicActions a,body[data-module] .sidebarToggle{display:none!important}
 body[data-module] .classicActions{display:flex!important;margin:0!important}
 body[data-module] #openCommand{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:13px!important;background:#0e1822!important;border:1px solid var(--one-line-strong)!important;font-size:0!important}
 body[data-module] #openCommand:after{content:"⌕";font-size:18px!important;color:#94b9d6}
 body[data-module]:not([data-module="dashboard"]) .moduleHero{margin:10px 0 10px!important;border-radius:20px!important}
 body[data-module]:not([data-module="dashboard"]) .moduleHeroContent{padding:17px 17px 16px!important}
 body[data-module]:not([data-module="dashboard"]) .moduleHero h1{font-size:27px!important;max-width:94%!important}
 body[data-module]:not([data-module="dashboard"]) .moduleHero p{font-size:10px!important;max-width:92%!important}
 body[data-module]:not([data-module="dashboard"]) .heroKicker{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
 body[data-module]:not([data-module="dashboard"]) .heroKicker span{flex:0 0 auto!important}
 body[data-module] .contextBar{position:sticky!important;top:68px!important;z-index:30!important;margin:6px 0 10px!important;min-height:50px!important;padding:6px!important;border-radius:16px!important;background:rgba(8,14,21,.92)!important}
 body[data-module] .contextBarGroup:first-child .contextItem:nth-child(n+2){display:none!important}
 body[data-module] .contextBarGroup:first-child{min-width:0!important;overflow:hidden!important}
 body[data-module] .contextBarGroup:last-child{margin-left:auto!important}
 body[data-module] #contextHelp{display:none!important}
 body[data-module] .card{padding:14px!important;border-radius:18px!important;margin-top:10px!important}
 body[data-module] .dataCard{padding:0!important}
 body[data-module] .dataCardHead{min-height:54px!important;padding:11px!important;gap:7px!important;flex-wrap:wrap!important}
 body[data-module] .dataCardHead strong{width:100%!important}
 body[data-module] .moduleSummary{grid-template-columns:1fr 1fr!important;gap:8px!important}
 body[data-module] .summaryCard{min-height:82px!important;padding:11px!important;border-radius:15px!important}
 body[data-module] .summaryCard strong{font-size:18px!important}
 body[data-module] .filterBar{position:sticky!important;top:122px!important;z-index:10!important;padding:9px!important;background:rgba(7,12,18,.94)!important;backdrop-filter:blur(16px)!important}
 body[data-module] .tableWrap{overflow:visible!important;border:0!important;background:transparent!important}
 body[data-module] .tableWrap tr{border:1px solid var(--one-line)!important;background:#0a1118!important;border-radius:15px!important;box-shadow:none!important}
 body[data-module] .tableWrap td{border:0!important;background:transparent!important}
 body[data-module] .bottomNav{left:9px!important;right:9px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;height:66px!important;padding:6px!important;border:1px solid var(--one-line-strong)!important;border-radius:21px!important;background:rgba(7,12,18,.94)!important;backdrop-filter:blur(24px) saturate(1.18)!important;box-shadow:0 20px 58px rgba(0,0,0,.46)!important}
 body[data-module] .bottomNav a,body[data-module] .bottomNav button{border-radius:14px!important;color:#8093a6!important}
 body[data-module] .bottomNavIcon{color:#6f9fc3!important}
 body[data-module] .bottomNav a.active,body[data-module] .bottomNav button.active{background:#101c27!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--module-accent) 32%,transparent)!important;color:#f1f6fa!important}
 body[data-module] .bottomNav a.active .bottomNavIcon,body[data-module] .bottomNav button.active .bottomNavIcon{color:var(--module-accent)!important}
 body[data-module] .actionDialog,body[data-module] .commandDialog,body[data-module] .editorDrawer{border-radius:24px 24px 0 0!important;background:rgba(8,14,21,.985)!important}
 body[data-module] .mobileMoreSheet{border-radius:23px!important;background:rgba(8,14,21,.98)!important}
}
@media(max-width:380px){
 body[data-module] .moduleSummary{grid-template-columns:1fr 1fr!important}
 body[data-module] .summaryCard strong{font-size:16px!important}
}
@media(max-width:330px){body[data-module] .moduleSummary{grid-template-columns:1fr!important}}

/* Keep dashboard composition distinct but on same OneUI shell */
body[data-module="dashboard"] #moduleHero{display:none!important}


/* unified-camera-premium-final-v57 */
body[data-module] .commerceCameraButton,.commerceCameraButton,#openScanner.commerceCameraButton,#systemCameraFallback.commerceCameraButton,#createGuides.commerceCameraButton,body[data-guide-stage="capture"] #createGuides.commerceCameraButton,body[data-guide-stage="analyze"] #createGuides.commerceCameraButton{--ai-photo-progress:0%;--camera-progress:0%;position:relative!important;isolation:isolate!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:54px!important;padding:8px 18px 8px 10px!important;border:1px solid rgba(92,223,229,.68)!important;border-radius:18px!important;background:radial-gradient(circle at 18% 0,rgba(87,224,234,.20),transparent 36%),linear-gradient(180deg,#092535,#071621)!important;color:#f3fcff!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 30px rgba(30,188,205,.16)!important;font-weight:900!important;letter-spacing:-.01em!important;text-shadow:none!important;filter:none!important;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease!important}
body[data-module] .commerceCameraButton:before,.commerceCameraButton:before,#openScanner.commerceCameraButton:before,#systemCameraFallback.commerceCameraButton:before,#createGuides.commerceCameraButton:before{content:""!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;border:1px solid rgba(107,237,242,.58)!important;background-color:#0a2b34!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ff5f8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3v10H4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 22px rgba(83,224,232,.15)!important}
body[data-module] .commerceCameraButton:hover,.commerceCameraButton:hover,#openScanner.commerceCameraButton:hover,#systemCameraFallback.commerceCameraButton:hover,#createGuides.commerceCameraButton:hover{border-color:rgba(128,246,250,.88)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 14px 38px rgba(39,205,218,.22)!important;transform:translateY(-1px)!important}
body[data-module] .commerceCameraButton:active,.commerceCameraButton:active,#openScanner.commerceCameraButton:active,#systemCameraFallback.commerceCameraButton:active,#createGuides.commerceCameraButton:active{transform:scale(.985)!important}
body[data-module] .commerceCameraButton.aiPhotoProgress,.commerceCameraButton.aiPhotoProgress,.commerceCameraButton.cameraBusy,#createGuides.commerceCameraButton.photoAnalyzing{background:linear-gradient(90deg,rgba(68,211,222,.28),rgba(89,230,238,.14)) left/var(--ai-photo-progress,var(--camera-progress,0%)) 100% no-repeat,radial-gradient(circle at 18% 0,rgba(87,224,234,.20),transparent 36%),linear-gradient(180deg,#092535,#071621)!important;border-color:rgba(105,235,240,.82)!important;color:#f3fcff!important}
@media(max-width:700px){body[data-module] .commerceCameraButton,.commerceCameraButton,#openScanner.commerceCameraButton,#systemCameraFallback.commerceCameraButton,#createGuides.commerceCameraButton{min-height:64px!important;border-radius:22px!important;padding:10px 18px 10px 12px!important}body[data-module] .commerceCameraButton:before,.commerceCameraButton:before,#openScanner.commerceCameraButton:before,#systemCameraFallback.commerceCameraButton:before,#createGuides.commerceCameraButton:before{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:16px!important}}

@media(max-width:700px){
 body[data-module="inventory"] #inventoryAiPhoto,
 body[data-module="inventory"] #inventoryBatchPhoto,
 body[data-module="inventory"] #openProductDrawer,
 body[data-module="inventory"] #startCount,
 body[data-module="inventory"] #startTransfer{display:none!important}
 body[data-module="inventory"] #exportInventory{margin-left:auto!important}
}

/* No decorative blue rings in Commerce */
body[data-module] .moduleHero:after,body[data-module] .dashboardWelcomeMain:after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}

/* Nuvu contextual help, explainers and guided tours */
.nuvuHelpBox{margin-top:14px;padding:15px;border:1px solid color-mix(in srgb,var(--module-accent) 24%,var(--one-line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent) 6%,#0a1118),#091018)}
.nuvuHelpHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nuvuHelpHead h3{margin:3px 0 4px;font-size:15px}.nuvuHelpHead p{margin:0;color:#75899c;font-size:9px;line-height:1.45}.nuvuHelpBadge{font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--module-accent)}
.nuvuHelpComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:11px}.nuvuHelpComposer input{min-height:44px!important;margin:0!important}.nuvuHelpComposer button{min-width:100px}
.nuvuHelpPrompts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.nuvuHelpPrompt{min-height:30px!important;padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;background:#0d1721!important}
.nuvuHelpAnswer{display:none;margin-top:10px;padding:11px 12px;border:1px solid var(--one-line);border-radius:12px;background:#080f16;color:#b9c8d5;font-size:10px;line-height:1.6;white-space:pre-wrap}.nuvuHelpAnswer.show{display:block}.nuvuHelpAnswer strong{color:#edf4f9}.nuvuHelpAnswer.loading{color:#7f94a7}
.helpLearningBar{display:grid;gap:8px;margin:10px 0}.helpLearningBar strong{font-size:10px}.helpLevelButtons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.helpLevelBtn{min-height:34px!important;padding:6px 8px!important;font-size:8px!important}.helpLevelBtn.active{background:color-mix(in srgb,var(--module-accent) 16%,#0d1721)!important;border-color:color-mix(in srgb,var(--module-accent) 35%,transparent)!important;color:#edf7ff!important}
.helpChecklist{display:grid;gap:5px;margin:10px 0}.helpChecklistRow{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:center;padding:7px 8px;border:1px solid var(--one-line);border-radius:10px;background:#0a1219;color:#8ca0b2;font-size:9px}.helpChecklistRow b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#0e1c29;color:var(--module-accent);font-size:8px}.helpProgressMeter{margin:10px 0 12px;padding:10px 11px;border:1px solid var(--one-line);border-radius:12px;background:#09121a}.helpProgressHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.helpProgressHead span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#687d90}.helpProgressHead strong{font-size:10px;color:#dce6ee}.helpProgressTrack{height:6px;margin-top:7px;border-radius:999px;background:#050a0f;overflow:hidden}.helpProgressFill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--module-accent),#65d8c2);transition:width .25s ease}.helpContextInsight{display:none;margin-top:12px;padding:12px 13px;border:1px solid var(--one-line);border-radius:14px;background:#09121a}.helpContextInsight.show{display:flex;align-items:center;justify-content:space-between;gap:12px}.helpContextInsight.bad{border-color:rgba(255,131,142,.25)}.helpContextInsight.warn{border-color:rgba(232,189,105,.24)}.helpContextCopy strong{display:block;font-size:11px;color:#eef4f8}.helpContextCopy span{display:block;margin-top:4px;color:#758a9c;font-size:9px;line-height:1.45}.helpContextInsight .btn{flex:0 0 auto}.nuvuHelpRelated{display:none;gap:6px;flex-wrap:wrap;margin-top:8px}.nuvuHelpRelated.show{display:flex}.nuvuHelpRelated button{min-height:28px!important;padding:5px 8px!important;border-radius:999px!important;font-size:8px!important}.helpShortcutHint{margin-top:8px;color:#607589;font-size:8px}.helpShortcutHint kbd{display:inline-flex;padding:2px 5px;border:1px solid var(--one-line);border-radius:5px;background:#070d13;color:#91a7ba;font-family:inherit;font-size:8px}
.helpTopic.learned{border-color:rgba(86,211,170,.16)!important}.helpTopicLearned{display:inline-flex;margin-left:6px;padding:2px 5px;border-radius:999px;background:rgba(86,211,170,.08);color:#67d8b1;font-size:7px;font-weight:850}
.helpFeedback{display:flex;align-items:center;gap:6px;margin-top:11px;padding-top:9px;border-top:1px solid var(--one-line)}.helpFeedback span{margin-right:auto;color:#6f8295;font-size:8px}.helpFeedback button{min-height:30px!important;padding:5px 8px!important;font-size:8px!important}
.helpAdvancedOnly{display:none;margin-top:9px;padding:8px 9px;border:1px dashed var(--one-line);border-radius:10px;color:#6e8295;font-size:8px;line-height:1.5}.helpModeAdvanced .helpAdvancedOnly{display:block}
.explainMetricButton{position:absolute!important;right:9px!important;top:9px!important;z-index:4!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;border-radius:999px!important;background:#0d1822!important;border:1px solid rgba(154,184,211,.15)!important;color:#7faad0!important;font-size:10px!important}.explainMetricButton:hover{color:#fff!important;border-color:color-mix(in srgb,var(--module-accent) 38%,transparent)!important}
.summaryCard,.dashboardMetricCard,.executiveKpi,.executiveMini,.kpi,.obsCard,.forecastCard,.exceptionCard{position:relative}
.nuvuExplainDialog{width:min(620px,calc(100vw - 24px));border:1px solid var(--one-line-strong);border-radius:20px;background:#081018;color:#edf4f9;padding:0;box-shadow:0 30px 100px #000a}.nuvuExplainDialog::backdrop{background:#020508c8;backdrop-filter:blur(8px)}.nuvuExplainHead{display:flex;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--one-line)}.nuvuExplainHead h3{margin:3px 0 0}.nuvuExplainBody{padding:16px;color:#aebdcc;font-size:11px;line-height:1.65;white-space:pre-wrap}.nuvuExplainMeta{display:flex;gap:7px;flex-wrap:wrap;margin:0 16px 14px}.nuvuExplainMeta span{padding:5px 7px;border:1px solid var(--one-line);border-radius:999px;color:#71879a;font-size:8px}.nuvuExplainClose{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important}
.commerceTourTarget{position:relative!important;z-index:10002!important;outline:3px solid color-mix(in srgb,var(--module-accent) 76%,#fff)!important;outline-offset:4px!important;box-shadow:0 0 0 9999px rgba(2,5,8,.74),0 0 34px color-mix(in srgb,var(--module-accent) 28%,transparent)!important;border-radius:12px!important}.commerceTourCard{position:fixed;z-index:10004;width:min(380px,calc(100vw - 24px));padding:14px;border:1px solid color-mix(in srgb,var(--module-accent) 35%,var(--one-line));border-radius:17px;background:#09121b;color:#edf4f9;box-shadow:0 26px 90px #000c}.commerceTourStep{font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--module-accent)}.commerceTourCard h3{margin:5px 0 5px;font-size:15px}.commerceTourCard p{margin:0;color:#91a4b6;font-size:10px;line-height:1.5}.commerceTourActions{display:flex;gap:7px;margin-top:12px}.commerceTourActions button{flex:1;min-height:38px!important}.commerceTourExit{background:transparent!important}
.helpFocusPulse{animation:helpFocusPulse 1s ease 2;outline:3px solid color-mix(in srgb,var(--module-accent) 65%,#fff)!important;outline-offset:4px!important}@keyframes helpFocusPulse{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--module-accent) 11%,transparent)}}
.commerceErrorAssist{display:grid;gap:10px;margin-top:12px;padding:11px;border:1px solid var(--one-line);border-radius:12px;background:#09121a}.commerceErrorAssist strong{font-size:10px}.commerceErrorAssist span{color:#788da0;font-size:9px;line-height:1.45}
@media(max-width:700px){.nuvuHelpComposer{grid-template-columns:1fr}.nuvuHelpComposer button{width:100%}.commerceTourCard{left:10px!important;right:10px!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important}.commerceTourTarget{outline-offset:2px!important}.nuvuExplainDialog{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:none;margin:0;border-radius:24px 24px 0 0;border-bottom:0}.helpLevelButtons{grid-template-columns:1fr 1fr}.nuvuHelpPrompts{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.nuvuHelpPrompt{flex:0 0 auto}}


/* Admin/accessibility touch targets v44 */
.moduleBreadcrumb a{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:8px 4px!important}
.moduleHelpLink{min-height:34px!important;padding:8px 11px!important;font-size:10px!important}
.explainMetricButton{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;right:8px!important;top:8px!important;font-size:11px!important}
@media(max-width:920px){.moduleBreadcrumb a,.moduleHelpLink,.explainMetricButton{min-height:44px!important}.explainMetricButton{width:44px!important;height:44px!important;min-width:44px!important}}

body[data-module] .moduleHelpLink{min-height:34px!important;padding:8px 12px!important;font-size:10px!important}
@media(max-width:920px){body[data-module] .moduleHelpLink{min-height:44px!important}}

body[data-module]:not([data-module="dashboard"]) .moduleHelpLink{min-height:34px!important;padding:8px 12px!important;font-size:10px!important}
@media(max-width:920px){body[data-module]:not([data-module="dashboard"]) .moduleHelpLink{min-height:44px!important}}

/* Commerce UI consistency pass v61 */
.pageHeader{align-items:flex-start!important}
.pageHeader>div{min-width:0}
.pageHeader .btn,.pageHeader button{flex:0 0 auto}
.two,.contentSplit,.checkoutLayout,.settingsGrid,.settingsStatusGrid,.profitabilityGrid,.blockerGrid,.readyCheckGrid,.exceptionSummary,.obsGrid,.quotaGrid,.forecastGrid,.dashboardLowerGrid{align-items:start}
.two>*,
.contentSplit>*,
.checkoutLayout>*,
.settingsGrid>*,
.settingsStatusGrid>*,
.profitabilityGrid>*,
.blockerGrid>*,
.readyCheckGrid>*,
.exceptionSummary>*,
.obsGrid>*,
.quotaGrid>*,
.forecastGrid>*,
.dashboardLowerGrid>*{min-width:0}
.card,.dashboardPanel,.settingsStatusCard,.advancedInsight,.blockerCard,.readyCheck,.exceptionCard,.obsCard,.quotaCard,.forecastCard,.flowCard{height:auto;min-height:0;align-self:start}
.dashboardLowerGrid{align-items:start!important}
.dashboardPanel{height:fit-content!important;min-height:0!important;align-self:start!important}
.dashboardQuickList{align-content:start;grid-auto-rows:minmax(74px,auto);gap:9px}
.dashboardQuickLink{min-height:74px!important;padding:12px 14px!important;gap:12px!important}
.dashboardQuickIcon{width:38px!important;height:38px!important;flex:0 0 38px!important;line-height:1}
.dashboardQuickLink>div{min-width:0;display:flex;flex-direction:column;justify-content:center}
.dashboardQuickLink strong{margin:0!important;line-height:1.25!important}
.dashboardQuickLink>div>span{margin-top:4px!important;line-height:1.35!important}
.dashboardSetupDot,.stepNumber,.onboardingStep>b,.helpChecklistRow>b,.navIcon,.activityIcon{display:grid!important;place-items:center!important;line-height:1!important}
.dashboardSetupRow,.stepItem,.onboardingStep,.readyCheck,.settingsStatusLine,.exceptionItem,.activityItem,.obsRoute{align-items:center!important}
.dashboardSetupRow>b,.readyCheck>strong,.settingsStatusLine>strong{line-height:1.2;white-space:nowrap}
.summaryCard,.kpi,.obsCard,.forecastCard,.exceptionCard,.quotaCard{align-self:start}
.moduleSummary,.grid,.productGrid,.plansPremium,.upgradeGuide{align-items:start}
.dataCardHead,.cartHead,.drawerHead,.sectionHead{align-items:center}
@media(max-width:760px){
 .pageHeader{gap:10px!important}
 .dashboardQuickList{grid-template-columns:1fr!important}
 .dashboardQuickLink{min-height:68px!important}
}