/* v2.99.192 — Master executive cards, compact side-by-side on phones.
   Pure presentation layer. No EJS structure, endpoints, totals, permissions or action changes.
   v191 reference styling remains the source of color, surface and 3D treatment. */
@media (max-width:700px) {
 body.app-master .snapshot .snapshot-grid.bc-reference-master-v191 {
  gap:10px!important; padding:7px!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
 }
 /* Previous Day Sales: two peer cards even at the smallest supported viewport. */
 body.app-master .snapshot .bc-reference-master-v191>.previous-day-sales.sapaad-split-card {
  min-height:0!important; padding:0 7px 8px!important;gap:6px!important;
  border-width:2px!important;border-radius:18px!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-head {
  min-height:58px!important; margin:0 -7px!important; padding:7px 10px!important;
  gap:8px!important; border-bottom-width:4px!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-calendar {
  width:36px!important;height:36px!important;min-width:36px!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-title b{
  font-size:clamp(12px,3.8vw,19px)!important;line-height:1.1!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-title small{
  font-size:clamp(8px,2.45vw,11px)!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-halves{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;align-items:stretch!important;
  gap:6px!important;padding:3px 0 1px!important;min-width:0!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-half {
  width:auto!important;min-width:0!important;min-height:185px!important;
  padding:6px 6px 9px!important;gap:5px!important;justify-content:flex-start!important;
  border-radius:13px!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-half-heading {
  display:flex!important;align-content:center!important;align-items:center!important;
  flex-wrap:wrap!important;min-height:48px!important;gap:3px 5px!important;
  padding:4px 5px!important;border-radius:19px!important;
  font-size:clamp(9px,2.5vw,12px)!important;line-height:1.07!important;
  white-space:normal!important;overflow-wrap:break-word!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-half-icon {
  width:23px!important;height:23px!important;min-width:23px!important;
  font-size:16px!important;border-width:1.5px!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-state {
  margin-left:0!important;padding:1px 4px!important;
  font-size:clamp(7px,1.85vw,9px)!important;line-height:1.15!important;
  max-width:100%!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-half>strong {
  font-size:clamp(12px,3.75vw,20px)!important;
  letter-spacing:-.052em!important;line-height:1.12!important;
  min-width:0!important;white-space:nowrap!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-half-sub{
  min-width:0!important;font-size:9px!important;line-height:1.14!important;
 }
 body.app-master .bc-reference-master-v191 .sales-change{
  display:inline-block!important;font-size:clamp(8px,2.2vw,10px)!important;
  padding:5px 5px!important;max-width:100%;line-height:1.1!important;
  white-space:normal!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-split-half>small[data-live-pos-date]{
  margin-top:auto!important;font-size:clamp(8px,2vw,10px)!important;
  line-height:1.12!important;overflow-wrap:anywhere;
 }
 body.app-master .bc-reference-master-v191 .bc-sales-tap-hint {
  min-height:26px!important;max-height:26px!important;flex:none!important;
  padding:3px 3px!important;margin-top:auto!important;
  font-size:clamp(9px,2.45vw,12px)!important;
  border-width:1.5px!important;border-bottom-width:2px!important;
 }
 body.app-master .bc-reference-master-v191 .sapaad-mini-bars{display:none!important}
 body.app-master .bc-reference-master-v191 .sapaad-split-footer{min-height:14px!important;gap:8px!important;flex-wrap:wrap!important;}
 body.app-master .bc-reference-master-v191 .sapaad-split-footer>*{font-size:9px!important;}
 /* Financial: retain reference's twin KPI cards and their original action hotspots. */
 body.app-master .snapshot .bc-reference-master-v191>.bc-reference-financial-v191 {
  padding:0 7px 9px!important;gap:7px!important;
  border-width:2px!important;border-radius:18px!important;
 }
 body.app-master .bc-reference-financial-head {
  min-height:56px!important;margin:0 -7px!important;padding:7px 10px!important;
  gap:8px!important;font-size:clamp(16px,4.6vw,24px)!important;
  border-bottom-width:4px!important;
 }
 body.app-master .bc-finance-head-icon{width:36px!important;height:36px!important;}
 body.app-master .bc-reference-financial-pair {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;align-items:stretch!important;
  gap:6px!important;min-width:0!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card {
  box-sizing:border-box!important;min-width:0!important;min-height:205px!important;
  padding:51px 6px 8px!important;gap:5px!important;
  border-width:2px!important;border-bottom-width:3px!important;
  border-radius:14px!important;
  justify-content:flex-start!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>span:not(.trend-badge){
  top:5px!important;left:4px!important;right:4px!important;
  min-height:39px!important;padding:5px 4px 5px 37px!important;
  font-size:clamp(10px,2.6vw,13px)!important;
  border-width:1.5px!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>.ui-icon{
  width:24px!important;height:24px!important;top:12px!important;left:9px!important;
  padding:3px!important;border-width:1.5px!important;
 }
 /* Decorative trend medallions are not part of the approved mockup. */
 body.app-master .bc-reference-financial-pair>.metric.master-kpi-card>.trend-badge{display:none!important}
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>strong{
  font-size:clamp(12px,3.7vw,20px)!important;line-height:1.08!important;
  letter-spacing:-.055em!important;white-space:nowrap!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>small{
  font-size:clamp(8px,2.25vw,11px)!important;line-height:1.22!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card .target-progress{
  height:10px!important;min-height:10px!important;border-width:1px!important;
  margin:3px 0!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>.metric-detail-note{
  padding:6px 0 2px!important;font-size:clamp(8px,2.15vw,10px)!important;
  line-height:1.18!important;overflow-wrap:break-word!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>em{
  min-height:29px!important;padding:4px 3px!important;margin-top:auto!important;
  border-width:1.5px!important;border-bottom-width:2px!important;
  font-size:clamp(9px,2.4vw,12px)!important;white-space:nowrap!important;
 }
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>em b{
  margin-left:3px!important;font-size:16px!important;
 }
 /* Compliance: four equal small tiles in ONE row on mobile, not a 2×2 stack. */
 body.app-master .snapshot .bc-reference-master-v191>.summary-compliance {
  padding:0 7px 9px!important;gap:7px!important;
  border-width:2px!important;border-radius:17px!important;
 }
 body.app-master .snapshot .bc-reference-master-v191>.summary-compliance>span {
  margin:0 -7px!important;min-height:53px!important;
  padding:8px 92px 8px 46px!important;
  font-size:clamp(13px,3.6vw,19px)!important;
 }
 body.app-master .snapshot .bc-reference-master-v191>.summary-compliance>span:before {
  top:9px!important;left:8px!important;width:30px!important;height:30px!important;
  font-size:20px!important;
 }
 body.app-master .snapshot .bc-reference-master-v191>.summary-compliance>.compliance-live-bar {
  right:7px!important;top:9px!important;gap:3px!important;
 }
 body.app-master .bc-reference-master-v191 .summary-compliance .live-state,
 body.app-master .bc-reference-master-v191 .summary-compliance .compliance-live-bar button {
  padding:5px 5px!important;font-size:clamp(8px,2vw,10px)!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance>.compliance-tabs{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;margin:3px 0 2px!important;min-width:0!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance .compliance-tabs>button{
  display:grid!important;grid-template-columns:19px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;gap:2px 2px!important;min-width:0!important;
  min-height:69px!important;padding:5px 3px!important;border-width:2px!important;
  border-radius:11px!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance .compliance-tabs>button>i{
  width:18px!important;height:18px!important;font-size:13px!important;
  border-width:1px!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance .compliance-tabs>button>b{
  font-size:clamp(16px,4.4vw,24px)!important;line-height:1.03!important;
  align-self:end!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance .compliance-tabs>button>small{
  font-size:clamp(7px,1.9vw,10px)!important;line-height:1.05!important;
  overflow-wrap:break-word!important;
 }
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance>.compliance-view-all{
  min-height:33px!important;margin-top:3px!important;
  font-size:clamp(11px,3vw,15px)!important;
  border-width:2px!important;border-bottom-width:3px!important;
 }
}
@media (max-width:355px){
 body.app-master .bc-reference-master-v191 .sapaad-half-heading{font-size:9px!important}
 body.app-master .bc-reference-master-v191 .sapaad-split-half>strong{font-size:12px!important}
 body.app-master .snapshot .bc-reference-financial-pair>.metric.master-kpi-card>strong{font-size:11.7px!important}
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance .compliance-tabs>button{grid-template-columns:16px minmax(0,1fr)!important;padding:4px 2px!important}
 body.app-master .snapshot .bc-reference-master-v191 .summary-compliance .compliance-tabs>button>i{width:15px!important;height:15px!important;font-size:11px!important}
}