/* ======================================================================
   BIMAS ERP — Professional Interface System v2
   Final shared layer for consistent shell, hierarchy, spacing, KPI cards,
   forms, tables, dialogs and responsive behavior across every ERP module.
   ====================================================================== */

:root{
  --erp-accent:#0057ff;
  --erp-accent-deep:#003aab;
  --erp-accent-soft:#eef5ff;
  --erp-accent-rgb:0,87,255;
  --erp-highlight:#f07818;
  --erp-canvas:#f4f7fb;
  --erp-surface:#ffffff;
  --erp-surface-muted:#f8fafc;
  --erp-surface-raised:#ffffff;
  --erp-ink:#10213b;
  --erp-copy:#475569;
  --erp-muted:#718096;
  --erp-line:#dde5ef;
  --erp-line-strong:#cbd7e5;
  --erp-radius-sm:8px;
  --erp-radius:12px;
  --erp-radius-lg:16px;
  --erp-shadow-xs:0 1px 2px rgba(15,35,65,.04);
  --erp-shadow-sm:0 2px 4px rgba(15,35,65,.035),0 8px 20px rgba(15,35,65,.045);
  --erp-shadow-md:0 4px 8px rgba(15,35,65,.04),0 16px 34px rgba(15,35,65,.075);
  --erp-content-pad:clamp(1rem,1.8vw,1.75rem);
  --erp-section-gap:1rem;
  --erp-control-h:2.625rem;
  --erp-kpi-h:7rem;
}

html[data-company="rehoboth"]{
  --erp-accent:#0d7377;
  --erp-accent-deep:#07555b;
  --erp-accent-soft:#eaf8f6;
  --erp-accent-rgb:13,115,119;
  --erp-highlight:#f48a17;
}

html[data-theme="dark"]{
  --erp-canvas:#08111e;
  --erp-surface:#101c2b;
  --erp-surface-muted:#0c1725;
  --erp-surface-raised:#152338;
  --erp-ink:#ecf3fb;
  --erp-copy:#b8c6d8;
  --erp-muted:#8496ab;
  --erp-line:#26384e;
  --erp-line-strong:#36506c;
  --erp-accent-soft:rgba(var(--erp-accent-rgb),.14);
  --erp-shadow-xs:0 1px 2px rgba(0,0,0,.2);
  --erp-shadow-sm:0 2px 5px rgba(0,0,0,.2),0 10px 25px rgba(0,0,0,.16);
  --erp-shadow-md:0 5px 12px rgba(0,0,0,.24),0 18px 38px rgba(0,0,0,.18);
}

html[data-auth-ready="app"],
html[data-auth-ready="app"] body{
  background:var(--erp-canvas)!important;
  color:var(--erp-ink);
  font-family:var(--font-body,"Inter",system-ui,sans-serif);
  font-size:14px;
  line-height:1.5;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

html[data-auth-ready="app"] *{box-sizing:border-box}
html[data-auth-ready="app"] :is(button,input,select,textarea){font:inherit}
html[data-auth-ready="app"] :is(button,a,input,select,textarea):focus-visible{
  outline:2px solid var(--erp-highlight)!important;
  outline-offset:2px!important;
}

/* Application shell ---------------------------------------------------- */
html[data-auth-ready="app"] #app-topbar{
  height:var(--topbar-h,3.75rem)!important;
  min-height:var(--topbar-h,3.75rem)!important;
  padding:0 clamp(.75rem,1.4vw,1.35rem)!important;
  border-bottom:1px solid var(--erp-line)!important;
  background:color-mix(in srgb,var(--erp-surface) 94%,transparent)!important;
  box-shadow:0 1px 2px rgba(15,35,65,.04),0 8px 24px rgba(15,35,65,.04)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
}

html[data-auth-ready="app"] #app-topbar::after{
  height:2px!important;
  background:linear-gradient(90deg,var(--erp-accent),color-mix(in srgb,var(--erp-accent) 45%,#19b9d2),var(--erp-highlight))!important;
  opacity:.92!important;
}

html[data-auth-ready="app"] #app-topbar > div{min-width:0}
html[data-auth-ready="app"] #app-topbar .icon-btn{
  width:2.35rem!important;
  height:2.35rem!important;
  min-width:2.35rem!important;
  border:1px solid transparent!important;
  border-radius:var(--erp-radius-sm)!important;
  background:transparent!important;
  color:var(--erp-copy)!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] #app-topbar .icon-btn:hover{
  border-color:color-mix(in srgb,var(--erp-accent) 18%,var(--erp-line))!important;
  background:var(--erp-accent-soft)!important;
  color:var(--erp-accent)!important;
  transform:none!important;
}

html[data-auth-ready="app"] #app-topbar .topbar-search-trigger{
  width:clamp(11rem,19vw,18rem)!important;
  min-width:0!important;
  height:2.35rem!important;
  padding:0 .75rem!important;
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius-sm)!important;
  background:var(--erp-surface-muted)!important;
  color:var(--erp-muted)!important;
  box-shadow:inset 0 1px 1px rgba(15,35,65,.025)!important;
}

html[data-auth-ready="app"] #app-topbar .topbar-search-trigger:hover{
  border-color:color-mix(in srgb,var(--erp-accent) 32%,var(--erp-line))!important;
  background:var(--erp-surface)!important;
  color:var(--erp-ink)!important;
}

html[data-auth-ready="app"] #app-topbar :is(.company-pill,.topbar-user-btn){
  min-height:2.35rem!important;
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius-sm)!important;
  background:var(--erp-surface)!important;
  color:var(--erp-ink)!important;
  box-shadow:var(--erp-shadow-xs)!important;
}

