/* BIMAS final visual layer.
   Loaded last to standardize KPI cards and repair module-level style conflicts. */

:root{
  --bimas-card-radius:8px;
  --bimas-kpi-height:68px;
  --bimas-kpi-gap:.56rem;
  --bimas-kpi-icon-size:2rem;
}

#app-content#app-content :is(
  .bimas-kpi-grid,
  .bimas-auto-kpi-strip,
  .dash-grid,
  .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,
  [class*="-kpi-grid"],
  [class*="-metric-grid"],
  [class*="-stats-grid"],
  [class*="-kpis"]
){
  display:grid!important;
  gap:var(--bimas-kpi-gap)!important;
  width:100%!important;
  align-items:stretch!important;
  margin:0 0 1rem!important;
  padding:0!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-report-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body[data-route="pfi"] #app-content#app-content .pfi-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body[data-route="reports"] #app-content#app-content .reports-hub-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
body[data-route="accounts"] #app-content#app-content .accounts-kpi-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;}
body[data-route="fgs"] #app-content#app-content .fgs-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
body[data-route="fleet"] #app-content#app-content .fleet-kpi-grid,
body[data-route="drn"] #app-content#app-content .drn-kpi-grid,
body[data-route="dn"] #app-content#app-content .dn-kpi-grid,
body[data-route="sof"] #app-content#app-content .sof-kpi-grid,
body[data-route="inventory"] #app-content#app-content .inv-overview-kpis,
body[data-route="inventory-overview"] #app-content#app-content .inv-overview-kpis,
body[data-route="inventory-wip"] #app-content#app-content .wip-kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

#app-content#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,
  .settings-summary-card,
  .settings-readiness-card,
  .settings-mobile-stat,
  [class*="-kpi-card"],
  [class*="-metric-card"],
  [class*="-stat-card"]
){
  --bimas-final-tone:var(--tone,var(--bimas-kpi-accent,var(--fgs-tone,var(--dn-tone,var(--drn-tone,var(--sof-tone,var(--fleet-tone,var(--reports-tone,var(--sales-tone,var(--accounts-tone,var(--pfi-tone,var(--inv-overview-tone,var(--wip-metric-tone,var(--mobile-stat,#174f91))))))))))))));
  box-sizing:border-box!important;
  position:relative!important;
  min-width:0!important;
  min-height:var(--bimas-kpi-height)!important;
  height:var(--bimas-kpi-height)!important;
  display:grid!important;
  grid-template-columns:var(--bimas-kpi-icon-size) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:.52rem!important;
  row-gap:.02rem!important;
  padding:.46rem .58rem!important;
  border:1px solid #dbe6f2!important;
  border-left:3px solid var(--bimas-final-tone)!important;
  border-top:1px solid #dbe6f2!important;
  border-radius:var(--bimas-card-radius)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  color:#000!important;
  box-shadow:0 8px 18px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
  text-align:left!important;
  transform:none!important;
}

#app-content#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,.settings-summary-card,.settings-readiness-card,.settings-mobile-stat,[class*="-kpi-card"],[class*="-metric-card"],[class*="-stat-card"])::before,
#app-content#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,.settings-summary-card,.settings-readiness-card,.settings-mobile-stat,[class*="-kpi-card"],[class*="-metric-card"],[class*="-stat-card"])::after{
  content:none!important;
  display:none!important;
}

#app-content#app-content :is(
  .bimas-kpi-icon,
  .kpi-icon,
  .metric-icon,
  .stat-icon,
  .kicon,
  .ceo-kpi-icon,
  .ceo-report i,
  .reports-hub-kpi-icon,
  .reports-report-kpi-icon,
  .sales-perf-kpi-icon,
  .accounts-kpi-icon,
  .fgs-metric-icon,
  .inv-kpi-icon,
  .inv-overview-metric-icon,
  .wip-metric-icon,
  .sof-kpi-icon,
  .fleet-kpi-icon,
  .drn-kpi-icon,
  .dn-kpi-icon,
  .voucher-kpi-icon,
  .notifications-kpi-icon,
  .prod-dash-kpi-icon,
  [class*="-kpi-icon"],
  [class*="-metric-icon"],
  [class*="-stat-icon"]
){
  grid-column:1!important;
  grid-row:1 / span 3!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  align-self:center!important;
  justify-self:start!important;
  width:var(--bimas-kpi-icon-size)!important;
  height:var(--bimas-kpi-icon-size)!important;
  min-width:var(--bimas-kpi-icon-size)!important;
  max-width:var(--bimas-kpi-icon-size)!important;
  flex:0 0 var(--bimas-kpi-icon-size)!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:7px!important;
  background:var(--bimas-final-tone)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-style:normal!important;
  font-size:.98rem!important;
  line-height:1!important;
  box-shadow:0 8px 14px rgba(15,23,42,.12)!important;
  z-index:1!important;
}

#app-content#app-content :is(.bimas-kpi-icon,.kpi-icon,.metric-icon,.stat-icon,.kicon,.ceo-kpi-icon,.ceo-report i,.reports-hub-kpi-icon,.reports-report-kpi-icon,.sales-perf-kpi-icon,.accounts-kpi-icon,.fgs-metric-icon,.inv-kpi-icon,.inv-overview-metric-icon,.wip-metric-icon,.sof-kpi-icon,.fleet-kpi-icon,.drn-kpi-icon,.dn-kpi-icon,.voucher-kpi-icon,.notifications-kpi-icon,.prod-dash-kpi-icon,[class*="-kpi-icon"],[class*="-metric-icon"],[class*="-stat-icon"]) .material-symbols-outlined,
#app-content#app-content :is(.bimas-kpi-icon,.kpi-icon,.metric-icon,.stat-icon,.kicon,.ceo-kpi-icon,.reports-hub-kpi-icon,.reports-report-kpi-icon,.sales-perf-kpi-icon,.accounts-kpi-icon,.fgs-metric-icon,.inv-kpi-icon,.inv-overview-metric-icon,.wip-metric-icon,.sof-kpi-icon,.fleet-kpi-icon,.drn-kpi-icon,.dn-kpi-icon,.voucher-kpi-icon,.notifications-kpi-icon,.prod-dash-kpi-icon,[class*="-kpi-icon"],[class*="-metric-icon"],[class*="-stat-icon"]).material-symbols-outlined{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.98rem!important;
  line-height:1!important;
  box-shadow:none!important;
}

#app-content#app-content :is(
  .bimas-kpi-body,
  .bimas-kpi-copy,
  .kpi-body,
  .kpi-copy,
  .kpi-main,
  .metric-copy,
  .metric-body,
  .stat-copy,
  .ceo-kpi-copy,
  .ceo-report-copy,
  .fgs-metric-copy,
  .inv-kpi-body,
  .inv-overview-metric-copy,
  .wip-metric-copy,
  .sof-kpi-copy,
  .fleet-kpi-copy,
  .drn-kpi-copy,
  .dn-kpi-copy,
  [class*="-kpi-copy"],
  [class*="-metric-copy"]
){
  grid-column:2!important;
  grid-row:1 / span 3!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:.03rem!important;
  text-align:left!important;
  z-index:1!important;
}

#app-content#app-content :is(.bimas-kpi-label,.kpi-label,.metric-label,.stat-label,.ceo-kpi-label,.reports-hub-kpi-label,.reports-report-kpi-label,.sales-perf-kpi-label,.accounts-kpi-label,.fgs-metric-label,.inv-kpi-label,.inv-overview-metric-label,.wip-metric-label,.sof-kpi-label,.fleet-kpi-label,.drn-kpi-label,.dn-kpi-label,[class*="-kpi-label"],[class*="-metric-label"],[class*="-stat-label"]){
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  font-family:var(--font-body,Inter,Arial,sans-serif)!important;
  font-size:.5rem!important;
  font-weight:950!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
  text-shadow:none!important;
}

#app-content#app-content :is(.bimas-kpi-value,.kpi-value,.metric-value,.stat-value,.ceo-kpi-value,.reports-hub-kpi-value,.reports-report-kpi-value,.sales-perf-kpi-value,.accounts-kpi-value,.fgs-metric-value,.inv-kpi-value,.inv-overview-metric-value,.wip-metric-value,.sof-kpi-value,.fleet-kpi-value,.drn-kpi-value,.dn-kpi-value,[class*="-kpi-value"],[class*="-metric-value"],[class*="-stat-value"]){
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  font-family:var(--font-display,Inter,Arial,sans-serif)!important;
  font-size:.9rem!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
  text-shadow:none!important;
}

#app-content#app-content :is(.bimas-kpi-sub,.kpi-sub,.metric-sub,.stat-sub,.ceo-kpi-sub,.reports-hub-kpi-sub,.reports-report-kpi-sub,.sales-perf-kpi-sub,.accounts-kpi-sub,.fgs-metric-sub,.inv-kpi-sub,.inv-overview-metric-sub,.wip-metric-sub,.sof-kpi-sub,.fleet-kpi-sub,.drn-kpi-sub,.dn-kpi-sub,[class*="-kpi-sub"],[class*="-metric-sub"],[class*="-stat-sub"]){
  grid-column:2!important;
  grid-row:3!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  font-size:.46rem!important;
  font-style:normal!important;
  font-weight:850!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
  text-shadow:none!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell{
  gap:.9rem!important;
  color:#000!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-hero{
  box-sizing:border-box!important;
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.42fr)!important;
  gap:.85rem!important;
  align-items:stretch!important;
  padding:1rem!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#061636 0%,#0a3a78 52%,#066456 100%)!important;
  color:#fff!important;
  overflow:hidden!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-title{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(1.55rem,2.2vw,2.1rem)!important;
  line-height:1.06!important;
  letter-spacing:0!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-brief{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.5rem!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-brief-card{
  min-width:0!important;
  min-height:4.25rem!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:.58rem!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  overflow:hidden!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-brief-card :is(span,strong){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  letter-spacing:0!important;
}

body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-kpi-badge,
body[data-route="dashboard"] #app-content#app-content .ceo-shell .dash-spark,
body[data-route="dashboard"] #app-content#app-content .ceo-shell .dash-meter{
  display:none!important;
}

body[data-route="settings"] #app-content#app-content .settings-quick-nav{
  position:sticky!important;
  top:calc(var(--topbar-h,4rem) + .5rem)!important;
  z-index:40!important;
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  gap:.42rem!important;
  align-items:stretch!important;
  padding:.5rem!important;
  margin:.75rem 0 1rem!important;
  border:1px solid #dbe6f2!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}

body[data-route="settings"] #app-content#app-content .settings-quick-nav a{
  min-width:0!important;
  min-height:2.75rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.34rem!important;
  padding:.42rem .38rem!important;
  border-radius:7px!important;
  color:#071529!important;
  font-size:.68rem!important;
  font-weight:900!important;
  line-height:1.08!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-decoration:none!important;
}

body[data-route="security-center"] #app-content#app-content .sec-user-cell{
  display:grid!important;
  grid-template-columns:2rem minmax(0,1fr)!important;
  gap:.58rem!important;
  align-items:center!important;
  min-width:0!important;
}

body[data-route="security-center"] #app-content#app-content .sec-user-cell :is(strong,small){
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media (min-width:768px) and (max-width:1180px){
  body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-kpi-grid,
  body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-report-grid,
  body[data-route="pfi"] #app-content#app-content .pfi-kpi-grid,
  body[data-route="reports"] #app-content#app-content .reports-hub-kpis,
  body[data-route="accounts"] #app-content#app-content .accounts-kpi-grid,
  body[data-route="fgs"] #app-content#app-content .fgs-kpi-grid,
  #app-content#app-content :is(.bimas-kpi-grid,.bimas-auto-kpi-strip,[class*="-kpi-grid"],[class*="-metric-grid"],[class*="-stats-grid"],[class*="-kpis"]){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media (max-width:767px){
  :root{
    --bimas-kpi-height:76px;
    --bimas-kpi-gap:.5rem;
    --bimas-kpi-icon-size:1.75rem;
  }

  #app-content#app-content :is(
    .bimas-kpi-grid,
    .bimas-auto-kpi-strip,
    .dash-grid,
    .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,
    [class*="-kpi-grid"],
    [class*="-metric-grid"],
    [class*="-stats-grid"],
    [class*="-kpis"]
  ){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:var(--bimas-kpi-gap)!important;
    margin-bottom:.8rem!important;
  }

  #app-content#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,.settings-summary-card,.settings-readiness-card,.settings-mobile-stat,[class*="-kpi-card"],[class*="-metric-card"],[class*="-stat-card"]){
    grid-template-columns:var(--bimas-kpi-icon-size) minmax(0,1fr)!important;
    min-height:var(--bimas-kpi-height)!important;
    height:var(--bimas-kpi-height)!important;
    padding:.48rem .5rem!important;
    column-gap:.45rem!important;
    border-left-width:2px!important;
  }

  #app-content#app-content :is(.bimas-kpi-label,.kpi-label,.metric-label,.stat-label,.ceo-kpi-label,.reports-hub-kpi-label,.reports-report-kpi-label,.sales-perf-kpi-label,.accounts-kpi-label,.fgs-metric-label,.inv-kpi-label,.inv-overview-metric-label,.wip-metric-label,.sof-kpi-label,.fleet-kpi-label,.drn-kpi-label,.dn-kpi-label,[class*="-kpi-label"],[class*="-metric-label"],[class*="-stat-label"]){
    font-size:.54rem!important;
    line-height:1.12!important;
  }

  #app-content#app-content :is(.bimas-kpi-value,.kpi-value,.metric-value,.stat-value,.ceo-kpi-value,.reports-hub-kpi-value,.reports-report-kpi-value,.sales-perf-kpi-value,.accounts-kpi-value,.fgs-metric-value,.inv-kpi-value,.inv-overview-metric-value,.wip-metric-value,.sof-kpi-value,.fleet-kpi-value,.drn-kpi-value,.dn-kpi-value,[class*="-kpi-value"],[class*="-metric-value"],[class*="-stat-value"]){
    font-size:.82rem!important;
    line-height:1.08!important;
  }

  #app-content#app-content :is(.bimas-kpi-sub,.kpi-sub,.metric-sub,.stat-sub,.ceo-kpi-sub,.reports-hub-kpi-sub,.reports-report-kpi-sub,.sales-perf-kpi-sub,.accounts-kpi-sub,.fgs-metric-sub,.inv-kpi-sub,.inv-overview-metric-sub,.wip-metric-sub,.sof-kpi-sub,.fleet-kpi-sub,.drn-kpi-sub,.dn-kpi-sub,[class*="-kpi-sub"],[class*="-metric-sub"],[class*="-stat-sub"]){
    font-size:.46rem!important;
    line-height:1.1!important;
  }

  body[data-route="dashboard"] #app-content#app-content .ceo-shell{
    margin:-.75rem!important;
    padding:.75rem!important;
  }

  body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-hero{
    grid-template-columns:1fr!important;
    gap:.7rem!important;
    padding:.85rem!important;
  }

  body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-title{
    font-size:1.48rem!important;
  }

  body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-brief{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.42rem!important;
  }

  body[data-route="dashboard"] #app-content#app-content .ceo-shell .ceo-brief-card{
    min-height:3.7rem!important;
    padding:.48rem!important;
  }

  body[data-route="settings"] #app-content#app-content .settings-quick-nav{
    position:relative!important;
    top:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.38rem!important;
    padding:.42rem!important;
  }

  body[data-route="settings"] #app-content#app-content .settings-quick-nav a{
    min-height:3rem!important;
    flex-direction:column!important;
    gap:.2rem!important;
    font-size:.58rem!important;
    padding:.38rem .24rem!important;
  }
}

