/* BeverageHub generic workspace hero guard.
   Hard rule: dark burgundy filled hero surfaces are never allowed inside .app > main.
   Any current or future *-hero component in the authenticated workspace is
   minimal: no frame, no tinted background, no shadow -- the eyebrow,
   description, stats and actions sit directly on the page like the rest of
   the design (the page title lives in the header).
   Sidebar/navigation is intentionally excluded. */

body .app.app>main :is([class$="-hero"],[class*="-hero "]){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #eceff3!important;
  border-radius:0!important;
  color:#172033!important;
  box-shadow:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
body .app.app>main :is([class$="-hero"],[class*="-hero "]) :is(h1,h2,h3,h4,h5,h6,b,strong){
  color:#172033!important;
}
body .app.app>main :is([class$="-hero"],[class*="-hero "]) :is(p,small,span,em,label){
  color:#667085!important;
}
body .app.app>main :is([class$="-hero"],[class*="-hero "]) :is([class$="-stats"],[class*="-stats "])>*,
body .app.app>main :is([class$="-hero"],[class*="-hero "]) :is([class$="-stat"],[class*="-stat "]){
  background:#fff!important;
  background-image:none!important;
  border-color:#eceff3!important;
  color:#172033!important;
  box-shadow:none!important;
}
body .app.app>main :is([class$="-hero"],[class*="-hero "]) :is([class$="-stats"],[class*="-stats "])>* :is(b,strong){
  color:#172033!important;
}
body .app.app>main :is([class$="-hero"],[class*="-hero "]) :is([class$="-stats"],[class*="-stats "])>* :is(small,span){
  color:#667085!important;
}

/* Explicit protection for Products & Imports, the module that exposed the gap. */
body .app.app>main .apicbase-history-hero{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #eceff3!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#172033!important;
}
body .app.app>main .apicbase-history-hero-actions button{
  background:#fff!important;
  background-image:none!important;
  border-color:#e3e8ef!important;
  color:#344054!important;
  box-shadow:none!important;
}
body .app.app>main .apicbase-history-hero-actions button.primary{
  background:linear-gradient(135deg,#8b3150,#6e2139)!important;
  background-color:#6e2139!important;
  background-image:linear-gradient(135deg,#8b3150,#6e2139)!important;
  border-color:#6e2139!important;
  color:#fff!important;
  box-shadow:0 1px 2px rgba(20,3,9,.18)!important;
}