html[data-auth-ready="app"] #app-topbar .company-pill:hover,
html[data-auth-ready="app"] #app-topbar .topbar-user-btn:hover{
  border-color:color-mix(in srgb,var(--erp-accent) 28%,var(--erp-line))!important;
  background:var(--erp-accent-soft)!important;
}

html[data-auth-ready="app"] :is(.company-switcher-menu,.topbar-user-menu,#notification-center,.search-box){
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius)!important;
  background:var(--erp-surface)!important;
  color:var(--erp-ink)!important;
  box-shadow:var(--erp-shadow-md)!important;
}

html[data-auth-ready="app"] #app-sidebar.sidebar-modern{
  width:var(--sidebar-w,15.5rem)!important;
  border-right:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(180deg,#08244a 0%,#071c3a 52%,#051428 100%)!important;
  box-shadow:9px 0 28px rgba(7,20,40,.085)!important;
}

html[data-company="rehoboth"][data-auth-ready="app"] #app-sidebar.sidebar-modern{
  background:linear-gradient(180deg,#07353d 0%,#05262f 52%,#031720 100%)!important;
}

html[data-auth-ready="app"] #app-sidebar .sidebar-brand{
  min-height:var(--topbar-h,3.75rem)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
}

html[data-auth-ready="app"] #app-sidebar .sidebar-brand-logo{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Transparent logo treatment — keep the artwork, remove pale frames. */
#app-launch-screen .app-launch-logo,
#login-screen .login-visual-logo,
#login-screen .login-logo-bg,
html[data-auth-ready="app"] #app-sidebar .sidebar-brand-logo,
html[data-auth-ready="app"] #app-topbar .company-switcher-logo,
.settings-page-v2 .settings-logo-preview,
.settings-page-v2 .settings-brand-asset-preview.is-logo{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#login-screen .login-visual-logo,
#login-screen .login-logo-bg{
  padding:0!important;
  overflow:visible!important;
}

html[data-auth-ready="app"] #company-logo-img,
html[data-auth-ready="app"] #sidebar-logo,
html[data-auth-ready="app"] #app-topbar .company-switcher-logo img,
#app-launch-screen .app-launch-logo img,
#login-screen .login-visual-logo img,
#login-screen .login-logo-bg img,
.settings-page-v2 .settings-logo-preview img,
.settings-page-v2 .settings-brand-asset-preview.is-logo img,
.rss-brand-lockup img{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 5px 8px rgba(2,16,38,.22))!important;
}

.rss-brand-lockup img{
  padding:0!important;
  border-radius:0!important;
}

/* Authenticator enrollment stays visible and usable at every viewport. */
#login-screen .login-card.login-card--mfa{
  max-height:calc(100dvh - 3rem)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}

#login-screen .login-card--mfa .login-mfa-panel{
  width:100%;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

#login-screen .mfa-enroll-layout{
  display:grid;
  grid-template-columns:minmax(11.25rem,13.75rem) minmax(0,1fr);
  align-items:center;
  gap:1rem;
  margin:.85rem 0 1rem;
}

#login-screen .mfa-enroll-qr-host{
  display:grid;
  place-items:center;
  width:100%;
  border:1px solid #dbe6f2;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,35,65,.08);
}

#login-screen .mfa-enroll-qr-host img{
  display:block;
  width:100%;
  max-width:13.75rem;
  height:auto;
  margin:0;
  border-radius:10px;
}

#login-screen .mfa-enroll-qr-loading,
#login-screen .mfa-enroll-qr-fail{
  padding:1rem;
  color:#526078;
  font-size:.76rem;
  line-height:1.45;
  text-align:center;
}

#login-screen .mfa-enroll-guidance{
  display:grid;
  gap:.75rem;
  min-width:0;
}

#login-screen .mfa-enroll-instruction{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  padding:.75rem;
  border:1px solid #cfe0f5;
  border-radius:10px;
  background:#edf6ff;
  color:#15365f;
}

#login-screen .mfa-enroll-instruction .material-symbols-outlined{
  flex:0 0 auto;
  color:#0057c8;
  font-size:1.2rem;
}

#login-screen .mfa-enroll-qr-hint{
  margin:0!important;
  color:#15365f!important;
  font-size:.76rem!important;
  font-weight:650;
  line-height:1.55!important;
}

#login-screen .mfa-enroll-qr-hint strong{color:#082c59!important}

#login-screen .mfa-enroll-manual{
  display:block!important;
  padding:.75rem;
  border:1px solid #e1e7ef;
  border-radius:10px;
  background:#f8fafc;
}

#login-screen .mfa-enroll-manual-title{
  margin:0 0 .5rem;
  color:#263750;
  font-size:.74rem;
  font-weight:850;
  line-height:1.4;
}

#login-screen .mfa-enroll-manual .login-mfa-secret{
  margin:0;
  padding:.65rem;
  border:1px dashed #b9c9dc;
  background:#fff;
  color:#0b2d57;
  font-size:.75rem;
  line-height:1.45;
  user-select:all;
}

@media(max-width:640px){
  #login-screen .login-card.login-card--mfa{
    max-height:calc(100dvh - 1.5rem)!important;
    padding:1.15rem!important;
  }
  #login-screen .mfa-enroll-layout{grid-template-columns:1fr;gap:.7rem;margin:.65rem 0 .85rem}
  #login-screen .mfa-enroll-qr-host{width:11.25rem;min-height:11.25rem!important;margin:0 auto}
  #login-screen .mfa-enroll-qr-host img{width:11.25rem!important;height:11.25rem!important}
  #login-screen .mfa-enroll-instruction,#login-screen .mfa-enroll-manual{padding:.65rem}
}

