/* v2.99.194 — Master-only KPI card simplification.
   Four equal heading bars, distinct backgrounds, compact clickable Sales/SAPAAD cards.
   Existing financial figures, target bars, data subscriptions and modal actions unchanged. */
body.app-master .snapshot .bc-reference-master-v191{
 --bc194-heading-height:39px;
 --bc194-heading-radius:24px;
 --bc194-heading-gold:#efbe52;
}
/* Keep the original side-by-side grids intact at every breakpoint. */
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-halves,
body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 align-items:stretch!important;
}
/* Four headings share one footprint, including golden bevel and badge ring. */
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half>.sapaad-half-heading,
body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair>.metric.master-kpi-card>span:not(.trend-badge){
 height:var(--bc194-heading-height)!important;
 min-height:var(--bc194-heading-height)!important;
 max-height:var(--bc194-heading-height)!important;
 box-sizing:border-box!important;
 border:2px solid var(--bc194-heading-gold)!important;
 border-bottom:3px solid #b27a23!important;
 border-radius:var(--bc194-heading-radius)!important;
 box-shadow:0 2px 0 #a86f18,0 4px 7px #430d1e37!important;
 font-family:Calibri,Arial,sans-serif!important;
 font-weight:900!important;
 line-height:1.08!important;
 letter-spacing:0!important;
 white-space:nowrap!important;
 flex-wrap:nowrap!important;
 display:flex!important;align-items:center!important;
 text-transform:uppercase!important;
}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half>.sapaad-half-heading{
 gap:6px!important;
 padding:4px 6px!important;
 overflow:hidden!important;
 font-size:clamp(9px,2.85vw,13px)!important;
}
body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair>.metric.master-kpi-card>span:not(.trend-badge){
 top:6px!important;left:5px!important;right:5px!important;
 padding:5px 5px 5px 39px!important;
 font-size:clamp(9px,2.85vw,13px)!important;
}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-half-icon,
body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair>.metric.master-kpi-card>.ui-icon{
 width:26px!important;height:26px!important;min-width:26px!important;
 box-sizing:border-box!important;
 border:2px solid #f6d27a!important;border-radius:50%!important;
 padding:3px!important;flex:none!important;
 color:#ffe5a2!important;background:transparent!important;
}
body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair>.metric.master-kpi-card>.ui-icon{
 top:12px!important;left:11px!important;z-index:2!important;
}
/* Approved four heading colors. Gradient adds depth without changing gold framing. */
body.app-master .snapshot .bc-reference-master-v191 .sapaad-outlet-half>.sapaad-half-heading{
 background:linear-gradient(174deg,#bc1238 0%,#8a0025 55%,#560014 100%)!important;
}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-pos-half>.sapaad-half-heading{
 background:linear-gradient(174deg,#0b9961 0%,#06734a 57%,#02492f 100%)!important;
}
body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair>.metric.breakeven>span:not(.trend-badge){
 background:linear-gradient(174deg,#7e369d 0%,#5b207c 60%,#36124f 100%)!important;
}
body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair>.metric.sales-target>span:not(.trend-badge){
 background:linear-gradient(174deg,#22538f 0%,#163a74 55%,#0a224e 100%)!important;
}
/* Remove redundant height reserved for footers, Tap to open CTA, and POS date.
   They are omitted in the Master template; these rules guard older cached markup. */
body.app-master .snapshot .bc-reference-master-v191 .bc-sales-tap-hint,
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-footer,
body.app-master .snapshot .bc-reference-master-v191 .sapaad-pos-half>small[data-live-pos-date]{display:none!important}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half{
 position:relative!important;
 min-height:0!important;
 justify-content:flex-start!important;
 cursor:pointer!important;
 gap:8px!important;
}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half>.sapaad-half-sub{
 margin:0!important;
}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-halves{
 padding-bottom:1px!important;margin-bottom:0!important;
}
/* SAPAAD availability remains visible but no longer changes heading height. */
body.app-master .snapshot .bc-reference-master-v191 .sapaad-pos-half>.sapaad-state{
 position:static!important;display:inline-flex!important;align-self:flex-end!important;
 margin:0 2px 0 auto!important;
 padding:2px 6px!important;
 font-size:clamp(8px,2.1vw,10px)!important;
 line-height:1.1!important;
 max-width:100%!important;
}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-pos-half>.sapaad-state[hidden]{display:none!important}
body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-card{gap:7px!important}
@media(max-width:700px){
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half{
  padding:6px 6px 7px!important;gap:7px!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half>.sapaad-half-heading{
  min-height:var(--bc194-heading-height)!important;max-height:var(--bc194-heading-height)!important;
  height:var(--bc194-heading-height)!important;position:static!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half>strong{
  margin:2px 0 0!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-pos-half>.sapaad-state{
  margin-top:auto!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-card{
  padding-bottom:9px!important;
 }
}
@media(max-width:355px){
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half>.sapaad-half-heading{
  min-height:39px!important;max-height:39px!important;height:39px!important;
  font-size:8.5px!important;gap:3px!important;padding:4px 4px!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-half-icon{
  width:22px!important;height:22px!important;min-width:22px!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair>.metric.master-kpi-card>span:not(.trend-badge){
  font-size:8.5px!important;
 }
}
/* The original Master grid stretches desktop sections when its inner flex grids
   take flex:1. Once the redundant Sales actions are removed, size by content. */
@media(min-width:701px){
 body.app-master .snapshot .snapshot-grid.bc-reference-master-v191{
  grid-template-rows:auto auto auto!important;
  align-items:start!important;
 }
 body.app-master .snapshot .bc-reference-master-v191>.previous-day-sales.sapaad-split-card,
 body.app-master .snapshot .bc-reference-master-v191>.bc-reference-financial-v191{
  height:auto!important;min-height:0!important;align-self:start!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-halves,
 body.app-master .snapshot .bc-reference-master-v191 .bc-reference-financial-pair{
  flex:none!important;height:auto!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half{
  height:auto!important;min-height:150px!important;
 }
}
@media(min-width:701px){
 body.app-master .snapshot .snapshot-grid.bc-reference-master-v191{
  grid-template-rows:max-content max-content max-content!important;
  align-content:start!important;
 }
 body.app-master .snapshot .bc-reference-master-v191>.summary-compliance{
  align-self:start!important;height:auto!important;
 }
}
/* Earlier decorative panels used aspect-ratio; remove it so deleting the
   redundant actions really removes the unused panel space on wide screens. */
body.app-master .snapshot .bc-reference-master-v191>.previous-day-sales.sapaad-split-card,
body.app-master .snapshot .bc-reference-master-v191>.bc-reference-financial-v191,
body.app-master .snapshot .bc-reference-master-v191>.summary-compliance{
 aspect-ratio:auto!important;
}
/* Exact bar width matching: the financial bar is inset 6px from its card;
   match the Sales header inset without changing either card's outer width. */
@media(min-width:701px){
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half{
  padding-left:4px!important;padding-right:4px!important;
 }
}
@media(max-width:700px){
 body.app-master .snapshot .bc-reference-master-v191 .sapaad-split-half{
  padding-left:5px!important;padding-right:5px!important;
 }
}