/* Last word against route/page scoped legacy rules. */
html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :is(
  .bimas-kpi-grid,
  .bimas-auto-kpi-strip,
  .dash-grid,
  .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,
  [class*="-kpi-grid"],
  [class*="-metric-grid"],
  [class*="-stats-grid"],
  [class*="-kpis"]
){
  display:grid!important;
  gap:var(--bimas-kpi-gap)!important;
  align-items:stretch!important;
  width:100%!important;
}

html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :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,
  .settings-summary-card,
  .settings-readiness-card,
  .settings-mobile-stat,
  [class*="-kpi-card"],
  [class*="-metric-card"],
  [class*="-stat-card"]
){
  display:grid!important;
  grid-template-columns:var(--bimas-kpi-icon-size) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  min-height:var(--bimas-kpi-height)!important;
  height:var(--bimas-kpi-height)!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:.52rem!important;
  row-gap:.02rem!important;
}

html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell :is(.ceo-kpi,.ceo-report){
  display:grid!important;
  grid-template-columns:var(--bimas-kpi-icon-size) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  min-height:var(--bimas-kpi-height)!important;
  height:var(--bimas-kpi-height)!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:.52rem!important;
  row-gap:.02rem!important;
  padding:.46rem .58rem!important;
}

@media (min-width:1181px){
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell .ceo-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell .ceo-report-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .page-container .pfi-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  html[data-auth-ready="app"] body[data-route="reports"] #app-content#app-content .page-container .reports-hub-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  html[data-auth-ready="app"] body[data-route="accounts"] #app-content#app-content .page-container .accounts-kpi-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;}
  html[data-auth-ready="app"] body[data-route="fgs"] #app-content#app-content .page-container .fgs-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}

@media (min-width:768px) and (max-width:1180px){
  html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :is(.bimas-kpi-grid,.bimas-auto-kpi-strip,[class*="-kpi-grid"],[class*="-metric-grid"],[class*="-stats-grid"],[class*="-kpis"]){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media (max-width:767px){
  html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :is(
    .bimas-kpi-grid,
    .bimas-auto-kpi-strip,
    .dash-grid,
    .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,
    [class*="-kpi-grid"],
    [class*="-metric-grid"],
    [class*="-stats-grid"],
    [class*="-kpis"]
  ){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell .ceo-kpi-grid,
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell .ceo-report-grid,
  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .page-container .pfi-kpi-grid,
  html[data-auth-ready="app"] body[data-route="reports"] #app-content#app-content .page-container .reports-hub-kpis,
  html[data-auth-ready="app"] body[data-route="reports"] #app-content#app-content .page-container .reports-report-kpis,
  html[data-auth-ready="app"] body[data-route="accounts"] #app-content#app-content .page-container .accounts-kpi-grid,
  html[data-auth-ready="app"] body[data-route="operations-center"] #app-content#app-content .page-container .ops-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :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,
    .settings-summary-card,
    .settings-readiness-card,
    .settings-mobile-stat,
    [class*="-kpi-card"],
    [class*="-metric-card"],
    [class*="-stat-card"]
  ){
    grid-template-columns:var(--bimas-kpi-icon-size) minmax(0,1fr)!important;
    min-height:var(--bimas-kpi-height)!important;
    height:var(--bimas-kpi-height)!important;
    column-gap:.45rem!important;
  }

  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell :is(.ceo-kpi,.ceo-report){
    grid-template-columns:var(--bimas-kpi-icon-size) minmax(0,1fr)!important;
    min-height:var(--bimas-kpi-height)!important;
    height:var(--bimas-kpi-height)!important;
    column-gap:.45rem!important;
    padding:.48rem .5rem!important;
  }

  html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :is(.bimas-kpi-label,.kpi-label,.metric-label,.stat-label,.ceo-kpi-label,.reports-hub-kpi-label,.reports-report-kpi-label,.sales-perf-kpi-label,.accounts-kpi-label,.fgs-metric-label,.inv-kpi-label,.inv-overview-metric-label,.wip-metric-label,.sof-kpi-label,.fleet-kpi-label,.drn-kpi-label,.dn-kpi-label,[class*="-kpi-label"],[class*="-metric-label"],[class*="-stat-label"]){
    font-size:.54rem!important;
    line-height:1.12!important;
  }

  html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :is(.bimas-kpi-value,.kpi-value,.metric-value,.stat-value,.ceo-kpi-value,.reports-hub-kpi-value,.reports-report-kpi-value,.sales-perf-kpi-value,.accounts-kpi-value,.fgs-metric-value,.inv-kpi-value,.inv-overview-metric-value,.wip-metric-value,.sof-kpi-value,.fleet-kpi-value,.drn-kpi-value,.dn-kpi-value,[class*="-kpi-value"],[class*="-metric-value"],[class*="-stat-value"]){
    font-size:.82rem!important;
    line-height:1.08!important;
  }

  html[data-auth-ready="app"] body[data-route] #app-content#app-content .page-container :is(.bimas-kpi-sub,.kpi-sub,.metric-sub,.stat-sub,.ceo-kpi-sub,.reports-hub-kpi-sub,.reports-report-kpi-sub,.sales-perf-kpi-sub,.accounts-kpi-sub,.fgs-metric-sub,.inv-kpi-sub,.inv-overview-metric-sub,.wip-metric-sub,.sof-kpi-sub,.fleet-kpi-sub,.drn-kpi-sub,.dn-kpi-sub,[class*="-kpi-sub"],[class*="-metric-sub"],[class*="-stat-sub"]){
    font-size:.46rem!important;
    line-height:1.1!important;
  }

  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell .ceo-kpi-label{font-size:.54rem!important;line-height:1.12!important;}
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell .ceo-kpi-value{font-size:.82rem!important;line-height:1.08!important;}
  html[data-auth-ready="app"] body[data-route="dashboard"] #app-content#app-content .page-container .ceo-shell .ceo-kpi-sub{font-size:.46rem!important;line-height:1.1!important;}
}

/* PFI KPI strip: preserve the compact four-card reference layout. */
html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-kpi-grid.pfi-kpi-grid-aligned{
  box-sizing:border-box!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.6rem!important;
  width:100%!important;
  margin:.7rem 0 1rem!important;
  padding:0 .5rem!important;
  align-items:stretch!important;
  overflow:visible!important;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned{
  --bimas-final-tone:var(--tone,var(--pfi-tone,#174f91));
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:2rem minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  align-content:center!important;
  min-width:0!important;
  min-height:68px!important;
  height:68px!important;
  column-gap:.58rem!important;
  padding:.48rem .64rem!important;
  border:1px solid #d7e3ef!important;
  border-top:3px solid var(--bimas-final-tone)!important;
  border-left:1px solid #d7e3ef!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)!important;
  box-shadow:0 7px 16px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:start!important;
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  width:2rem!important;
  height:2rem!important;
  min-width:2rem!important;
  max-width:2rem!important;
  flex:0 0 2rem!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--bimas-final-tone)!important;
  color:#fff!important;
  overflow:hidden!important;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned > .bimas-kpi-icon > .material-symbols-outlined{
  position:static!important;
  inset:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:auto!important;
  justify-self:auto!important;
  display:block!important;
  width:1em!important;
  height:1em!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:1rem!important;
  line-height:1!important;
  overflow:visible!important;
  transform:none!important;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-body{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:.02rem!important;
  margin:0!important;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-label{
  font-size:.5rem!important;
  line-height:1.08!important;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-value{
  font-size:.88rem!important;
  line-height:1.04!important;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-sub{
  font-size:.43rem!important;
  line-height:1.08!important;
}

@media (max-width:767px){
  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-kpi-grid.pfi-kpi-grid-aligned{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5rem!important;
    padding:0!important;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned{
    grid-template-columns:1.75rem minmax(0,1fr)!important;
    min-height:76px!important;
    height:76px!important;
    column-gap:.45rem!important;
    padding:.48rem .5rem!important;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-icon{
    width:1.75rem!important;
    height:1.75rem!important;
    min-width:1.75rem!important;
    max-width:1.75rem!important;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-label{
    font-size:.52rem!important;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-value{
    font-size:.8rem!important;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-metric-card.pfi-kpi-card-aligned .bimas-kpi-sub{
    font-size:.44rem!important;
  }
}

/* Dedicated PFI summaries, isolated from all legacy KPI selectors. */
html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-strip{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.68rem;
  width:100%;
  margin:.75rem 0 1rem;
  padding:.15rem .45rem;
  align-items:stretch;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-tile{
  box-sizing:border-box;
  position:relative;
  min-width:0;
  min-height:78px;
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr);
  align-items:center;
  column-gap:.68rem;
  padding:.62rem .76rem;
  border:1px solid #d7e3ef;
  border-top:3px solid var(--pfi-summary-tone);
  border-radius:8px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 7px 16px rgba(15,23,42,.055);
  overflow:hidden;
  text-align:left;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-icon{
  box-sizing:border-box;
  position:static;
  display:grid;
  place-items:center;
  width:2.25rem;
  height:2.25rem;
  min-width:2.25rem;
  margin:0;
  padding:0;
  border-radius:7px;
  background:var(--pfi-summary-tone);
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:1.08rem;
  line-height:1;
  box-shadow:0 7px 14px color-mix(in srgb,var(--pfi-summary-tone) 22%,transparent);
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.04rem;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content :is(.pfi-summary-label,.pfi-summary-value,.pfi-summary-note){
  display:block;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:0;
  color:#071529;
  letter-spacing:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-label{
  font-size:.56rem;
  font-weight:900;
  line-height:1.08;
  text-transform:uppercase;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-value{
  font-family:var(--font-display,Inter,Arial,sans-serif);
  font-size:.9rem;
  font-weight:950;
  line-height:1.08;
}

html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-note{
  color:#475569;
  font-size:.5rem;
  font-weight:800;
  line-height:1.1;
}

@media (max-width:767px){
  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.5rem;
    margin:.65rem 0 .85rem;
    padding:0;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-tile{
    min-height:80px;
    grid-template-columns:1.85rem minmax(0,1fr);
    column-gap:.48rem;
    padding:.55rem .58rem;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-icon{
    width:1.85rem;
    height:1.85rem;
    min-width:1.85rem;
    font-size:.94rem;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-label{
    font-size:.52rem;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-value{
    font-size:.82rem;
  }

  html[data-auth-ready="app"] body[data-route="pfi"] #app-content#app-content .pfi-summary-note{
    font-size:.44rem;
  }
}

/* SOF operational workspace. */
html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .page-container{
  max-width:none!important;
  padding:1rem 1.1rem 1.75rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-page{
  --sof-modern-blue:#174f91;
  --sof-modern-ink:#0f1f35;
  --sof-modern-muted:#5b6b82;
  --sof-modern-line:#d9e4ef;
  --sof-modern-soft:#f5f8fc;
  gap:.85rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-header{
  box-sizing:border-box;
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(18rem,1fr) minmax(30rem,auto);
  gap:1rem;
  align-items:center!important;
  min-height:7.25rem;
  padding:1rem 1.1rem!important;
  border:1px solid var(--sof-modern-line);
  border-top:3px solid var(--sof-modern-blue);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(23,79,145,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(23,79,145,.025) 1px,transparent 1px),
    #fff;
  background-size:40px 40px;
  box-shadow:0 10px 24px rgba(15,31,53,.055);
  overflow:hidden;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-header-copy{
  min-width:0;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-header-eyebrow{
  display:block;
  margin:0 0 .32rem;
  color:#b45309;
  font-size:.62rem;
  font-weight:900;
  line-height:1.1;
  letter-spacing:0;
  text-transform:uppercase;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-header h1{
  margin:0!important;
  color:var(--sof-modern-ink)!important;
  font-size:1.55rem!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-header p{
  max-width:42rem;
  margin:.4rem 0 0!important;
  color:var(--sof-modern-muted)!important;
  font-size:.82rem!important;
  font-weight:650!important;
  line-height:1.45!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-actions{
  display:grid!important;
  grid-template-columns:auto minmax(20rem,1fr) auto auto;
  gap:.55rem!important;
  align-items:center;
  justify-content:end!important;
  min-width:0;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-header-action{
  box-sizing:border-box;
  min-width:0;
  min-height:2.55rem!important;
  display:inline-grid!important;
  grid-auto-flow:column;
  grid-auto-columns:max-content;
  align-items:center;
  justify-content:center;
  gap:.42rem!important;
  padding:.52rem .72rem!important;
  border:1px solid #d5e1ee!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#17355f!important;
  font-size:.7rem!important;
  font-weight:850!important;
  line-height:1.1;
  box-shadow:0 4px 10px rgba(15,31,53,.045)!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-header-action:hover{
  border-color:#9eb8d8!important;
  background:#f7faff!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher{
  min-width:0;
  min-height:2.8rem;
  display:grid;
  grid-template-columns:2rem minmax(0,1fr) 2.1rem 2.1rem;
  align-items:center;
  gap:.32rem;
  padding:.3rem;
  border:1px solid #cbd9e8;
  border-radius:7px;
  background:#fff;
  box-shadow:0 4px 10px rgba(15,31,53,.045);
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-icon{
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  border-radius:6px;
  background:#174f91;
  color:#fff;
  font-size:1rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher label{
  min-width:0;
  display:grid;
  gap:.08rem;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher small{
  color:#64748b;
  font-size:.56rem;
  font-weight:850;
  line-height:1;
  text-transform:uppercase;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher select{
  width:100%;
  min-width:0;
  height:1.25rem;
  padding:0 1.25rem 0 0;
  border:0!important;
  outline:0;
  background:transparent;
  color:#16345b;
  font-size:.7rem;
  font-weight:850;
  line-height:1.2;
  text-overflow:ellipsis;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher button{
  width:2.1rem;
  height:2.1rem;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:6px;
  background:#edf3f9;
  color:#174f91;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher button:hover{
  background:#174f91;
  color:#fff;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher button .material-symbols-outlined{
  font-size:1rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-action-arrow{
  margin-left:auto;
  font-size:.9rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-print-action{
  color:#0f172a!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .bimas-auto-kpi-strip{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.62rem;
  width:100%;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-tile{
  box-sizing:border-box;
  min-width:0;
  min-height:76px;
  display:grid;
  grid-template-columns:2rem minmax(0,1fr);
  gap:.58rem;
  align-items:center;
  padding:.55rem .65rem;
  border:1px solid var(--sof-modern-line);
  border-top:3px solid var(--sof-summary-tone);
  border-radius:8px;
  background:linear-gradient(180deg,#fff,#f9fbfd);
  box-shadow:0 7px 16px rgba(15,31,53,.05);
  overflow:hidden;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-icon{
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  border-radius:7px;
  background:var(--sof-summary-tone);
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:1rem;
  line-height:1;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.02rem;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content :is(.sof-summary-label,.sof-summary-value,.sof-summary-note){
  display:block;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:0;
  letter-spacing:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-label{
  color:#243b59;
  font-size:.5rem;
  font-weight:900;
  line-height:1.08;
  text-transform:uppercase;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-value{
  color:#0f1f35;
  font-size:.9rem;
  font-weight:950;
  line-height:1.08;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-note{
  color:#607086;
  font-size:.44rem;
  font-weight:800;
  line-height:1.1;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-card{
  padding:.9rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(16rem,.72fr)!important;
  gap:.7rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-option{
  min-height:5rem!important;
  grid-template-columns:auto 2rem minmax(0,1fr)!important;
  gap:.65rem!important;
  padding:.75rem!important;
  border-radius:8px!important;
  border-color:#d7e2ee!important;
  background:#fff!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-option:hover{
  border-color:#9eb8d8!important;
  background:#f8fbff!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-option.active{
  border-color:#174f91!important;
  background:#f2f7fd!important;
  box-shadow:inset 0 0 0 1px rgba(23,79,145,.12)!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-option > .material-symbols-outlined{
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  border-radius:7px;
  background:#eaf2fb;
  color:#174f91;
  font-size:1.08rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-option strong{
  color:#18324f!important;
  font-size:.72rem!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-option small{
  margin-top:.25rem!important;
  color:#5e7088!important;
  font-size:.65rem!important;
  line-height:1.35!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-help{
  padding:.75rem!important;
  border-radius:8px!important;
  border-color:#d7e2ee!important;
  background:#f7f9fc!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-help p{
  margin:.35rem 0 0!important;
  color:#5e7088!important;
  font-size:.64rem!important;
  line-height:1.38!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-ref-panels{
  display:block!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-workspace-panel[hidden],
html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-workspace-panel.is-hidden{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-ref-card{
  border-color:var(--sof-modern-line)!important;
  border-radius:8px!important;
  box-shadow:0 9px 24px rgba(15,31,53,.05)!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-panel-head{
  padding-bottom:.65rem;
  border-bottom:1px solid #e3eaf2;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-form-grid input,
html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-form-grid select,
html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-ref-qty,
html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-ref-select{
  min-height:2.45rem!important;
  height:2.45rem!important;
  border-radius:7px!important;
  border-color:#d3deea!important;
  color:#18324f!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-ref-table-wrap{
  border-radius:8px!important;
  border-color:#d9e4ef!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-ref-table th{
  background:#f2f6fa!important;
  color:#405673!important;
}

html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-card-actions{
  padding-top:.8rem;
  border-top:1px solid #e3eaf2;
}

@media (max-width:1180px){
  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-header{
    grid-template-columns:1fr;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-actions{
    grid-template-columns:auto minmax(19rem,1fr) auto auto;
  }

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

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-help{
    grid-column:1/-1;
  }
}

@media (max-width:767px){
  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .page-container{
    padding:.7rem!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-header{
    min-height:auto;
    padding:.8rem!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-header h1{
    font-size:1.2rem!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-header p{
    font-size:.72rem!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-reference-actions{
    grid-template-columns:1fr 1fr!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher{
    grid-column:1/-1;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-location-switcher select{
    font-size:.68rem;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.48rem;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-tile{
    min-height:76px;
    grid-template-columns:1.75rem minmax(0,1fr);
    gap:.42rem;
    padding:.5rem;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-summary-icon{
    width:1.75rem;
    height:1.75rem;
    font-size:.9rem;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-grid{
    grid-template-columns:1fr!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-mode-help{
    grid-column:auto;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-form-grid.three{
    grid-template-columns:1fr!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-card-actions,
  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-card-actions.end{
    flex-direction:column!important;
  }

  html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content .sof-card-actions > button{
    width:100%;
  }
}

/* SOF owns its operational summary; never re-introduce the generic module KPI strip. */
html[data-auth-ready="app"] body[data-route="sof"] #app-content#app-content#app-content .bimas-auto-kpi-strip.bimas-auto-kpi-strip{
  display:none!important;
}

/* Customers: compact CRM workspace with responsive record rows. */
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content{
  background:#f4f7fb!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content > .page-container{
  max-width:104rem!important;
  padding-top:.8rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .customers-page{
  gap:.78rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero{
  min-height:5.7rem;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:.85rem!important;
  padding:.8rem .9rem!important;
  overflow:visible!important;
  border:1px solid #d5e1ee!important;
  border-top:3px solid #174f91!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,31,53,.055)!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero::before{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-menu-btn{
  width:2.25rem!important;
  height:2.25rem!important;
  border:1px solid #d7e2ee!important;
  border-radius:7px!important;
  background:#f3f7fb!important;
  color:#174f91!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-eyebrow{
  margin:0 0 .2rem!important;
  color:#b45309!important;
  font-size:.6rem!important;
  letter-spacing:0!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero h1{
  margin:0!important;
  color:#102640!important;
  font-size:1.45rem!important;
  line-height:1.05!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-header-meta{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:.38rem;
  color:#64748b;
  font-size:.68rem;
  font-weight:750;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-header-meta > span{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-header-meta .material-symbols-outlined{
  font-size:.86rem;
  color:#174f91;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-end!important;
  gap:.42rem!important;
  flex-wrap:nowrap!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero-actions .btn{
  min-height:2.35rem!important;
  padding:.45rem .68rem!important;
  border:1px solid #d3dfec!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#183b67!important;
  box-shadow:none!important;
  font-size:.7rem!important;
  white-space:nowrap;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero-actions .btn-primary{
  border-color:#174f91!important;
  background:#174f91!important;
  color:#fff!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.58rem!important;
  margin:0!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-card{
  min-height:72px!important;
  height:72px!important;
  grid-template-columns:2rem minmax(0,1fr)!important;
  gap:.55rem!important;
  padding:.5rem .62rem!important;
  border-radius:8px!important;
  box-shadow:0 5px 14px rgba(15,31,53,.045)!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-card::after{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-card > .material-symbols-outlined{
  width:2rem!important;
  height:2rem!important;
  border-radius:6px!important;
  font-size:.95rem!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-card small{
  font-size:.57rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-card strong{
  font-size:1rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-card em{
  color:#64748b!important;
  font-size:.54rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-directory-card{
  overflow:visible!important;
  border:1px solid #d5e1ee!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,31,53,.05)!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-section-head{
  align-items:center!important;
  padding:.72rem .85rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-section-kicker{
  margin:0 0 .16rem!important;
  color:#b45309!important;
  font-size:.56rem!important;
  letter-spacing:0!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-section-head h2{
  font-size:.95rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-count-pill{
  min-height:1.6rem!important;
  border-radius:6px!important;
  padding:.2rem .5rem!important;
  background:#eef4fa!important;
  color:#34516f!important;
  font-size:.62rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-toolbar{
  grid-template-columns:minmax(18rem,1fr) auto!important;
  gap:.65rem!important;
  padding:.65rem .85rem!important;
  background:#f8fafc!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-search input{
  height:2.35rem!important;
  padding-left:2.25rem!important;
  padding-right:2.2rem!important;
  border-radius:7px!important;
  font-size:.74rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-search-clear{
  position:absolute;
  top:50%;
  right:.38rem;
  width:1.65rem;
  height:1.65rem;
  display:none;
  place-items:center;
  padding:0;
  transform:translateY(-50%);
  border:0;
  border-radius:5px;
  background:#eef3f8;
  color:#52677f;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-search-clear.visible{
  display:grid;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-search-clear .material-symbols-outlined{
  font-size:.85rem;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-filter-tabs{
  display:grid;
  grid-template-columns:repeat(3,auto);
  gap:.22rem;
  padding:.2rem;
  border:1px solid #d5e1ee;
  border-radius:7px;
  background:#fff;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-filter-tabs button{
  min-height:1.9rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.34rem;
  padding:.3rem .55rem;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#52677f;
  font-size:.64rem;
  font-weight:850;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-filter-tabs button span{
  min-width:1.18rem;
  padding:.08rem .25rem;
  border-radius:4px;
  background:#edf2f7;
  font-size:.56rem;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-filter-tabs button.active{
  background:#174f91;
  color:#fff;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-filter-tabs button.active span{
  background:rgba(255,255,255,.18);
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table-wrap{
  overflow:visible!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table{
  width:100%!important;
  min-width:64rem!important;
  table-layout:fixed;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th{
  padding:.65rem .72rem!important;
  background:#f2f6fa!important;
  font-size:.59rem!important;
  letter-spacing:0!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table td{
  padding:.62rem .72rem!important;
  font-size:.72rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th:nth-child(1){width:20%}
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th:nth-child(2){width:9%}
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th:nth-child(3){width:22%}
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th:nth-child(4){width:7%}
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th:nth-child(5){width:14%}
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th:nth-child(6){width:12%}
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table th:nth-child(7){width:16%}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-avatar{
  width:2.15rem!important;
  height:2.15rem!important;
  border-radius:7px!important;
  background:#174f91!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-name-block strong{
  font-size:.75rem;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-name-block small{
  font-size:.62rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-phone,
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-email{
  display:flex;
  align-items:center;
  gap:.28rem;
  min-width:0;
  overflow:hidden;
  color:#52677f;
  font-size:.64rem!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-phone .material-symbols-outlined,
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-email .material-symbols-outlined{
  flex:0 0 auto;
  color:#7890a9;
  font-size:.72rem;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-relation{
  display:inline-flex;
  align-items:center;
  min-height:1.45rem;
  padding:.18rem .42rem;
  border-radius:5px;
  background:#eef2f6;
  color:#52677f;
  font-size:.58rem;
  font-weight:900;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-relation.active{
  background:#e8f6ee;
  color:#14723c;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-relation.repeat{
  background:#fff2df;
  color:#9a4d08;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-orders-cell span{
  min-width:1.65rem!important;
  height:1.65rem!important;
  border-radius:6px!important;
  font-size:.68rem;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-actions{
  position:relative;
  gap:.25rem!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-action-btn,
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more summary{
  width:1.8rem;
  height:1.8rem;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #d7e1ec;
  border-radius:6px;
  background:#fff;
  color:#48627d;
  cursor:pointer;
  list-style:none;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-action-btn.primary{
  border-color:#174f91;
  background:#174f91;
  color:#fff;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-action-btn .material-symbols-outlined,
html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more summary .material-symbols-outlined{
  font-size:.86rem;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more{
  position:relative;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more summary::-webkit-details-marker{
  display:none;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more-menu{
  position:absolute;
  z-index:30;
  top:calc(100% + .28rem);
  right:0;
  width:10.5rem;
  padding:.3rem;
  border:1px solid #d5e1ee;
  border-radius:7px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,31,53,.16);
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more-menu :is(button,a){
  width:100%;
  min-height:2rem;
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .48rem;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#274562;
  font-size:.65rem;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more-menu :is(button,a):hover{
  background:#eef4fa;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more-menu .material-symbols-outlined{
  font-size:.9rem;
  color:#174f91;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-no-results{
  min-height:10rem;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:.45rem;
  color:#64748b;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-no-results[hidden]{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-no-results button{
  border:0;
  background:transparent;
  color:#174f91;
  font-weight:850;
  cursor:pointer;
}

@media (max-width:1180px){
  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero{
    grid-template-columns:auto minmax(0,1fr)!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero-actions{
    grid-column:1/-1;
    justify-content:flex-start!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table-wrap{
    overflow-x:auto!important;
  }
}

@media (max-width:767px){
  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content > .page-container{
    padding:.65rem!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero{
    min-height:auto;
    padding:.7rem!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero h1{
    font-size:1.2rem!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-header-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:.22rem;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-hero-actions .btn{
    width:100%;
    min-width:0;
    padding:.42rem .25rem!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-add-customer .cust-add-label{
    display:none;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-add-customer::after{
    content:"Add";
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.45rem!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-kpi-card{
    height:70px!important;
    min-height:70px!important;
    padding:.46rem!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-toolbar{
    grid-template-columns:1fr!important;
    padding:.6rem!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-section-head{
    flex-direction:row!important;
    align-items:center!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-filter-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table-wrap{
    overflow:visible!important;
    padding:.5rem;
    background:#f4f7fb;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table{
    min-width:0!important;
    display:block;
    background:transparent;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table thead{
    display:none;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table tbody{
    display:grid;
    gap:.5rem;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table tr{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.42rem .65rem;
    padding:.68rem;
    border:1px solid #d5e1ee;
    border-radius:8px;
    background:#fff;
    box-shadow:0 4px 12px rgba(15,31,53,.04);
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table td{
    min-width:0;
    display:block;
    padding:0!important;
    border:0!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:.16rem;
    color:#7890a9;
    font-size:.52rem;
    font-weight:900;
    text-transform:uppercase;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table td:first-child,
  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table td:last-child{
    grid-column:1/-1;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table td:first-child::before,
  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-table td:last-child::before{
    display:none;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-orders-cell{
    text-align:left!important;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-actions{
    justify-content:flex-end!important;
    padding-top:.48rem;
    border-top:1px solid #e1e8f0;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-action-btn,
  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more summary{
    width:2rem;
    height:2rem;
  }

  html[data-auth-ready="app"] body[data-route="customers"] #app-content#app-content .cust-more-menu{
    top:auto;
    right:0;
    bottom:calc(100% + .28rem);
  }
}

/* Products: catalogue operations, costing status, and responsive product cards. */
html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content{
  background:#f4f7fb!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content > .page-container{
  max-width:104rem!important;
  padding-top:.8rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-page{
  gap:.78rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero{
  min-height:5.7rem;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:.85rem!important;
  padding:.8rem .9rem!important;
  overflow:visible!important;
  border:1px solid #d5e1ee!important;
  border-top:3px solid #174f91!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,31,53,.055)!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero::before{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-menu-btn{
  width:2.25rem!important;
  height:2.25rem!important;
  border:1px solid #d7e2ee!important;
  border-radius:7px!important;
  background:#f3f7fb!important;
  color:#174f91!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-eyebrow{
  margin:0 0 .2rem!important;
  color:#b45309!important;
  font-size:.6rem!important;
  letter-spacing:0!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero h1{
  margin:0!important;
  color:#102640!important;
  font-size:1.45rem!important;
  line-height:1.05!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-header-meta{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:.38rem;
  color:#64748b;
  font-size:.68rem;
  font-weight:750;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-header-meta > span{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-header-meta .material-symbols-outlined{
  color:#174f91;
  font-size:.86rem;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-end!important;
  gap:.42rem!important;
  flex-wrap:nowrap!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero-actions .btn{
  min-height:2.35rem!important;
  padding:.45rem .68rem!important;
  border:1px solid #d3dfec!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#183b67!important;
  box-shadow:none!important;
  font-size:.7rem!important;
  white-space:nowrap;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero-actions .btn-primary{
  border-color:#174f91!important;
  background:#174f91!important;
  color:#fff!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance{
  position:relative;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance summary{
  width:2.35rem;
  height:2.35rem;
  display:grid;
  place-items:center;
  border:1px solid #d3dfec;
  border-radius:7px;
  background:#fff;
  color:#183b67;
  cursor:pointer;
  list-style:none;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance summary::-webkit-details-marker{
  display:none;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance summary .material-symbols-outlined{
  font-size:1rem;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance > div{
  position:absolute;
  z-index:40;
  top:calc(100% + .3rem);
  right:0;
  width:12.5rem;
  padding:.3rem;
  border:1px solid #d5e1ee;
  border-radius:7px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,31,53,.16);
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance button{
  width:100%;
  min-height:2rem;
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .48rem;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#274562;
  font-size:.65rem;
  font-weight:750;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance button:hover{
  background:#eef4fa;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance button.danger{
  color:#b42318;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-maintenance button .material-symbols-outlined{
  font-size:.9rem;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.58rem!important;
  margin:0!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card{
  min-height:72px!important;
  height:72px!important;
  display:grid!important;
  grid-template-columns:2rem minmax(0,1fr)!important;
  gap:.55rem!important;
  padding:.5rem .62rem!important;
  border:1px solid #dbe6f2!important;
  border-top:3px solid var(--products-kpi-color,#174f91)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(15,31,53,.045)!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card::after{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card > .material-symbols-outlined{
  width:2rem!important;
  height:2rem!important;
  display:grid!important;
  place-items:center!important;
  border-radius:6px!important;
  background:var(--products-kpi-color,#174f91)!important;
  color:#fff!important;
  font-size:.95rem!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card > div{
  min-width:0;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card :is(small,strong,em){
  display:block!important;
  min-width:0;
  margin:0!important;
  overflow:hidden;
  color:#0f172a!important;
  font-style:normal!important;
  letter-spacing:0!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card small{
  font-size:.57rem!important;
  font-weight:950!important;
  text-transform:uppercase;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card strong{
  font-size:1rem!important;
  font-weight:950!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card em{
  color:#64748b!important;
  font-size:.54rem!important;
  font-weight:850!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-toolbar{
  grid-template-columns:minmax(18rem,1fr) minmax(11rem,14rem) auto auto!important;
  gap:.55rem!important;
  padding:.6rem!important;
  border:1px solid #d5e1ee!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(15,31,53,.045)!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-search{
  position:relative;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-search > .material-symbols-outlined{
  position:absolute;
  z-index:2;
  top:50%;
  left:.72rem;
  transform:translateY(-50%);
  color:#71869e;
  font-size:.95rem;
  pointer-events:none;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-toolbar .form-input,
html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-toolbar .form-select{
  height:2.35rem!important;
  border-radius:7px!important;
  font-size:.72rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-search input{
  padding-left:2.15rem!important;
  padding-right:2.15rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-search-clear{
  position:absolute;
  z-index:3;
  top:50%;
  right:.35rem;
  width:1.65rem;
  height:1.65rem;
  display:none;
  place-items:center;
  padding:0;
  transform:translateY(-50%);
  border:0;
  border-radius:5px;
  background:#eef3f8;
  color:#52677f;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-search-clear.visible{
  display:grid;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-search-clear .material-symbols-outlined{
  font-size:.82rem;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-result-count{
  min-height:2.35rem;
  display:inline-flex;
  align-items:center;
  padding:0 .6rem;
  border-radius:7px;
  background:#eef4fa;
  color:#3f5872;
  font-size:.62rem;
  font-weight:900;
  white-space:nowrap;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-view-toggle{
  display:grid!important;
  grid-template-columns:repeat(2,2rem);
  gap:.2rem!important;
  padding:.16rem!important;
  border-radius:7px!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-view-toggle button{
  width:2rem;
  height:2rem;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#60758d;
  cursor:pointer;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-view-toggle button.active{
  background:#174f91;
  color:#fff;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-view-toggle .material-symbols-outlined{
  font-size:.92rem;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))!important;
  gap:.65rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card{
  min-height:23.5rem!important;
  border:1px solid #d5e1ee!important;
  border-radius:8px!important;
  box-shadow:0 6px 18px rgba(15,31,53,.05)!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card::after{
  display:none!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-visual{
  height:8.4rem!important;
  max-height:8.4rem!important;
  aspect-ratio:auto!important;
  background:#eef3f8!important;
  border-bottom:1px solid #dce5ee;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-visual-img{
  object-fit:contain!important;
  padding:.35rem;
  background:#fff;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-visual-icon{
  width:3.7rem!important;
  height:3.7rem!important;
  flex-basis:3.7rem!important;
  border-radius:8px!important;
  background:#dfeaf6!important;
  color:#174f91!important;
  font-size:2.2rem!important;
  opacity:1!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-status,
html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-category{
  border-radius:5px!important;
  box-shadow:none!important;
  font-size:.52rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-category{
  background:#174f91!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-body{
  padding:.72rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content#app-content .products-card :is(
  .products-card-title,
  .products-card-title > p,
  .products-card-desc,
  .products-card-tags,
  .product-card-footer,
  .product-card-price,
  .product-card-actions
){
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content#app-content .products-card :is(
  .products-card-title > p,
  .products-card-desc,
  .product-card-price
){
  padding:0!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-title{
  min-height:2.45rem!important;
  margin-bottom:.45rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-title p:first-child{
  font-size:.78rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-title p:last-child{
  font-size:.61rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-desc{
  min-height:2rem!important;
  margin-bottom:.5rem!important;
  font-size:.64rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-tags{
  min-height:1.75rem!important;
  max-height:1.75rem!important;
  margin-bottom:.55rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content#app-content .products-card-tags > span{
  border:0!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content#app-content .products-card-status{
  border:0!important;
  background:#64748b!important;
  color:#fff!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content#app-content .products-card-status.active{
  background:#087443!important;
  color:#fff!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content#app-content .products-card-category{
  border:0!important;
  background:#174f91!important;
  color:#fff!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card .product-card-footer{
  gap:.42rem!important;
  padding-top:.5rem!important;
  border-top:1px solid #e1e8f0;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card .product-card-price{
  color:#13753c!important;
  font-size:.88rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card .product-add-pfi{
  height:2.1rem!important;
  border-radius:6px!important;
  font-size:.67rem!important;
  box-shadow:none!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card .product-card-actions{
  gap:.3rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card .product-icon-btn{
  height:1.9rem!important;
  border:1px solid #d7e1ec!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#48627d!important;
}

html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content #prod-container > .card{
  overflow-x:auto!important;
  border:1px solid #d5e1ee!important;
  border-radius:8px!important;
  box-shadow:0 6px 18px rgba(15,31,53,.05)!important;
}

html[data-auth-ready="app"] body[data-route="products"] .modal-content:has(.products-form){
  max-width:54rem!important;
}

html[data-auth-ready="app"] body[data-route="products"] .products-form .form-group{
  padding:.7rem!important;
  background:#fff!important;
}

@media (max-width:1180px){
  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero{
    grid-template-columns:auto minmax(0,1fr)!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero-actions{
    grid-column:1/-1;
    justify-content:flex-start!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(10rem,14rem) auto auto!important;
  }
}

@media (max-width:767px){
  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content > .page-container{
    padding:.65rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero{
    min-height:auto;
    padding:.7rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero h1{
    font-size:1.2rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-header-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:.2rem;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr 2.35rem 1.15fr;
    width:100%;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-hero-actions .btn{
    width:100%;
    min-width:0;
    padding:.42rem .25rem!important;
  }

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

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-kpi-card{
    min-height:70px!important;
    height:70px!important;
    padding:.46rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-toolbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:.5rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-search{
    grid-column:1/-1;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-category-filter{
    min-width:0;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-result-count{
    display:none;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.48rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card{
    min-height:22rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-visual{
    height:7.2rem!important;
    max-height:7.2rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-category{
    max-width:calc(100% - 1rem)!important;
    left:.5rem!important;
    bottom:.45rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-status{
    top:.45rem!important;
    right:.5rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-body{
    padding:.58rem!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card-desc{
    -webkit-line-clamp:2!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card .product-card-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] .products-form .grid-2,
  html[data-auth-ready="app"] body[data-route="products"] .products-image-uploader{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:420px){
  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-grid{
    grid-template-columns:1fr!important;
  }

  html[data-auth-ready="app"] body[data-route="products"] #app-content#app-content .products-card{
    min-height:22.5rem!important;
  }
}

/* BIMAS mobile launch sequence. Loaded last to replace the legacy glass card splash. */
#app-launch-screen.app-launch-screen{
  --launch-navy:#06172b;
  --launch-blue:#0b5cab;
  --launch-cyan:#22b8cf;
  --launch-orange:#f97316;
  --launch-gold:#facc15;
  --launch-green:#22c55e;
  position:fixed;
  inset:0;
  z-index:20000;
  display:grid;
  place-items:center;
  min-height:100dvh;
  padding:max(1.25rem,env(safe-area-inset-top)) max(1.15rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.15rem,env(safe-area-inset-left));
  overflow:hidden;
  background:
    linear-gradient(118deg,transparent 0 68%,rgba(249,115,22,.08) 68% 68.7%,transparent 68.7%),
    linear-gradient(62deg,transparent 0 26%,rgba(34,184,207,.07) 26% 26.7%,transparent 26.7%),
    linear-gradient(145deg,#081d35 0%,var(--launch-navy) 54%,#04101f 100%);
  color:#fff;
  isolation:isolate;
  opacity:1;
  visibility:visible;
  transform:none;
  transition:opacity .62s ease,visibility .62s ease,transform .62s ease;
}

#app-launch-screen.app-launch-screen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);
}

#app-launch-screen.app-launch-screen::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  bottom:0;
  height:.35rem;
  background:linear-gradient(90deg,var(--launch-orange) 0 28%,var(--launch-gold) 28% 48%,var(--launch-green) 48% 71%,var(--launch-cyan) 71% 100%);
  transform-origin:left;
  animation:launchAccentReveal .9s .15s both;
}

#app-launch-screen.app-launch-screen.app-launch-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.018);
}

#app-launch-screen .app-launch-blueprint{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}

#app-launch-screen .launch-line{
  position:absolute;
  display:block;
  height:1px;
  transform-origin:left;
  background:linear-gradient(90deg,transparent,rgba(34,184,207,.42),transparent);
  animation:launchLineDraw 1.6s ease-in-out both;
}

#app-launch-screen .launch-line-a{width:58vw;top:18%;left:-8%;transform:rotate(12deg);animation-delay:.12s}
#app-launch-screen .launch-line-b{width:66vw;top:67%;right:-16%;transform:rotate(-16deg);animation-delay:.3s}
#app-launch-screen .launch-line-c{width:45vw;top:82%;left:9%;transform:rotate(7deg);animation-delay:.48s}

#app-launch-screen .launch-node{
  position:absolute;
  width:.48rem;
  height:.48rem;
  border:1px solid rgba(250,204,21,.75);
  background:var(--launch-navy);
  transform:rotate(45deg) scale(0);
  animation:launchNodeIn .45s ease-out forwards;
}

#app-launch-screen .launch-node-a{top:18%;left:18%;animation-delay:.65s}
#app-launch-screen .launch-node-b{top:65%;right:22%;border-color:rgba(34,197,94,.78);animation-delay:.82s}
#app-launch-screen .launch-node-c{bottom:16%;left:28%;border-color:rgba(249,115,22,.8);animation-delay:1s}

#app-launch-screen .app-launch-stage{
  width:min(100%,29rem);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:clamp(1.4rem,4.5vh,2.5rem);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

#app-launch-screen .app-launch-brand{
  display:grid;
  justify-items:center;
  gap:1.1rem;
  text-align:center;
}

#app-launch-screen .app-launch-logo-frame{
  position:relative;
  width:clamp(8rem,30vw,10.5rem);
  aspect-ratio:1.28;
  display:grid;
  place-items:center;
  opacity:0;
  transform:translateY(12px) scale(.94);
  animation:launchLogoReveal .78s .12s cubic-bezier(.2,.8,.2,1) forwards;
}

#app-launch-screen .app-launch-logo{
  width:86%;
  height:86%;
  display:grid;
  place-items:center;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

#app-launch-screen .app-launch-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.38));
}

#app-launch-screen .app-launch-corner{
  position:absolute;
  width:1.15rem;
  height:1.15rem;
  border-color:rgba(34,184,207,.78);
  opacity:0;
  animation:launchCornerIn .38s .55s forwards;
}

#app-launch-screen .corner-a{top:0;left:0;border-top:2px solid;border-left:2px solid}
#app-launch-screen .corner-b{top:0;right:0;border-top:2px solid;border-right:2px solid}
#app-launch-screen .corner-c{bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}
#app-launch-screen .corner-d{right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}

#app-launch-screen .app-launch-wordmark{
  opacity:0;
  transform:translateY(10px);
  animation:launchCopyIn .6s .42s ease-out forwards;
}

#app-launch-screen .app-launch-kicker{
  display:block;
  margin:0 0 .4rem;
  color:#f9a45d;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
}

#app-launch-screen .app-launch-wordmark h1{
  margin:0;
  color:#fff;
  font-family:var(--font-display,"Plus Jakarta Sans",sans-serif);
  font-size:clamp(2.35rem,11vw,3.4rem);
  font-weight:900;
  line-height:.95;
  letter-spacing:0;
  text-shadow:0 8px 28px rgba(0,0,0,.32);
}

#app-launch-screen .app-launch-wordmark p{
  max-width:23rem;
  margin:.62rem auto 0;
  color:rgba(255,255,255,.7);
  font-size:clamp(.72rem,3.3vw,.88rem);
  font-weight:650;
  line-height:1.45;
}

#app-launch-screen .app-launch-operations{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:.32rem;
  opacity:0;
  transform:translateY(9px);
  animation:launchCopyIn .6s .68s ease-out forwards;
}

#app-launch-screen .app-launch-operation{
  min-width:0;
  display:grid;
  justify-items:center;
  gap:.32rem;
  color:rgba(255,255,255,.58);
}

#app-launch-screen .app-launch-operation .material-symbols-outlined{
  width:2.45rem;
  height:2.45rem;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:7px;
  background:rgba(255,255,255,.065);
  color:#fff;
  font-size:1.08rem;
  box-shadow:0 8px 20px rgba(0,0,0,.14);
  animation:launchOperationPulse 1.9s ease-in-out infinite;
}

#app-launch-screen .app-launch-operation small{
  max-width:100%;
  overflow:hidden;
  font-size:.55rem;
  font-weight:800;
  letter-spacing:0;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#app-launch-screen .op-sales .material-symbols-outlined{color:#fdba74;animation-delay:.1s}
#app-launch-screen .op-production .material-symbols-outlined{color:#67e8f9;animation-delay:.35s}
#app-launch-screen .op-inventory .material-symbols-outlined{color:#86efac;animation-delay:.6s}
#app-launch-screen .op-finance .material-symbols-outlined{color:#fde047;animation-delay:.85s}

#app-launch-screen .app-launch-connector{
  width:clamp(.7rem,3vw,1.2rem);
  height:1px;
  overflow:hidden;
  background:rgba(255,255,255,.15);
}

#app-launch-screen .app-launch-connector::after{
  content:"";
  display:block;
  width:50%;
  height:100%;
  background:var(--launch-cyan);
  animation:launchConnector 1.45s ease-in-out infinite;
}

#app-launch-screen .app-launch-load{
  opacity:0;
  transform:translateY(9px);
  animation:launchCopyIn .55s .85s ease-out forwards;
}

#app-launch-screen .app-launch-status{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.5rem;
  color:rgba(255,255,255,.78);
  font-size:.67rem;
  font-weight:750;
}

#app-launch-screen .app-launch-status-dot{
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--launch-cyan);
  box-shadow:0 0 0 4px rgba(34,184,207,.12);
  animation:launchStatusDot 1.1s ease-in-out infinite;
}

#app-launch-screen .app-launch-status strong{
  color:#fff;
  font-size:.66rem;
  font-weight:900;
}

#app-launch-screen .app-launch-progress{
  height:.28rem;
  margin:.62rem 0 .7rem;
  overflow:hidden;
  border-radius:2px;
  background:rgba(255,255,255,.12);
}

#app-launch-screen .app-launch-progress span{
  display:block;
  width:18%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--launch-orange),var(--launch-gold) 42%,var(--launch-green) 72%,var(--launch-cyan));
  animation:none;
  transition:width .42s cubic-bezier(.2,.8,.2,1);
}

#app-launch-screen .app-launch-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  color:rgba(255,255,255,.44);
  font-size:.55rem;
  font-weight:750;
}

#app-launch-screen .app-launch-foot > span:first-child{
  display:inline-flex;
  align-items:center;
  gap:.28rem;
}

#app-launch-screen .app-launch-foot .material-symbols-outlined{
  color:#86efac;
  font-size:.78rem;
}

#app-launch-screen.app-launch-ready .app-launch-status-dot{
  background:var(--launch-green);
  box-shadow:0 0 0 4px rgba(34,197,94,.15);
}

#app-launch-screen.app-launch-ready .app-launch-operation .material-symbols-outlined{
  border-color:rgba(34,197,94,.34);
}

@keyframes launchAccentReveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes launchLineDraw{0%{opacity:0;scale:0 1}35%{opacity:1}100%{opacity:.62;scale:1 1}}
@keyframes launchNodeIn{to{transform:rotate(45deg) scale(1)}}
@keyframes launchLogoReveal{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes launchCornerIn{to{opacity:1}}
@keyframes launchCopyIn{to{opacity:1;transform:translateY(0)}}
@keyframes launchOperationPulse{0%,100%{transform:translateY(0);border-color:rgba(255,255,255,.14)}50%{transform:translateY(-3px);border-color:rgba(255,255,255,.3)}}
@keyframes launchConnector{0%{transform:translateX(-130%)}100%{transform:translateX(240%)}}
@keyframes launchStatusDot{0%,100%{opacity:.55}50%{opacity:1}}

@media (max-width:420px){
  #app-launch-screen.app-launch-screen{
    place-items:center;
    padding-inline:1rem;
  }

  #app-launch-screen .app-launch-stage{
    width:min(100%,23rem);
    gap:clamp(1.1rem,3.8vh,1.7rem);
  }

  #app-launch-screen .app-launch-logo-frame{
    width:clamp(7rem,32vw,8.7rem);
  }

  #app-launch-screen .app-launch-operation .material-symbols-outlined{
    width:2.2rem;
    height:2.2rem;
    font-size:.98rem;
  }
}

@media (max-height:650px){
  #app-launch-screen .app-launch-stage{gap:.85rem}
  #app-launch-screen .app-launch-logo-frame{width:6.5rem}
  #app-launch-screen .app-launch-wordmark h1{font-size:2rem}
  #app-launch-screen .app-launch-operation .material-symbols-outlined{width:2rem;height:2rem}
}

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