html[data-auth-ready="app"] #app-sidebar .sidebar-search{
  min-height:2.4rem!important;
  margin:.7rem .7rem .6rem!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] #app-sidebar .sidebar-search:focus-within{
  border-color:rgba(100,190,255,.55)!important;
  background:rgba(255,255,255,.085)!important;
  box-shadow:0 0 0 3px rgba(78,168,255,.11)!important;
}

html[data-auth-ready="app"] #app-sidebar .nav-group-header{
  min-height:2.25rem!important;
  margin:.28rem .48rem .08rem!important;
  padding:.4rem .45rem!important;
  border-radius:7px!important;
  color:rgba(231,240,252,.72)!important;
  font-size:.67rem!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
}

html[data-auth-ready="app"] #app-sidebar .nav-group-header:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}

html[data-auth-ready="app"] #app-sidebar .nav-item{
  min-height:2.48rem!important;
  margin:.08rem .48rem!important;
  padding:.42rem .58rem!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:rgba(231,240,252,.78)!important;
  font-size:.75rem!important;
  font-weight:700!important;
  line-height:1.25!important;
}

html[data-auth-ready="app"] #app-sidebar .nav-item:hover{
  border-color:rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  transform:none!important;
}

html[data-auth-ready="app"] #app-sidebar .nav-item.active,
html[data-auth-ready="app"] #app-sidebar .nav-item[aria-current="page"]{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--erp-accent) 92%,#fff),var(--erp-accent-deep))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.7),0 7px 16px rgba(0,0,0,.16)!important;
}

html[data-auth-ready="app"] #app-sidebar .nav-label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html[data-auth-ready="app"] #app-sidebar .nav-group-count{
  display:inline-grid!important;
  place-items:center!important;
  min-width:1.3rem!important;
  height:1.18rem!important;
  padding:0 .3rem!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.065)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:.58rem!important;
  font-variant-numeric:tabular-nums;
}

html[data-auth-ready="app"] #app-sidebar .sidebar-nav{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.22) transparent;
}

/* Full-width, unobstructed module workspace ---------------------------- */
html[data-auth-ready="app"] #app-content{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:100dvh!important;
  margin:0 0 0 var(--sidebar-w,15.5rem)!important;
  padding:calc(var(--topbar-h,3.75rem) + var(--erp-content-pad)) var(--erp-content-pad) clamp(3rem,5vw,4.5rem)!important;
  overflow-x:clip!important;
  background:
    radial-gradient(circle at 98% 0,rgba(var(--erp-accent-rgb),.045),transparent 28rem),
    linear-gradient(180deg,color-mix(in srgb,var(--erp-canvas) 96%,#fff) 0,var(--erp-canvas) 20rem)!important;
}

html[data-auth-ready="app"] #app-sidebar[data-collapsed="true"] ~ #app-content,
html[data-auth-ready="app"] #app-sidebar.sidebar-collapsed ~ #app-content{
  margin-left:4.25rem!important;
}

html[data-auth-ready="app"] #app-content > :is(.page-container,[class*="-shell"],[class*="-module"],[class*="-dashboard"],[class*="-workspace"]),
html[data-auth-ready="app"] #app-content > .page-container > :is([class*="-shell"],[class*="-module"],[class*="-dashboard"],[class*="-workspace"],[class*="-container"]){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-inline:0!important;
}

html[data-auth-ready="app"] #app-content .page-container{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

/* Type scale and page hierarchy --------------------------------------- */
html[data-auth-ready="app"] #app-content :is(h1,h2,h3,h4){
  font-family:var(--font-display,"Plus Jakarta Sans",system-ui,sans-serif)!important;
  color:var(--erp-ink);
  text-wrap:balance;
}

html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header,.section-title-bar){
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem!important;
  min-height:5.75rem;
  margin:0 0 var(--erp-section-gap)!important;
  padding:1rem 1.1rem 1rem 1.25rem!important;
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius)!important;
  background:
    linear-gradient(105deg,rgba(var(--erp-accent-rgb),.055),transparent 38%),
    var(--erp-surface)!important;
  box-shadow:var(--erp-shadow-xs)!important;
}

html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header,.section-title-bar)::before{
  content:"";
  position:absolute!important;
  inset:.85rem auto .85rem .6rem!important;
  width:3px!important;
  border-radius:999px;
  background:linear-gradient(180deg,var(--erp-accent),var(--erp-highlight))!important;
}

html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header,.section-title-bar) > :first-child{
  min-width:0;
  margin-left:.25rem;
}

html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header) :is(h1,.page-title,.module-title){
  margin:0!important;
  color:var(--erp-ink)!important;
  font-size:clamp(1.45rem,2vw,1.85rem)!important;
  font-weight:850!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}

html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header) :is(p,.subtitle,.breadcrumb){
  max-width:58rem;
  margin:.3rem 0 0!important;
  color:var(--erp-muted)!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}

html[data-auth-ready="app"] #app-content .bimas-route-context{
  margin:0 0 .32rem!important;
  color:var(--erp-accent)!important;
  font-size:.62rem!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}

html[data-auth-ready="app"] #app-content :is(.section-header,.card-header,.panel-header,.table-header,[class$="-section-head"],[class$="-panel-head"]){
  min-height:3.2rem;
  margin:0!important;
  padding:.8rem 1rem!important;
  border-bottom:1px solid var(--erp-line)!important;
  background:color-mix(in srgb,var(--erp-surface-muted) 80%,var(--erp-surface))!important;
}

html[data-auth-ready="app"] #app-content :is(.section-header,.card-header,.panel-header,.table-header,[class$="-section-head"],[class$="-panel-head"]) :is(h2,h3,h4){
  margin:0!important;
  color:var(--erp-ink)!important;
  font-size:.9rem!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:-.012em!important;
}

