/* v2.99.106 — Approved executive-snapshot layout. Visuals only; finance and POS data remain unchanged. */
.snapshot .snapshot-grid.live-layout.revised-kpis{
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:12px!important;align-items:stretch!important;padding:12px!important;
 background:#fff8ed!important;
}
/* Overall: previous sales (full), breakeven/target (halves), compliance (full). */
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-master>.previous-day-sales.sapaad-split-card{
 grid-column:1/-1!important;grid-row:1!important;
}
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-master>.breakeven{
 grid-column:1/span 3!important;grid-row:2!important;
}
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-master>.sales-target{
 grid-column:4/span 3!important;grid-row:2!important;
}
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-master:not(:has(>.breakeven))>.sales-target{grid-column:1/-1!important}
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-master>.summary-compliance{
 grid-column:1/-1!important;grid-row:3!important;
}
/* Individual: full-width previous sales, full-width target, then retained compliance. */
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.previous-day-sales.sapaad-split-card{
 grid-column:1/-1!important;grid-row:1!important;
}
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target{
 grid-column:1/-1!important;grid-row:2!important;
}
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.breakeven{grid-column:1/-1!important;grid-row:3!important}
.snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.summary-compliance{grid-column:1/-1!important;grid-row:4!important}
/* Existing metric values, targets and modal actions remain intact. */
.snapshot .revised-kpis>.metric.sales-target,
.snapshot .revised-kpis>.metric.breakeven{
 background:linear-gradient(120deg,#540014 0%,#780823 58%,#990f33 100%)!important;
 color:#fffaf4!important;border:1px solid #ce817c!important;border-bottom:4px solid #bc5b58!important;
 border-radius:18px!important;box-shadow:0 5px 0 #be716983,0 10px 18px #590b2326!important;
 padding:20px 22px!important;min-height:225px!important;
}
.snapshot .revised-kpis>.metric.sales-target>.ui-icon,
.snapshot .revised-kpis>.metric.breakeven>.ui-icon{
 width:30px!important;height:30px!important;padding:9px!important;
 background:#f1cc7521!important;color:#ffdc83!important;border-radius:50%!important;
}
.snapshot .revised-kpis>.metric.sales-target>span,
.snapshot .revised-kpis>.metric.breakeven>span{
 font-size:12px!important;color:#f3dce0!important;letter-spacing:.09em!important;font-weight:800!important;
}
.snapshot .revised-kpis>.metric.sales-target>strong,
.snapshot .revised-kpis>.metric.breakeven>strong{
 font-family:Georgia,serif!important;font-size:clamp(22px,2.9vw,37px)!important;
 white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:-.02em!important;
 margin:8px 0 4px!important;
}
.snapshot .revised-kpis>.metric.sales-target>small,
.snapshot .revised-kpis>.metric.breakeven>small{min-height:0!important;color:#f0d9da!important;font-size:12px!important}
.snapshot .revised-kpis>.metric.sales-target>.metric-detail-note,
.snapshot .revised-kpis>.metric.breakeven>.metric-detail-note{font-size:11px!important;margin-top:9px!important}
.snapshot .revised-kpis>.metric.sales-target>em,
.snapshot .revised-kpis>.metric.breakeven>em{font-size:11px!important;padding-top:11px!important;color:#ffe09c!important}
.snapshot .revised-kpis>.metric.sales-target>em b,
.snapshot .revised-kpis>.metric.breakeven>em b{
 border-radius:50%;background:#c15c4d55!important;color:#ffdb79!important;
 width:30px!important;line-height:30px!important;text-align:center!important;font-size:22px!important;
}
/* Approved full-width previous-day card. */
.snapshot .snapshot-grid.live-layout>.previous-day-sales.sapaad-split-card{
 min-height:245px!important;padding:22px!important;
 background:linear-gradient(115deg,#500013,#700622 60%,#990d31)!important;
 border-radius:20px!important;border:1px solid #d58575!important;
 box-shadow:0 5px 0 #b4585277,0 14px 22px #4b002424!important;
}
.sapaad-split-head{gap:12px!important}
.sapaad-split-calendar{width:48px!important;height:48px!important;background:#f3d17e1c!important}
.sapaad-split-calendar svg{width:26px!important;height:26px!important}
.sapaad-split-title b{font-family:Georgia,serif!important;letter-spacing:.06em!important;font-size:clamp(14px,1.6vw,19px)!important}
.sapaad-split-title small{font-size:12px!important;color:#ebcbd0!important}
.sapaad-split-halves{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sapaad-split-half{
 border-radius:16px!important;min-height:150px!important;padding:16px!important;
 position:relative!important;overflow:hidden!important;justify-content:flex-start!important;
}
.sapaad-outlet-half{background:linear-gradient(140deg,#60051e,#780722 65%,#640519)!important;border:1px solid #d0738355!important}
.sapaad-pos-half{background:linear-gradient(145deg,#087749,#00613b 60%,#045535)!important;border:1px solid #24c582!important}
.sapaad-half-heading{position:relative;z-index:1;gap:10px!important;font-size:clamp(10px,1.12vw,14px)!important;letter-spacing:.07em!important}
.sapaad-half-icon{width:34px!important;height:34px!important;font-size:21px!important;flex:none}
.sapaad-split-half>strong{
 position:relative;z-index:1;
 font-size:clamp(21px,2.6vw,37px)!important;
 font-family:Georgia,serif!important;white-space:normal!important;
 overflow-wrap:anywhere!important;letter-spacing:-.03em!important;line-height:1.2!important;
}
.sapaad-half-sub{position:relative;z-index:1;font-size:11px!important;color:#f2d5d8!important}
.sapaad-pos-half .sapaad-half-sub{color:#d0eade!important}
.sapaad-state{border-color:#f3c37b99!important;font-size:10px!important;padding:5px 9px!important}
.sapaad-split-footer{padding-top:10px!important;min-height:24px!important}
.sapaad-split-footer>button{font-size:12px!important;color:#ffdd90!important}
.sapaad-split-footer>button span{width:29px!important;height:29px!important}
/* Decorative rise-bars: non-interactive, do not imply additional sales. */
.sapaad-mini-bars{display:flex;align-items:end;gap:5px;position:absolute;right:11px;bottom:9px;height:62px;opacity:.23;pointer-events:none}
.sapaad-mini-bars i{display:block;width:12px;border-radius:4px 4px 0 0;background:linear-gradient(#fff9d5aa,#fff5e933)}
.sapaad-mini-bars i:nth-child(1){height:30%}.sapaad-mini-bars i:nth-child(2){height:43%}
.sapaad-mini-bars i:nth-child(3){height:56%}.sapaad-mini-bars i:nth-child(4){height:74%}.sapaad-mini-bars i:nth-child(5){height:95%}
/* Compact, full-width compliance strip. Its four detail buttons still open the old dialogs. */
.snapshot .revised-kpis>.metric.summary-compliance{
 display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
 padding:16px 18px!important;margin:0!important;min-height:0!important;
 border:1px solid #c98172!important;border-bottom:4px solid #bc5b58!important;
 border-radius:18px!important;background:linear-gradient(115deg,#520014,#77061f 65%,#930e30)!important;
 box-shadow:0 5px 0 #bd6a6270!important;
}
.snapshot .revised-kpis>.summary-compliance>span{
 color:#f5d7dc!important;font-size:13px!important;letter-spacing:.11em!important;font-weight:800!important;padding:0 150px 0 46px!important;line-height:34px!important;
}
.snapshot .revised-kpis>.summary-compliance>span:before{
 content:'▤';position:absolute;top:12px;left:16px;width:34px;height:34px;border-radius:50%;
 background:#eabe6124;color:#fbd68e;display:grid;place-items:center;font-size:22px;
}
.snapshot .revised-kpis>.summary-compliance>strong{display:none!important}
.bc-compliance-status{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:6px;z-index:1;
 font-size:10px;font-weight:800;color:#48ef9f}
.bc-live-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#41e994;box-shadow:0 0 0 3px #41e99413}
.bc-latest-pill{border:1px solid #d7aa7180;border-radius:20px;padding:5px 9px;color:#ffe2a1;margin-left:6px}
.snapshot .summary-compliance>.compliance-tabs{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:9px!important;margin:9px 0 5px!important;width:100%!important;
}
.snapshot .summary-compliance .compliance-tabs>button{
 display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;
 grid-template-rows:1fr 1fr!important;align-items:center!important;
 min-height:68px!important;gap:1px 9px!important;padding:10px!important;
 border:1px solid #b8816280!important;border-radius:12px!important;background:#ffffff08!important;
 text-align:left!important;
}
.snapshot .summary-compliance .compliance-tabs>button>i{
 grid-column:1!important;grid-row:1/3!important;
 width:33px!important;height:33px!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;font-size:20px!important;
}
.snapshot .summary-compliance .compliance-tabs>button>b{
 grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:27px!important;
 line-height:1!important;text-align:left!important;
}
.snapshot .summary-compliance .compliance-tabs>button>small{
 grid-column:2!important;grid-row:2!important;align-self:start!important;
 font-size:9px!important;letter-spacing:.04em!important;line-height:1.15!important;text-align:left!important;
}
.snapshot .revised-kpis>.summary-compliance>.compliance-view-all{
 align-self:flex-end!important;width:auto!important;min-height:22px!important;
 margin-top:2px!important;border:0!important;padding:0!important;font-size:10px!important;color:#ffe2a1!important;
}
@media(min-width:800px){
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target{
  display:grid!important;grid-template-columns:minmax(0,auto) minmax(200px,1fr)!important;
  column-gap:22px!important;padding:20px 24px!important;
 }
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target>.ui-icon,
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target>span,
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target>strong,
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target>small,
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target>.metric-detail-note{
  grid-column:1!important;
 }
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target>.target-progress,
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-outlet>.sales-target>em{grid-column:2!important}
}
@media(max-width:780px){
 .snapshot .snapshot-grid.live-layout.revised-kpis{gap:9px!important;padding:8px!important}
 .snapshot .revised-kpis>.metric.sales-target,.snapshot .revised-kpis>.metric.breakeven{padding:14px!important;min-height:172px!important}
 .snapshot .revised-kpis>.metric.sales-target>strong,.snapshot .revised-kpis>.metric.breakeven>strong{font-size:clamp(17px,3.4vw,26px)!important}
 .snapshot .snapshot-grid.live-layout>.previous-day-sales.sapaad-split-card{padding:14px!important;min-height:225px!important}
 .snapshot .summary-compliance .compliance-tabs>button{grid-template-columns:26px minmax(0,1fr)!important;padding:7px!important}
 .snapshot .summary-compliance .compliance-tabs>button>i{width:25px!important;height:25px!important}
 .snapshot .summary-compliance .compliance-tabs>button>b{font-size:20px!important}
 .snapshot .summary-compliance .compliance-tabs>button>small{font-size:8px!important}
}
@media(max-width:550px){
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-master>.breakeven{
  grid-column:1/-1!important;grid-row:2!important;
 }
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-master>.sales-target{
  grid-column:1/-1!important;grid-row:3!important;
 }
 .snapshot .snapshot-grid.live-layout.revised-kpis.summary-master>.summary-compliance{grid-row:4!important}
 .snapshot .snapshot-grid.live-layout>.previous-day-sales.sapaad-split-card{padding:12px!important;border-radius:15px!important}
 .sapaad-split-calendar{width:35px!important;height:35px!important}.sapaad-split-calendar svg{width:22px!important;height:22px!important}
 .sapaad-split-title b{font-size:13px!important}.sapaad-split-title small{font-size:10px!important}
 .sapaad-split-halves{grid-template-columns:1fr!important;gap:8px!important}
 .sapaad-split-half{min-height:112px!important;padding:11px 13px!important;gap:7px!important}
 .sapaad-half-heading{font-size:11px!important;gap:7px!important}.sapaad-half-icon{width:27px!important;height:27px!important;font-size:18px!important}
 .sapaad-split-half>strong{font-size:clamp(20px,6vw,27px)!important;white-space:nowrap!important}
 .sapaad-half-sub{font-size:10px!important}.sapaad-state{font-size:9px!important}
 .sapaad-mini-bars{height:45px;opacity:.15}.sapaad-mini-bars i{width:9px}
 .snapshot .revised-kpis>.summary-compliance{padding:12px!important}
 .snapshot .revised-kpis>.summary-compliance>span{font-size:11px!important;padding-left:36px!important;padding-right:100px!important;line-height:28px!important}
 .snapshot .revised-kpis>.summary-compliance>span:before{width:27px;height:27px;left:10px;top:10px;font-size:18px}
 .bc-compliance-status{right:9px;top:12px;gap:4px;font-size:9px}.bc-latest-pill{font-size:9px;padding:4px 6px;margin-left:1px}
 .snapshot .summary-compliance>.compliance-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 .snapshot .summary-compliance .compliance-tabs>button{min-height:60px!important;grid-template-columns:28px minmax(0,1fr)!important}
 .snapshot .summary-compliance .compliance-tabs>button>i{display:grid!important;width:25px!important;height:25px!important}
 .snapshot .summary-compliance .compliance-tabs>button>b{font-size:22px!important}
 .snapshot .summary-compliance .compliance-tabs>button>small{font-size:9px!important}
 .snapshot .revised-kpis>.metric.sales-target>strong,.snapshot .revised-kpis>.metric.breakeven>strong{font-size:clamp(23px,6vw,30px)!important}
}
@media(prefers-reduced-motion:reduce){.sapaad-split-half{transition:none!important}}

/* v2.99.107: one functional, poll-backed LIVE/Latest control for both scopes. */
.snapshot .revised-kpis>.summary-compliance>.compliance-live-bar{
 position:absolute!important;float:none!important;right:16px!important;top:16px!important;
 margin:0!important;z-index:5!important;display:flex!important;align-items:center!important;gap:9px!important;
}
.snapshot .summary-compliance .compliance-live-bar .live-state{font-size:10px!important;font-weight:800!important;color:#49ed9d!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:6px!important}
.snapshot .summary-compliance .compliance-live-bar .live-state:before{content:'';width:9px;height:9px;background:#41e994;border-radius:50%;box-shadow:0 0 0 3px #41e99413;display:inline-block;flex:none}
.snapshot .summary-compliance .compliance-live-bar button{border:1px solid #d7aa7180!important;border-radius:20px!important;padding:5px 9px!important;color:#ffe2a1!important;background:transparent!important;font-size:10px!important;min-height:0!important}
@media(max-width:550px){
 .snapshot .revised-kpis>.summary-compliance>.compliance-live-bar{right:9px!important;top:12px!important;gap:5px!important}
 .snapshot .summary-compliance .compliance-live-bar .live-state{font-size:9px!important;gap:4px!important}
 .snapshot .summary-compliance .compliance-live-bar button{font-size:9px!important;padding:4px 6px!important}
}