html[data-auth-ready="app"] #app-content :is(p,.helper-text,.form-help,small){color:var(--erp-muted)}

/* Unified content surfaces -------------------------------------------- */
html[data-auth-ready="app"] #app-content :is(.card,.module-card,.dash-card,.content-card,.panel,.table-card,.form-card,[class$="-panel"]){
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius)!important;
  background:var(--erp-surface)!important;
  box-shadow:var(--erp-shadow-sm)!important;
}

html[data-auth-ready="app"] #app-content :is(.card,.module-card,.dash-card,.content-card,.panel,.table-card,.form-card,[class$="-panel"]):hover{
  border-color:var(--erp-line-strong)!important;
}

html[data-auth-ready="app"] #app-content :is(.card,.module-card,.dash-card,.content-card,.panel,.table-card,.form-card,[class$="-panel"]):not(a):hover{
  transform:none!important;
}

html[data-auth-ready="app"] #app-content .card-grid,
html[data-auth-ready="app"] #app-content :is([class$="-card-grid"],[class$="-panel-grid"]){
  gap:var(--erp-section-gap)!important;
}

/* KPI system: one size, one rhythm, module colors retained ------------ */
html[data-auth-ready="app"] body[data-route] #app-content :is(
  .bimas-kpi-grid,.bimas-auto-kpi-strip,.dash-kpi-grid,.ceo-kpi-grid,.ceo-report-grid,
  .pfi-kpi-grid,.reports-hub-kpis,.reports-report-kpis,.sales-perf-kpis,.accounts-kpi-grid,
  .fgs-kpi-grid,.inv-kpi-grid,.inv-overview-kpis,.wip-kpi-grid,.sof-kpi-grid,.fleet-kpi-grid,
  .drn-kpi-grid,.dn-kpi-grid,.voucher-kpi-grid,.notifications-kpi-grid,.prod-dash-kpis,.rss-kpi-grid,
  [class$="-kpi-grid"],[class$="-metric-grid"],[class$="-stats-grid"],[class$="-kpis"]
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13.25rem),1fr))!important;
  gap:.8rem!important;
  width:100%!important;
  margin:0 0 var(--erp-section-gap)!important;
}

html[data-auth-ready="app"] body[data-route] #app-content :is(
  .bimas-kpi,.bimas-auto-kpi-card,.kpi-card,.stats-card,.stat-card,.dash-kpi,.ceo-kpi,.ceo-report,
  .pfi-metric-card,.reports-hub-kpi,.reports-report-kpi,.sales-perf-kpi,.accounts-kpi-card,
  .fgs-metric-card,.inv-kpi-card,.inv-overview-metric-card,.wip-metric-card,.sof-kpi-card,
  .fleet-kpi-card,.drn-kpi-card,.dn-kpi-card,.voucher-kpi-card,.notifications-kpi-card,.prod-dash-kpi,
  .rss-kpi,[class$="-kpi-card"],[class$="-metric-card"],[class$="-stat-card"]
){
  min-width:0!important;
  min-height:var(--erp-kpi-h)!important;
  height:auto!important;
  margin:0!important;
  padding:.9rem 1rem!important;
  border:1px solid var(--erp-line)!important;
  border-top:3px solid var(--kpi-accent,var(--tone,var(--erp-accent)))!important;
  border-left-width:1px!important;
  border-radius:var(--erp-radius)!important;
  background:linear-gradient(145deg,var(--erp-surface),color-mix(in srgb,var(--erp-surface-muted) 55%,var(--erp-surface)))!important;
  box-shadow:var(--erp-shadow-sm)!important;
  overflow:hidden!important;
}

html[data-auth-ready="app"] body[data-route] #app-content :is(
  .bimas-kpi,.bimas-auto-kpi-card,.kpi-card,.stats-card,.stat-card,.dash-kpi,.ceo-kpi,.ceo-report,
  .pfi-metric-card,.reports-hub-kpi,.reports-report-kpi,.sales-perf-kpi,.accounts-kpi-card,
  .fgs-metric-card,.inv-kpi-card,.inv-overview-metric-card,.wip-metric-card,.sof-kpi-card,
  .fleet-kpi-card,.drn-kpi-card,.dn-kpi-card,.voucher-kpi-card,.notifications-kpi-card,.prod-dash-kpi,
  .rss-kpi,[class$="-kpi-card"],[class$="-metric-card"],[class$="-stat-card"]
):hover{
  border-color:color-mix(in srgb,var(--erp-accent) 22%,var(--erp-line))!important;
  box-shadow:var(--erp-shadow-md)!important;
  transform:translateY(-1px)!important;
}

html[data-auth-ready="app"] body[data-route] #app-content :is(
  .bimas-kpi-icon,.kpi-icon,.metric-icon,.stat-icon,.kicon,.ceo-kpi-icon,.rss-kpi-icon,
  [class$="-kpi-icon"],[class$="-metric-icon"],[class$="-stat-icon"]
){
  display:grid!important;
  place-items:center!important;
  width:2.7rem!important;
  height:2.7rem!important;
  min-width:2.7rem!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route] #app-content :is(
  .bimas-kpi-label,.kpi-label,.metric-label,.stat-label,.ceo-kpi-label,
  [class$="-kpi-label"],[class$="-metric-label"],[class$="-stat-label"]
){
  color:var(--erp-muted)!important;
  font-size:.64rem!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

html[data-auth-ready="app"] body[data-route] #app-content :is(
  .bimas-kpi-value,.kpi-value,.metric-value,.stat-value,.ceo-kpi-value,
  [class$="-kpi-value"],[class$="-metric-value"],[class$="-stat-value"]
){
  overflow:hidden!important;
  color:var(--erp-ink)!important;
  font-size:clamp(1.08rem,1.25vw,1.32rem)!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[data-auth-ready="app"] body[data-route] #app-content :is(
  .bimas-kpi-sub,.kpi-sub,.metric-sub,.stat-sub,.ceo-kpi-sub,
  [class$="-kpi-sub"],[class$="-metric-sub"],[class$="-stat-sub"]
){
  color:var(--erp-muted)!important;
  font-size:.63rem!important;
  font-weight:650!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Buttons, toolbars and filters --------------------------------------- */
html[data-auth-ready="app"] #app-content .btn,
html[data-auth-ready="app"] .modal-content .btn{
  min-height:2.4rem!important;
  padding:.52rem .88rem!important;
  gap:.42rem!important;
  border-radius:var(--erp-radius-sm)!important;
  font-size:.75rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

html[data-auth-ready="app"] #app-content .btn .material-symbols-outlined,
html[data-auth-ready="app"] .modal-content .btn .material-symbols-outlined{font-size:1.05rem!important}

html[data-auth-ready="app"] #app-content :is(.btn-primary,.btn-blue),
html[data-auth-ready="app"] .modal-content :is(.btn-primary,.btn-blue){
  border:1px solid var(--erp-accent-deep)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--erp-accent) 88%,#fff),var(--erp-accent))!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(var(--erp-accent-rgb),.18)!important;
}

html[data-auth-ready="app"] #app-content :is(.btn-primary,.btn-blue):hover,
html[data-auth-ready="app"] .modal-content :is(.btn-primary,.btn-blue):hover{
  background:linear-gradient(180deg,var(--erp-accent),var(--erp-accent-deep))!important;
  box-shadow:0 6px 14px rgba(var(--erp-accent-rgb),.2)!important;
  transform:none!important;
}

html[data-auth-ready="app"] #app-content :is(.btn-secondary,.btn-ghost,.btn-outline),
html[data-auth-ready="app"] .modal-content :is(.btn-secondary,.btn-ghost,.btn-outline){
  border:1px solid var(--erp-line-strong)!important;
  background:var(--erp-surface)!important;
  color:var(--erp-copy)!important;
}

html[data-auth-ready="app"] #app-content :is(.btn-secondary,.btn-ghost,.btn-outline):hover,
html[data-auth-ready="app"] .modal-content :is(.btn-secondary,.btn-ghost,.btn-outline):hover{
  border-color:color-mix(in srgb,var(--erp-accent) 34%,var(--erp-line))!important;
  background:var(--erp-accent-soft)!important;
  color:var(--erp-accent)!important;
  transform:none!important;
}

html[data-auth-ready="app"] #app-content .btn-danger,
html[data-auth-ready="app"] .modal-content .btn-danger{
  border:1px solid #b91c1c!important;
  background:#c92a2a!important;
  color:#fff!important;
}

html[data-auth-ready="app"] #app-content :is(.toolbar,.filter-bar,.filters-row,.actions-bar,[class$="-toolbar"],[class$="-filters"],[class$="-actions-bar"]){
  gap:.65rem!important;
  padding:.75rem!important;
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius)!important;
  background:var(--erp-surface-muted)!important;
}

/* Forms --------------------------------------------------------------- */
html[data-auth-ready="app"] #app-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
html[data-auth-ready="app"] .modal-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  width:100%;
  min-height:var(--erp-control-h)!important;
  padding:.58rem .72rem!important;
  border:1px solid var(--erp-line-strong)!important;
  border-radius:var(--erp-radius-sm)!important;
  background:var(--erp-surface)!important;
  color:var(--erp-ink)!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  box-shadow:inset 0 1px 2px rgba(15,35,65,.025)!important;
  outline:0!important;
}

html[data-auth-ready="app"] #app-content textarea,
html[data-auth-ready="app"] .modal-content textarea{min-height:5.75rem!important;resize:vertical}

html[data-auth-ready="app"] #app-content :is(input,select,textarea):hover,
html[data-auth-ready="app"] .modal-content :is(input,select,textarea):hover{
  border-color:color-mix(in srgb,var(--erp-accent) 28%,var(--erp-line-strong))!important;
}

html[data-auth-ready="app"] #app-content :is(input,select,textarea):focus,
html[data-auth-ready="app"] .modal-content :is(input,select,textarea):focus{
  border-color:var(--erp-accent)!important;
  box-shadow:0 0 0 3px rgba(var(--erp-accent-rgb),.105)!important;
}

html[data-auth-ready="app"] #app-content :is(input,textarea)::placeholder,
html[data-auth-ready="app"] .modal-content :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--erp-muted) 72%,transparent)!important}

html[data-auth-ready="app"] #app-content :is(label,.form-label,.field-label) > :is(span,strong):first-child,
html[data-auth-ready="app"] #app-content .form-label,
html[data-auth-ready="app"] .modal-content :is(label,.form-label,.field-label) > :is(span,strong):first-child,
html[data-auth-ready="app"] .modal-content .form-label{
  color:var(--erp-copy)!important;
  font-size:.7rem!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.005em!important;
}

html[data-auth-ready="app"] #app-content :is(.form-grid,[class$="-form-grid"]),
html[data-auth-ready="app"] .modal-content :is(.form-grid,[class$="-form-grid"]){gap:.85rem!important}

html[data-auth-ready="app"] #app-content :is(.form-section,fieldset),
html[data-auth-ready="app"] .modal-content :is(.form-section,fieldset){
  border-color:var(--erp-line)!important;
  border-radius:var(--erp-radius)!important;
}

/* Tables -------------------------------------------------------------- */
html[data-auth-ready="app"] #app-content :is(.data-table-wrap,.table-wrap,.table-responsive,[class$="-table-wrap"]){
  width:100%!important;
  overflow:auto!important;
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius)!important;
  background:var(--erp-surface)!important;
  box-shadow:var(--erp-shadow-sm)!important;
  scrollbar-width:thin;
  scrollbar-color:var(--erp-line-strong) transparent;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)){
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  color:var(--erp-ink)!important;
  font-size:.75rem!important;
  font-variant-numeric:tabular-nums;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) thead{
  position:sticky;
  top:0;
  z-index:2;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) thead tr{
  background:linear-gradient(180deg,color-mix(in srgb,var(--erp-accent) 7%,var(--erp-surface)),color-mix(in srgb,var(--erp-accent) 3%,var(--erp-surface)))!important;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) th{
  height:2.8rem!important;
  padding:.64rem .78rem!important;
  border:0!important;
  border-bottom:1px solid var(--erp-line-strong)!important;
  color:color-mix(in srgb,var(--erp-copy) 88%,var(--erp-accent))!important;
  font-size:.62rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
  text-align:left;
  text-transform:uppercase!important;
  white-space:nowrap;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) td{
  min-height:3rem!important;
  padding:.68rem .78rem!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--erp-line) 72%,transparent)!important;
  color:var(--erp-copy)!important;
  font-size:.75rem!important;
  line-height:1.4!important;
  vertical-align:middle!important;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) tbody tr{
  background:var(--erp-surface)!important;
  box-shadow:none!important;
  transition:background-color .14s ease!important;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) tbody tr:nth-child(even){
  background:color-mix(in srgb,var(--erp-surface-muted) 58%,var(--erp-surface))!important;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) tbody tr:hover{
  background:var(--erp-accent-soft)!important;
  box-shadow:inset 3px 0 0 var(--erp-accent)!important;
  transform:none!important;
}

html[data-auth-ready="app"] #app-content :is(.data-table,.data-table-premium,table:not(.calendar-table)) tbody tr:last-child td{border-bottom:0!important}

/* Tabs, badges and pagination ---------------------------------------- */
html[data-auth-ready="app"] #app-content :is(.tabs,.tab-nav,.module-tabs,.view-tabs,[class$="-tabs"]){
  gap:.32rem!important;
  padding:.3rem!important;
  border:1px solid var(--erp-line)!important;
  border-radius:10px!important;
  background:var(--erp-surface-muted)!important;
}

html[data-auth-ready="app"] #app-content :is(.tab-btn,.tab-button,.module-tab,[role="tab"]){
  min-height:2.25rem!important;
  padding:.46rem .72rem!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--erp-copy)!important;
  font-size:.71rem!important;
  font-weight:800!important;
}

html[data-auth-ready="app"] #app-content :is(.tab-btn,.tab-button,.module-tab,[role="tab"]):hover{
  background:var(--erp-surface)!important;
  color:var(--erp-accent)!important;
}

html[data-auth-ready="app"] #app-content :is(.tab-btn,.tab-button,.module-tab,[role="tab"]):is(.active,[aria-selected="true"]){
  border-color:var(--erp-line)!important;
  background:var(--erp-surface)!important;
  color:var(--erp-accent)!important;
  box-shadow:0 2px 5px rgba(15,35,65,.07)!important;
}

html[data-auth-ready="app"] :is(.badge,.status-badge,.chip,[class$="-badge"],[class$="-chip"]){
  border-radius:999px!important;
  font-size:.63rem!important;
  font-weight:800!important;
  line-height:1.2!important;
}

html[data-auth-ready="app"] #app-content :is(.pagination,[class$="-pagination"]){
  min-height:3.2rem;
  padding:.65rem .8rem!important;
  border-top:1px solid var(--erp-line)!important;
  color:var(--erp-muted)!important;
  font-size:.68rem!important;
}

/* Dialogs, feedback and empty states --------------------------------- */
html[data-auth-ready="app"] .modal-overlay{
  padding:clamp(.65rem,2vw,1.5rem)!important;
  background:rgba(5,15,30,.52)!important;
  backdrop-filter:blur(5px)!important;
}

html[data-auth-ready="app"] .modal-content{
  display:flex!important;
  flex-direction:column!important;
  width:min(100%,48rem)!important;
  max-height:min(90dvh,54rem)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius-lg)!important;
  background:var(--erp-surface)!important;
  color:var(--erp-ink)!important;
  box-shadow:0 28px 75px rgba(3,13,28,.28)!important;
}

html[data-auth-ready="app"] .modal-content::before{
  height:3px!important;
  background:linear-gradient(90deg,var(--erp-accent),color-mix(in srgb,var(--erp-accent) 45%,#14b8a6),var(--erp-highlight))!important;
}

html[data-auth-ready="app"] .modal-content > :is(.modal-header,.modal-title-row){
  flex:0 0 auto!important;
  min-height:4rem!important;
  margin:0!important;
  padding:1rem 1.1rem!important;
  border-bottom:1px solid var(--erp-line)!important;
  background:var(--erp-surface-muted)!important;
}

html[data-auth-ready="app"] .modal-content > :is(.modal-header,.modal-title-row) h2{
  margin:0!important;
  font-size:1rem!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}

html[data-auth-ready="app"] .modal-content > :is(.modal-body,.modal-form-body){
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:1.1rem!important;
  overflow:auto!important;
}

html[data-auth-ready="app"] .modal-content > :is(.modal-footer,.modal-actions){
  flex:0 0 auto!important;
  min-height:4rem!important;
  margin:0!important;
  padding:.8rem 1.1rem!important;
  border-top:1px solid var(--erp-line)!important;
  background:var(--erp-surface-muted)!important;
}

html[data-auth-ready="app"] #app-content :is(.empty-state,[class$="-empty"]){
  min-height:15rem;
  padding:2.5rem 1.25rem!important;
  border:1px dashed var(--erp-line-strong)!important;
  border-radius:var(--erp-radius)!important;
  background:color-mix(in srgb,var(--erp-surface-muted) 70%,transparent)!important;
  text-align:center;
}

html[data-auth-ready="app"] #app-content :is(.empty-state,[class$="-empty"]) > .material-symbols-outlined{
  color:var(--erp-accent)!important;
  font-size:2.5rem!important;
}

html[data-auth-ready="app"] .toast{
  border:1px solid var(--erp-line)!important;
  border-radius:var(--erp-radius)!important;
  background:var(--erp-surface)!important;
  color:var(--erp-ink)!important;
  box-shadow:var(--erp-shadow-md)!important;
}

/* Executive dashboard remains branded but follows the same spacing. */
html[data-auth-ready="app"] body[data-route="dashboard"] #app-content .ceo-shell{
  width:100%!important;
  max-width:none!important;
  gap:var(--erp-section-gap)!important;
  padding:0!important;
}

html[data-auth-ready="app"] body[data-route="dashboard"] #app-content .ceo-hero{
  min-height:14rem!important;
  margin:0!important;
  padding:1.5rem!important;
  border-radius:var(--erp-radius-lg)!important;
  overflow:hidden!important;
}

html[data-auth-ready="app"] body[data-route="dashboard"] #app-content .ceo-kpi-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Responsive behavior ------------------------------------------------- */
@media(max-width:1180px){
  html[data-auth-ready="app"] #app-topbar .topbar-search-trigger{width:10.5rem!important}
  html[data-auth-ready="app"] #app-topbar .topbar-user-copy{display:none!important}
  html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header){align-items:flex-start}
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content .ceo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:1024px){
  html[data-auth-ready="app"] #app-content,
  html[data-auth-ready="app"] #app-sidebar[data-collapsed="true"] ~ #app-content,
  html[data-auth-ready="app"] #app-sidebar.sidebar-collapsed ~ #app-content{
    width:100%!important;
    margin-left:0!important;
    padding:calc(var(--topbar-h,3.75rem) + .85rem) .85rem 5.5rem!important;
  }

  html[data-auth-ready="app"] #app-sidebar.sidebar-modern{
    box-shadow:14px 0 42px rgba(2,11,24,.24)!important;
  }

  html[data-auth-ready="app"] #app-topbar .topbar-search-trigger{display:none!important}
  html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header,.section-title-bar){min-height:5.25rem}
}

@media(max-width:720px){
  :root{--erp-content-pad:.75rem;--erp-section-gap:.75rem;--erp-kpi-h:6.4rem}
  html[data-auth-ready="app"] #app-topbar{padding:0 .55rem!important}
  html[data-auth-ready="app"] #app-topbar > div:first-child{gap:.35rem!important}
  html[data-auth-ready="app"] #app-topbar > div:last-child{gap:.18rem!important}
  html[data-auth-ready="app"] #app-topbar #company-name{display:none!important}
  html[data-auth-ready="app"] #app-topbar .topbar-portal-btn,
  html[data-auth-ready="app"] #app-topbar #theme-btn{display:none!important}
  html[data-auth-ready="app"] #app-topbar .company-pill{max-width:7.8rem!important;padding-inline:.5rem!important}
  html[data-auth-ready="app"] #app-topbar .company-pill #cs-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  html[data-auth-ready="app"] #app-content{padding:calc(var(--topbar-h,3.75rem) + .7rem) .65rem 5.5rem!important}
  html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header,.section-title-bar){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-height:0!important;
    gap:.7rem!important;
    padding:.85rem .85rem .85rem 1rem!important;
    border-radius:10px!important;
  }
  html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header) :is(h1,.page-title,.module-title){font-size:1.3rem!important}
  html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header) :is(p,.subtitle,.breadcrumb){font-size:.74rem!important}
  html[data-auth-ready="app"] #app-content :is(.page-header,[class$="-page-header"],.module-header) > :last-child:not(:first-child){display:flex;flex-wrap:wrap;gap:.45rem;width:100%}

  html[data-auth-ready="app"] body[data-route] #app-content :is(
    .bimas-kpi-grid,.bimas-auto-kpi-strip,.dash-kpi-grid,.ceo-kpi-grid,.ceo-report-grid,
    .pfi-kpi-grid,.reports-hub-kpis,.reports-report-kpis,.sales-perf-kpis,.accounts-kpi-grid,
    .fgs-kpi-grid,.inv-kpi-grid,.inv-overview-kpis,.wip-kpi-grid,.sof-kpi-grid,.fleet-kpi-grid,
    .drn-kpi-grid,.dn-kpi-grid,.voucher-kpi-grid,.notifications-kpi-grid,.prod-dash-kpis,.rss-kpi-grid,
    [class$="-kpi-grid"],[class$="-metric-grid"],[class$="-stats-grid"],[class$="-kpis"]
  ){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}

  html[data-auth-ready="app"] body[data-route] #app-content :is(
    .bimas-kpi,.bimas-auto-kpi-card,.kpi-card,.stats-card,.stat-card,.dash-kpi,.ceo-kpi,.ceo-report,
    .pfi-metric-card,.reports-hub-kpi,.reports-report-kpi,.sales-perf-kpi,.accounts-kpi-card,
    .fgs-metric-card,.inv-kpi-card,.inv-overview-metric-card,.wip-metric-card,.sof-kpi-card,
    .fleet-kpi-card,.drn-kpi-card,.dn-kpi-card,.voucher-kpi-card,.notifications-kpi-card,.prod-dash-kpi,
    .rss-kpi,[class$="-kpi-card"],[class$="-metric-card"],[class$="-stat-card"]
  ){min-height:var(--erp-kpi-h)!important;padding:.72rem!important}

  html[data-auth-ready="app"] body[data-route] #app-content :is(.bimas-kpi-icon,.kpi-icon,.metric-icon,.stat-icon,.kicon,.ceo-kpi-icon,.rss-kpi-icon,[class$="-kpi-icon"],[class$="-metric-icon"],[class$="-stat-icon"]){width:2.35rem!important;height:2.35rem!important;min-width:2.35rem!important}
  html[data-auth-ready="app"] body[data-route] #app-content :is(.bimas-kpi-label,.kpi-label,.metric-label,.stat-label,.ceo-kpi-label,[class$="-kpi-label"],[class$="-metric-label"],[class$="-stat-label"]){font-size:.57rem!important}
  html[data-auth-ready="app"] body[data-route] #app-content :is(.bimas-kpi-value,.kpi-value,.metric-value,.stat-value,.ceo-kpi-value,[class$="-kpi-value"],[class$="-metric-value"],[class$="-stat-value"]){font-size:.98rem!important}
  html[data-auth-ready="app"] body[data-route] #app-content :is(.bimas-kpi-sub,.kpi-sub,.metric-sub,.stat-sub,.ceo-kpi-sub,[class$="-kpi-sub"],[class$="-metric-sub"],[class$="-stat-sub"]){font-size:.56rem!important}

  html[data-auth-ready="app"] #app-content :is(.toolbar,.filter-bar,.filters-row,.actions-bar,[class$="-toolbar"],[class$="-filters"],[class$="-actions-bar"]){display:grid!important;grid-template-columns:1fr!important;padding:.65rem!important}
  html[data-auth-ready="app"] #app-content :is(.toolbar,.filter-bar,.filters-row,.actions-bar,[class$="-toolbar"],[class$="-filters"],[class$="-actions-bar"]) > *{width:100%!important;min-width:0!important}
  html[data-auth-ready="app"] #app-content :is(.tabs,.tab-nav,.module-tabs,.view-tabs,[class$="-tabs"]){overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none}
  html[data-auth-ready="app"] #app-content :is(.tab-btn,.tab-button,.module-tab,[role="tab"]){flex:0 0 auto!important;white-space:nowrap!important}

  html[data-auth-ready="app"] .modal-overlay{align-items:flex-end!important;padding:.4rem!important}
  html[data-auth-ready="app"] .modal-content{width:100%!important;max-height:92dvh!important;border-radius:14px!important}
  html[data-auth-ready="app"] .modal-content > :is(.modal-body,.modal-form-body){padding:.9rem!important}
  html[data-auth-ready="app"] .modal-content > :is(.modal-footer,.modal-actions){display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important}
  html[data-auth-ready="app"] .modal-content > :is(.modal-footer,.modal-actions) .btn{width:100%!important}
  html[data-auth-ready="app"] .modal-content :is(.form-grid,[class$="-form-grid"]){grid-template-columns:1fr!important}
  html[data-auth-ready="app"] .modal-content :is(.span-2,[class*="span-2"]){grid-column:auto!important}

  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content .ceo-hero{min-height:0!important;padding:1rem!important}
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content .ceo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Company-specific Inventory navigation is enforced by the global shell. */
html:not([data-company="rehoboth"]) .rehoboth-stock-nav,
html:not([data-company="rehoboth"]) .rehoboth-stock-divider{display:none!important}
html[data-company="rehoboth"] .rehoboth-stock-nav{display:flex!important}
html[data-company="rehoboth"] .rehoboth-stock-divider{display:block!important;padding:.7rem .65rem .25rem;color:rgba(255,255,255,.45);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
html[data-company="rehoboth"] .rehoboth-stock-nav .nav-icon-chip{display:inline-grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:7px;background:rgba(32,214,189,.14);color:#5df0d2}
html[data-company="rehoboth"] .rehoboth-stock-nav .nav-icon-chip .material-symbols-outlined{font-size:.95rem}

@media(max-width:430px){
  html[data-auth-ready="app"] #app-topbar .company-pill{max-width:6.5rem!important}
  html[data-auth-ready="app"] #app-topbar .topbar-alert-btn:nth-of-type(n+3){display:none!important}
  html[data-auth-ready="app"] body[data-route] #app-content :is(
    .bimas-kpi-grid,.bimas-auto-kpi-strip,.dash-kpi-grid,.ceo-kpi-grid,.ceo-report-grid,
    .pfi-kpi-grid,.reports-hub-kpis,.reports-report-kpis,.sales-perf-kpis,.accounts-kpi-grid,
    .fgs-kpi-grid,.inv-kpi-grid,.inv-overview-kpis,.wip-kpi-grid,.sof-kpi-grid,.fleet-kpi-grid,
    .drn-kpi-grid,.dn-kpi-grid,.voucher-kpi-grid,.notifications-kpi-grid,.prod-dash-kpis,.rss-kpi-grid,
    [class$="-kpi-grid"],[class$="-metric-grid"],[class$="-stats-grid"],[class$="-kpis"]
  ){grid-template-columns:1fr!important}
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content .ceo-kpi-grid{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-auth-ready="app"] *,html[data-auth-ready="app"] *::before,html[data-auth-ready="app"] *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

@media print{
  html[data-auth-ready="app"] #app-content{margin:0!important;padding:0!important;background:#fff!important}
  html[data-auth-ready="app"] #app-content :is(.card,.module-card,.dash-card,.content-card,.panel,.table-card,.form-card,[class$="-panel"]){box-shadow:none!important}
}