.stag-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.stag-subnav a{padding:9px 14px;border:1px solid rgba(199,168,116,.22);border-radius:999px;text-decoration:none;color:inherit;background:rgba(255,255,255,.025)}.stag-subnav a.active{border-color:#c7a874;background:rgba(199,168,116,.12);color:#ead3a6}.stag-muted{opacity:.64}.stag-live-results{position:relative;z-index:20;margin-top:6px;display:grid;gap:4px}.stag-live-result{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid rgba(199,168,116,.2);background:#111214;color:#f4f1ec;padding:10px 12px;border-radius:10px;cursor:pointer}.stag-live-result:hover{border-color:#c7a874}.stag-live-result span{display:grid;gap:2px}.stag-live-result small{opacity:.62}.stag-live-result b{color:#e7d2a8}.stag-basket{margin:14px 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.stag-basket-head,.stag-basket-row{display:grid;grid-template-columns:minmax(180px,2fr) 90px 110px 110px 70px;gap:10px;align-items:center;padding:10px 12px}.stag-basket-head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.55;background:rgba(255,255,255,.025)}.stag-basket-row{border-top:1px solid rgba(255,255,255,.06)}.stag-basket-row span:first-child{display:grid}.stag-basket-row small{opacity:.6}.stag-basket-row input{width:100%}.stag-sale-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin-top:10px;border-top:1px solid rgba(199,168,116,.2)}.stag-sale-total strong{font-size:22px;color:#e7d2a8}.stag-inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.stag-inline-form input,.stag-inline-form select{width:auto;min-width:90px}.stag-link-btn{border:0;background:none;color:#dabb83;text-decoration:underline;cursor:pointer;padding:4px}.stag-denoms{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;grid-column:1/-1;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px}.stag-denoms>b{grid-column:1/-1}.stag-denoms label{font-size:12px}.stag-tier-row{display:grid;grid-template-columns:100px repeat(3,1fr);gap:8px;align-items:end;grid-column:1/-1;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.stag-alert-list{display:grid;gap:12px}.stag-alert-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-left:3px solid #c7a874;border-radius:12px;background:rgba(255,255,255,.02)}.stag-alert-card.high{border-left-color:#c55}.stag-alert-card.warning{border-left-color:#d3a84a}.stag-alert-card.info{border-left-color:#7aa7c7}.stag-alert-card h3{margin:3px 0}.stag-alert-card p{margin:0 0 4px}.stag-alert-card span,.stag-alert-card small{font-size:11px;letter-spacing:.08em;opacity:.62}.stag-stock-count-form .table-card{max-height:560px;overflow:auto}.stag-card h4{margin:22px 0 8px}.stag-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.stag-card dt{opacity:.6}.stag-card dd{margin:0;text-align:right}.stag-card td small{display:block;opacity:.6}
@media(max-width:900px){.stag-basket-head{display:none}.stag-basket-row{grid-template-columns:1fr 80px 90px}.stag-basket-row span:nth-child(4){display:none}.stag-basket-row span:nth-child(5){grid-column:1/-1}.stag-tier-row{grid-template-columns:1fr}.stag-denoms{grid-template-columns:repeat(2,1fr)}.stag-alert-card{align-items:flex-start;flex-direction:column}}
.stag-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.stag-sale-details{min-width:80px}.stag-sale-details summary{cursor:pointer;color:#dabb83}.stag-sale-details>div{position:absolute;right:24px;z-index:30;width:min(420px,80vw);padding:14px;border:1px solid rgba(199,168,116,.25);border-radius:12px;background:#0e0f10;box-shadow:0 18px 50px rgba(0,0,0,.45)}.stag-sale-details p{margin:6px 0;font-size:13px}

/* Potter's v1.9.28 workflow compatibility layer */
.stag-wf-sale .stag-autocomplete,.stag-wf-product-picker,.stag-wf-sale label{position:relative}
.stag-wf-sale .stag-live-results,.stag-card .stag-live-results{position:absolute;left:0;right:0;top:100%;z-index:30;background:#0c0d0f;border:1px solid rgba(199,168,116,.42);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.5);max-height:330px;overflow:auto}
.stag-live-results:empty{display:none}
.stag-live-result{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:13px 15px;color:#f4f1ec;cursor:pointer}
.stag-live-result:last-child{border-bottom:0}.stag-live-result:hover{background:rgba(199,168,116,.1)}.stag-live-result span{display:flex;flex-direction:column;gap:3px}.stag-live-result small{color:#a39c90}.stag-live-result b{color:#e7d2a8;white-space:nowrap}
.stag-wf-basket-kpis article,.stag-wf-tx-detail .stag-grid article{background:#090a0b;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px}.stag-wf-basket-kpis span,.stag-wf-tx-detail .stag-grid span{display:block;color:#a39c90;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.stag-wf-basket-kpis strong,.stag-wf-tx-detail .stag-grid strong{font-size:20px}
.stag-sale-total{margin:18px 0;background:linear-gradient(135deg,rgba(199,168,116,.18),rgba(199,168,116,.04));border:1px solid rgba(199,168,116,.5);border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.stag-sale-total span{font-size:13px;letter-spacing:.12em;color:#e7d2a8;text-transform:uppercase}.stag-sale-total strong{font-size:29px}
.stag-wf-payment{margin-top:18px}.stag-basket-head,.stag-basket-row{grid-template-columns:minmax(220px,2fr) 90px 80px 110px 120px 78px!important}.stag-basket-row small{display:block;color:#a39c90;margin-top:3px}
.stag-confirm-modal[hidden]{display:none!important}.stag-confirm-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px}.stag-confirm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);border:0}.stag-confirm-dialog{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:#0b0c0d;border:1px solid rgba(199,168,116,.52);border-radius:22px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.75)}.stag-confirm-dialog>span{color:#c7a874;font-size:12px;font-weight:800;letter-spacing:.16em}.stag-confirm-dialog h3{font-size:27px;margin:7px 0}.stag-confirm-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stag-confirm-meta>div{padding:14px;background:#111214;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.stag-confirm-meta span{display:block;color:#a39c90;font-size:11px;text-transform:uppercase}.stag-confirm-meta strong{display:block;margin-top:5px}.stag-modal-open{overflow:hidden}
.stag-wf-tx-summary{cursor:pointer}.stag-wf-tx-summary:hover{background:rgba(199,168,116,.06)}.stag-wf-tx-detail{padding:16px 4px}.stag-wf-tx-detail .table-card{margin-top:16px}
.stag-return-cards{display:grid;gap:14px}.stag-return-card{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(380px,1.6fr);gap:20px;align-items:start;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#090a0b}.stag-return-card form{display:grid;grid-template-columns:2fr 1fr 1.2fr auto;gap:10px;align-items:end}.stag-return-card h4{margin:5px 0 8px}
.stag-denoms{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px;margin:16px 0;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#090a0b}.stag-denoms>b,.stag-denom-total{grid-column:1/-1}.stag-denoms label{display:flex;flex-direction:column;gap:5px}.stag-denom-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;color:#e7d2a8}.stag-denom-total strong{font-size:22px}
.stag-subnav a small{display:block;font-size:10px;opacity:.66;margin-top:3px}.stag-invoice-line{display:grid;grid-template-columns:minmax(320px,2.4fr) minmax(150px,.55fr) minmax(180px,.65fr) auto;gap:18px;align-items:end;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);overflow:visible}.stag-invoice-line>label{min-width:0}.stag-invoice-line>label>input{width:100%;min-height:46px;padding:10px 14px}.stag-invoice-line input[type=number]{font-size:16px;font-weight:700}.stag-finance-report-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.stag-finance-report-form label{min-width:220px}.stag-finance-report-form input[type=month]{min-height:46px}
.stag-inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.stag-inline-form small{display:block}.stag-tier-row{display:grid;grid-template-columns:110px repeat(3,1fr);gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.stag-ok{color:#9ad7aa!important}.stag-bad{color:#ff9d9d!important}.stag-check{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center!important}.stag-check input{width:auto!important}
@media(max-width:900px){.stag-basket-head{display:none!important}.stag-basket-row{display:grid!important;grid-template-columns:1fr 85px!important}.stag-basket-row>span:nth-child(n+3){grid-column:auto}.stag-confirm-meta{grid-template-columns:1fr}.stag-return-card{grid-template-columns:1fr}.stag-return-card form{grid-template-columns:1fr 1fr}.stag-denoms{grid-template-columns:repeat(3,1fr)}.stag-invoice-line{grid-template-columns:1fr 1fr}.stag-tier-row{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.stag-return-card form,.stag-invoice-line,.stag-tier-row{grid-template-columns:1fr}.stag-denoms{grid-template-columns:repeat(2,1fr)}}

/* STAG v2.6.3 — Potter's exact lookup / roles / communications */
.stag-live-directory-search{position:relative;overflow:visible!important;z-index:40}
.stag-live-directory-search .stag-autocomplete{position:relative;max-width:760px;margin-top:10px}
.stag-live-directory-search input[type="search"]{width:100%;min-height:48px;border:1px solid var(--stag-line);border-radius:12px;background:#08090a;color:var(--stag-white);padding:0 15px;font:inherit}
.stag-live-directory-search .stag-live-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:120;max-height:420px;overflow:auto;background:#090a0b;border:1px solid var(--stag-line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.42)}
.stag-live-directory-search .stag-live-results:empty{display:none}
.stag-live-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:#090a0b;color:#fff;text-align:left;cursor:pointer}
.stag-live-result:hover,.stag-live-result:focus{background:rgba(199,168,116,.12);outline:none}
.stag-live-result span{display:flex;flex-direction:column;gap:3px;min-width:0}.stag-live-result strong{font-size:12px}.stag-live-result small{font-size:9px;color:var(--stag-muted)}.stag-live-result b{font-size:10px;color:var(--stag-gold2);white-space:nowrap}
.stag-role-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.stag-role-matrix>div{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px;background:#090a0b}.stag-role-matrix strong{color:var(--stag-gold2);font-size:11px}.stag-role-matrix ul{margin:8px 0 0 18px;padding:0;color:var(--stag-muted);font-size:9px;line-height:1.6}
.stag-role-edit{display:grid!important;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;gap:6px;align-items:center}.stag-inline-form input[type="password"]{min-width:140px}
@media(max-width:760px){.stag-role-matrix{grid-template-columns:1fr}.stag-role-edit{grid-template-columns:1fr}.stag-live-directory-search .stag-live-results{max-height:55vh}}
.stag-login-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--stag-ui-muted,#6a7077);font-size:9px;letter-spacing:.15em}.stag-login-divider:before,.stag-login-divider:after{content:"";height:1px;background:var(--stag-ui-border,#e2e5e8);flex:1}.stag-code-login{display:grid;gap:10px}.stag-code-login input{text-align:center;letter-spacing:.35em;font-size:18px!important}

/* v2.6.5 member profile + large-directory performance */
.stag-profile-list{display:grid;gap:10px}.stag-profile-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.stag-profile-list span{color:var(--stag-muted,#aaa)}.stag-profile-list strong{text-align:right}.stag-live-directory-search{contain:layout paint}.table-card{content-visibility:auto;contain-intrinsic-size:600px}

/* STAG v2.7.0 light workflow controls */
.stag-subnav a{background:#fff!important;color:#111!important;border:1px solid #111!important}
.stag-subnav a.active{background:#111!important;color:#fff!important;border-color:#111!important}
.stag-live-results,.stag-live-directory-search .stag-live-results,.stag-wf-sale .stag-live-results,.stag-card .stag-live-results{background:#fff!important;border:1px solid #111!important;box-shadow:none!important}
.stag-live-result{background:#fff!important;color:#111!important;border-bottom:1px solid #bbb!important}
.stag-live-result:hover,.stag-live-result:focus{background:#f2f2f2!important;color:#111!important}
.stag-live-result small,.stag-live-result b{color:#444!important}
.stag-basket,.stag-return-card,.stag-denoms,.stag-role-matrix>div,.stag-wf-basket-kpis article,.stag-wf-tx-detail .stag-grid article{background:#fff!important;color:#111!important;border:1px solid #111!important}
.stag-basket-head{background:#f3f3f3!important;color:#111!important}
.stag-basket-row{border-top:1px solid #bbb!important}
.stag-promotional-reward-row{background:#eef8ef!important;border-left:5px solid #217a37!important}.stag-promotional-reward-row .stag-basket-reward-qty{display:inline-grid!important;place-items:center;width:42px;height:38px;border:1px solid #217a37!important;border-radius:8px;background:#fff!important;font-weight:900}.stag-promotional-reward-row .stag-promotional-reward-lock{display:inline-block;padding:6px 9px;border-radius:999px;background:#217a37!important;color:#fff!important;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.stag-promotional-reward-review{background:#eef8ef!important;border:1px solid #217a37!important;border-radius:10px;padding:10px!important}.stag-promotional-reward-review>b{color:#217a37!important}
.stag-sale-total{background:#fff!important;color:#111!important;border:2px solid #111!important}
.stag-sale-total span,.stag-sale-total strong{color:#111!important}
.stag-confirm-dialog{background:#fff!important;color:#111!important;border:2px solid #111!important}
.stag-confirm-meta>div{background:#fff!important;border:1px solid #111!important}
.stag-confirm-meta span{color:#555!important}
.stag-sale-details>div{background:#fff!important;color:#111!important;border:1px solid #111!important}
.stag-denom-total{color:#111!important;border-top:1px solid #111!important}
.stag-tier-row,.stag-invoice-line,.stag-profile-list>div{border-color:#bbb!important}
.stag-role-matrix strong,.stag-sale-details summary,.stag-link-btn{color:#111!important}
.stag-role-matrix ul,.stag-profile-list span{color:#555!important}
.stag-tier-eligibility{border-width:2px!important}
.stag-budtender-kpis{margin-bottom:18px!important}


/* v2.7.1 — Potter's exact cashier / live stock-count refinements */
.stag-app-shell, .stag-app-shell * { color:#000 !important; }
.stag-app-shell a, .stag-app-shell a:visited { color:#000 !important; }
.stag-app-shell .stag-btn, .stag-app-shell button, .stag-app-shell input[type="submit"] { background:#fff !important; color:#000 !important; border:2px solid #000 !important; box-shadow:none !important; }
.stag-app-shell .stag-btn:hover, .stag-app-shell button:hover { background:#f3ead8 !important; color:#000 !important; }
.stag-app-shell .stag-subnav a.active, .stag-app-shell .stag-nav a.active { background:#ead7ad !important; color:#000 !important; border-color:#000 !important; }
.stag-app-shell .stag-muted, .stag-app-shell small, .stag-app-shell p, .stag-app-shell span { color:#000 !important; }
.stag-app-shell input, .stag-app-shell select, .stag-app-shell textarea { color:#000 !important; background:#fff !important; border:1.5px solid #000 !important; }
.stag-app-shell table, .stag-app-shell th, .stag-app-shell td { color:#000 !important; border-color:#000 !important; background:#fff !important; }
.stag-sale-section { border:1.5px solid #000; padding:18px; margin:16px 0; border-radius:14px; background:#fff; }
.stag-sale-section h4 { margin:0 0 14px; color:#000 !important; }
.stag-selected-member { border:1.5px solid #000; padding:14px; border-radius:12px; margin-top:8px; background:#fff; }
.stag-member-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:12px; }
.stag-member-facts span { border-top:1px solid #000; padding-top:8px; }
.stag-payment-line { display:grid; grid-template-columns:minmax(180px,1fr) minmax(140px,220px) auto; gap:12px; align-items:end; margin-bottom:10px; }
.stag-payment-balance { display:flex; gap:24px; margin-top:14px; padding:12px 0; border-top:1px solid #000; border-bottom:1px solid #000; }
.stag-stock-live-table td,.stag-stock-live-table th{vertical-align:middle;}
.stag-stock-live-table input{min-width:110px;max-width:150px;}
.stag-ok{color:#006400 !important;font-weight:800;}.stag-bad{color:#a40000 !important;font-weight:800;}
@media(max-width:760px){
  .stag-payment-line{grid-template-columns:1fr 1fr}.stag-payment-line .stag-link-btn{grid-column:1/-1;justify-self:start}
  .stag-member-facts{grid-template-columns:1fr 1fr}
  .stag-sale-section{padding:12px}
  .stag-stock-live-table{min-width:760px}
  .stag-basket-head{display:none}.stag-basket-row{grid-template-columns:1fr 90px;gap:8px;border:1px solid #000;padding:10px;margin-bottom:10px}.stag-basket-row>span:nth-child(n+3){grid-column:1/-1}
}

/* STAG v2.7.6 — member hover stability + marketing analytics */
/* Member dashboard/drill-down cards must not shift colour on hover. */
.stag-member-summary a:hover,.stag-member-summary a:focus,
.stag-near-tier-summary a:hover,.stag-near-tier-summary a:focus,
.stag-member-kpis a:hover,.stag-member-kpis a:focus,
.stag-member-dashboard a:hover,.stag-member-dashboard a:focus{
  background:inherit!important;color:inherit!important;filter:none!important;box-shadow:none!important;text-decoration:none!important;
}
.stag-member-summary a:hover *,.stag-near-tier-summary a:hover *,.stag-member-kpis a:hover *,.stag-member-dashboard a:hover *{color:inherit!important}

.stag-analytics-section{margin:0 0 26px}.stag-analytics-section>h3{margin:0 0 8px;padding:13px 16px;border-left:5px solid #7a5b3a;background:#efe7dc;color:#000!important;border-radius:8px;font-size:18px}.stag-analytics-intro{margin:0 0 12px;color:#222!important}
.stag-analytics-tender{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stag-analytics-tender>div{border:1px solid #111;border-radius:10px;padding:12px;display:grid;gap:4px;background:#fff}.stag-analytics-tender b,.stag-analytics-tender span,.stag-analytics-tender strong{color:#000!important}.stag-analytics-tender strong{font-size:18px}
.stag-analytics-products,.stag-analytics-bundles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.stag-analytics-products article,.stag-analytics-bundles article{border:1px solid #111;background:#fff;border-radius:12px;padding:15px}.stag-analytics-products article>span,.stag-analytics-bundles article>span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#7a5b3a!important}.stag-analytics-products h4,.stag-analytics-bundles h4{margin:7px 0;color:#000!important}.stag-analytics-products p,.stag-analytics-bundles p{color:#222!important}.stag-analytics-product-metrics{display:grid;gap:5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:9px 0;margin:8px 0}.stag-analytics-product-metrics b{font-size:10px;color:#000!important}.stag-analytics-bundles article>div{display:grid;gap:4px;padding-top:8px;border-top:1px solid #ccc}.stag-analytics-bundles strong{font-size:18px;color:#000!important}
.stag-busy-live{border:2px solid #7a5b3a!important}.stag-busy-live h4{font-size:24px;color:#000!important}.stag-hour-bars{display:grid;gap:8px}.stag-hour-bars>div{display:grid;grid-template-columns:105px minmax(120px,1fr) 115px;gap:10px;align-items:center}.stag-hour-bars span,.stag-hour-bars strong{color:#000!important;font-size:10px}.stag-hour-bars i{display:block;height:12px;border:1px solid #111;background:#fff;border-radius:999px;overflow:hidden}.stag-hour-bars i b{display:block;height:100%;background:#7a5b3a}
@media(max-width:1100px){.stag-analytics-products,.stag-analytics-bundles{grid-template-columns:repeat(2,minmax(0,1fr))}.stag-analytics-tender{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.stag-analytics-products,.stag-analytics-bundles,.stag-analytics-tender{grid-template-columns:1fr}.stag-hour-bars>div{grid-template-columns:90px 1fr}.stag-hour-bars strong{grid-column:2}}
/* Members dashboard links retain identical colours on hover/focus. */
.stag-member-dashboard-kpis article a,
.stag-member-dashboard-kpis article a:visited,
.stag-member-dashboard-kpis article a:hover,
.stag-member-dashboard-kpis article a:focus,
.stag-near-tier-summary-head,
.stag-near-tier-summary-head:visited,
.stag-near-tier-summary-head:hover,
.stag-near-tier-summary-head:focus{
  color:#000!important;background:transparent!important;filter:none!important;box-shadow:none!important;outline:none;text-decoration:none!important;
}
.stag-member-dashboard-kpis article a:hover span,.stag-member-dashboard-kpis article a:hover strong,.stag-member-dashboard-kpis article a:hover small,
.stag-near-tier-summary-head:hover span,.stag-near-tier-summary-head:hover strong,.stag-near-tier-summary-head:hover small{color:#000!important}

/* v2.8.0 temporary Square preview sync + member WhatsApp actions */
.stag-inline-sync{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.stag-inline-sync small{color:#111;font-size:12px}.stag-row-actions{display:flex;gap:8px;flex-wrap:wrap}.stag-whatsapp-btn{white-space:nowrap}.stag-page-head .stag-inline-sync .stag-btn{margin:0}
@media(max-width:720px){.stag-inline-sync{width:100%;justify-content:flex-start}.stag-row-actions{flex-direction:column;align-items:stretch}}


/* STAG v2.8.1 — tier authority, near-tier hover fill, WhatsApp navigation */
/* Only the R500-near-tier cards fill on hover; other member KPI cards keep their existing colour. */
.stag-near-tier-summary section{border-radius:14px;overflow:hidden}
.stag-near-tier-summary .stag-near-tier-summary-head{display:block;transition:background-color .14s ease,color .14s ease;padding:18px!important;border-radius:14px}
.stag-near-tier-summary .stag-near-tier-summary-head:hover,
.stag-near-tier-summary .stag-near-tier-summary-head:focus{background:#d8c3a2!important;color:#000!important}
.stag-near-tier-summary .stag-near-tier-summary-head:hover span,
.stag-near-tier-summary .stag-near-tier-summary-head:hover strong,
.stag-near-tier-summary .stag-near-tier-summary-head:hover small,
.stag-near-tier-summary .stag-near-tier-summary-head:focus span,
.stag-near-tier-summary .stag-near-tier-summary-head:focus strong,
.stag-near-tier-summary .stag-near-tier-summary-head:focus small{color:#000!important}
.stag-live-directory-search [data-wf-whatsapp-results] .stag-live-result{background:#fff!important;color:#000!important;border-color:#111!important;text-decoration:none!important}
.stag-live-directory-search [data-wf-whatsapp-results] .stag-live-result strong,
.stag-live-directory-search [data-wf-whatsapp-results] .stag-live-result small,
.stag-live-directory-search [data-wf-whatsapp-results] .stag-live-result b{color:#000!important}
.stag-live-directory-search [data-wf-whatsapp-results] .stag-live-result:hover{background:#efe7dc!important}
/* v2.8.2 communications/tier refinements */
.stag-whatsapp-search-result,.stag-whatsapp-search-result *{color:#000!important}
.stag-whatsapp-search-result{background:#fff!important;border:1px solid #111!important;min-height:70px;align-items:flex-start!important}
.stag-whatsapp-search-result:hover{background:#efe7dc!important;color:#000!important}
.stag-whatsapp-search-result span{display:flex;flex-direction:column;gap:3px;min-width:0}
.stag-whatsapp-search-result small{display:block;color:#111!important;white-space:normal}
.stag-live-directory-search .stag-live-results{z-index:60;max-height:420px;overflow:auto;background:#fff;border:1px solid #111}
.stag-card textarea{color:#000!important;background:#fff!important;border-color:#111!important}
.stag-card select,.stag-card input{color:#000;background:#fff;border-color:#111}

/* v2.8.3 product live-filter + WhatsApp queue refinements */
#stag-wf-products,#stag-wf-products *{color:#000!important}
#stag-wf-products tbody tr{background:#fff}
.stag-table-search{color:#000!important;background:#fff!important}
.stag-card .stag-row-actions form{margin:0}

/* v2.8.9 supplier invoice product type-ahead */
.stag-invoice-product-picker{position:relative;min-width:0}.stag-invoice-product-picker>input[type=search]{width:100%}.stag-invoice-product-picker .stag-live-results{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 4px)!important;z-index:1000!important;max-height:360px!important;overflow:auto!important;background:#fff!important;border:1px solid #111!important;pointer-events:auto!important}.stag-invoice-product-picker .stag-live-result,.stag-invoice-product-picker .stag-live-result *{color:#000!important}.stag-invoice-product-picker>small{display:block;margin-top:5px;color:#444!important}

/* v2.11.8 — profile account + transaction document controls */
.stag-document-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.stag-document-actions .stag-inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0}.stag-document-actions input[type=email]{min-width:220px}.stag-form-grid [data-account-member-picker]{position:relative;min-width:0}.stag-form-grid [data-account-member-picker] .stag-live-results{position:absolute;left:0;right:0;z-index:220;max-height:320px;overflow:auto;background:#fff;border:1px solid #111}.stag-form-grid [data-account-member-picker] .stag-live-result,.stag-form-grid [data-account-member-picker] .stag-live-result *{color:#000!important}.stag-sale-member-facts [data-wf-member-account]{font-weight:700}
@media(max-width:720px){.stag-document-actions,.stag-document-actions .stag-inline-form{align-items:stretch;flex-direction:column}.stag-document-actions .stag-btn,.stag-document-actions input[type=email]{width:100%;min-width:0}}

/* v2.11.9 client-defined payment method builder */
.stag-payment-method-builder{display:grid;gap:10px;margin-top:14px}
.stag-payment-method-row{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(160px,1fr) repeat(3,minmax(120px,.7fr)) auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--stag-line,#d8d8d8);border-radius:16px;background:#fff}
.stag-payment-method-row label{margin:0}.stag-payment-method-row .stag-check{align-self:center;min-height:42px;display:flex;align-items:center;gap:8px}
@media(max-width:980px){.stag-payment-method-row{grid-template-columns:1fr 1fr}.stag-payment-method-row .stag-check{min-height:auto}}
@media(max-width:620px){.stag-payment-method-row{grid-template-columns:1fr}}

/* v2.11.10 Marketing / Analytics: three-section layout */
.stag-analytics-subgroup{margin-top:16px;padding-top:14px;border-top:1px solid #d5d5d5}
.stag-analytics-subhead{margin:0 0 12px}
.stag-analytics-subhead>span{font-size:9px;letter-spacing:.14em;font-weight:800;color:#7a5b3a!important}
.stag-analytics-subhead h4{margin:4px 0 3px;color:#000!important;font-size:17px}
.stag-analytics-subhead p{margin:0;color:#222!important}
.stag-analytics-non-tier{border-style:dashed!important}


/* v2.11.11 Marketing / Analytics internal tabs */
.stag-analytics-tabs{position:sticky;top:8px;z-index:35;display:flex;gap:8px;align-items:center;margin:0 0 16px;padding:8px;border:1px solid #cfc6ba;border-radius:14px;background:#f5f0e9;box-shadow:0 5px 18px rgba(0,0,0,.06);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.stag-analytics-tab{appearance:none;border:1px solid #111;background:#fff;color:#111!important;border-radius:10px;padding:10px 16px;font-weight:800;font-size:13px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.stag-analytics-tab:hover{transform:translateY(-1px)}
.stag-app-shell .stag-analytics-tab.active,.stag-app-shell .stag-analytics-tab[aria-selected="true"]{background:#111!important;color:#fff!important;border-color:#111!important}
.stag-app-shell .stag-analytics-tab.active:hover,.stag-app-shell .stag-analytics-tab[aria-selected="true"]:hover{background:#111!important;color:#fff!important}
.stag-analytics-panel[hidden]{display:none!important}
.stag-analytics-panel{animation:stagAnalyticsTabIn .16s ease}
@keyframes stagAnalyticsTabIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:720px){.stag-analytics-tabs{top:4px;margin-left:-2px;margin-right:-2px;padding:6px}.stag-analytics-tab{padding:9px 12px;font-size:12px}}

/* v2.11.37 loyalty sales reconciliation */


/* v2.11.39 — member/WhatsApp autocomplete must never be clipped by paint containment. */
.stag-app-shell .stag-live-directory-search,
.stag-app-shell .stag-member-search-hero{contain:none!important;overflow:visible!important}
.stag-app-shell .stag-section-panel[data-stag-section-panel="search"]{overflow:visible!important;position:relative;z-index:50}
.stag-app-shell .stag-live-directory-search .stag-autocomplete,
.stag-app-shell .stag-member-directory-autocomplete{position:relative!important;z-index:300!important;overflow:visible!important}
.stag-app-shell .stag-live-directory-search .stag-live-results,
.stag-app-shell .stag-member-directory-autocomplete .stag-live-results{z-index:1000!important;max-height:420px!important;overflow:auto!important;background:#fff!important;color:#111!important;border:1px solid #111!important;border-radius:12px!important}
.stag-app-shell .stag-live-directory-search .stag-live-results .stag-muted,
.stag-app-shell .stag-member-directory-autocomplete .stag-live-results .stag-muted{color:#111!important;padding:12px 14px!important;background:#fff!important}

/* v2.11.55 — clearer data-entry controls + readable Process Sale cards. */
/* Data-entry controls must look like places where the user can type/select. */
.stag-app-shell input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.stag-app-shell select,
.stag-app-shell textarea{
  background:#fff!important;
  color:#111!important;
  border:1.5px solid #111!important;
  border-radius:9px!important;
  box-shadow:0 1px 0 rgba(0,0,0,.03)!important;
}
.stag-app-shell input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
.stag-app-shell select:focus,
.stag-app-shell textarea:focus{
  border-color:#111!important;
  outline:3px solid rgba(138,99,53,.16)!important;
  outline-offset:1px!important;
  box-shadow:none!important;
}
.stag-app-shell input::placeholder,
.stag-app-shell textarea::placeholder{color:#777!important;opacity:1!important}
.stag-app-shell input:disabled,
.stag-app-shell select:disabled,
.stag-app-shell textarea:disabled{background:#f0efec!important;color:#777!important;border-color:#aaa!important}

/* Process Sale used old black panels. The v2.11.54 light-theme blanket text rule
   made those panels black-on-black. Convert operational information panels to
   light, high-contrast cards instead of forcing white text on legacy black. */
.stag-app-shell .stag-potters-sale-layout .stag-selected-member,
.stag-app-shell .stag-potters-sale-layout .stag-selected-stock-item{
  background:#faf8f4!important;
  color:#111!important;
  border:1.5px solid #111!important;
  box-shadow:none!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-selected-member *,
.stag-app-shell .stag-potters-sale-layout .stag-selected-stock-item *{
  color:#111!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-selected-member small,
.stag-app-shell .stag-potters-sale-layout .stag-selected-stock-item small{
  color:#5f5a53!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-member-facts span{
  border-top:1px solid #d6d1c9!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-selected-stock-metrics span{
  color:#5f5a53!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-selected-stock-metrics b{
  color:#111!important;
}

/* Basket totals should remain visible in the calm light theme. */
.stag-app-shell .stag-potters-sale-layout .stag-wf-basket-kpis article{
  background:#fff!important;
  color:#111!important;
  border:1px solid #c9c5be!important;
  box-shadow:none!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-wf-basket-kpis article span{
  color:#625d56!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-wf-basket-kpis article strong{
  color:#111!important;
}

/* Give the two main POS search controls additional visual definition. */
.stag-app-shell .stag-potters-sale-layout [data-wf-member-search],
.stag-app-shell .stag-potters-sale-layout [data-wf-product-search],
.stag-app-shell .stag-potters-sale-layout [data-wf-product-qty],
.stag-app-shell .stag-potters-sale-layout [data-wf-manual-discount],
.stag-app-shell .stag-potters-sale-layout [data-wf-payment-method],
.stag-app-shell .stag-potters-sale-layout [data-wf-payment-amount]{
  min-height:42px!important;
  border:1.5px solid #111!important;
  background:#fff!important;
  color:#111!important;
}

@media(max-width:620px){
  .stag-app-shell .stag-potters-sale-layout [data-wf-member-search],
  .stag-app-shell .stag-potters-sale-layout [data-wf-product-search],
  .stag-app-shell .stag-potters-sale-layout [data-wf-product-qty],
  .stag-app-shell .stag-potters-sale-layout [data-wf-manual-discount],
  .stag-app-shell .stag-potters-sale-layout [data-wf-payment-method],
  .stag-app-shell .stag-potters-sale-layout [data-wf-payment-amount]{min-height:46px!important}
  .stag-app-shell .stag-potters-sale-layout .stag-selected-member,
  .stag-app-shell .stag-potters-sale-layout .stag-selected-stock-item{padding:12px!important}
}

/* STAG v2.11.62 — subtle POS section shading.
   Keep the transaction screen calm while giving the Live Basket and Payment
   areas enough visual separation from the surrounding white page. */
.stag-app-shell .stag-potters-sale-layout .stag-live-basket-block{
  background:#f7f4ef!important;
  border:1px solid #d8d0c5!important;
  border-radius:12px!important;
  padding:24px 16px!important;
  margin:12px 0 16px!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-wf-payment{
  background:#f2eee7!important;
  border:1px solid #d3cabd!important;
  border-radius:12px!important;
  padding:20px 16px!important;
  margin:0 0 16px!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-live-basket-block .stag-wf-basket-kpis article,
.stag-app-shell .stag-potters-sale-layout .stag-wf-payment .stag-payment-line,
.stag-app-shell .stag-potters-sale-layout .stag-wf-payment input,
.stag-app-shell .stag-potters-sale-layout .stag-wf-payment select{
  background:#fff!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-live-basket-block .stag-sale-block-title,
.stag-app-shell .stag-potters-sale-layout .stag-wf-payment .stag-sale-block-title{
  color:#111!important;
}
@media(max-width:620px){
  .stag-app-shell .stag-potters-sale-layout .stag-live-basket-block,
  .stag-app-shell .stag-potters-sale-layout .stag-wf-payment{
    padding:16px 12px!important;
    border-radius:10px!important;
  }
}


/* STAG v2.11.68 — Roles active/archive separation */
.stag-archived-staff{background:#f6f4f1;}
.stag-status-active{font-weight:800;border-color:#7a9b80;background:#eef6ef;color:#244d2d;}
.stag-status-archived{font-weight:800;border-color:#9a8e82;background:#eee9e4;color:#5c5148;}

/* v2.12.24 */
.stag-account-customer-link{display:grid;gap:3px;text-decoration:none;color:inherit}.stag-account-customer-ledger{margin-bottom:18px}
@media(max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){.stag-workflow-cashier .stag-member-edit-search-card{overflow:visible!important;contain:none!important;content-visibility:visible!important}.stag-workflow-cashier .stag-member-edit-search-card .stag-autocomplete{overflow:visible!important;contain:none!important}.stag-workflow-cashier .stag-member-edit-search-card [data-wf-member-nav-results]{position:relative!important;left:auto!important;right:auto!important;top:auto!important;max-height:42vh!important;overflow:auto!important;margin-top:8px!important;z-index:501!important}.stag-workflow-cashier .stag-member-edit-search-card [data-wf-member-nav-results]:empty{display:none!important}}

/* v2.12.27 touch search containment guard */
@media(max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-search-host,.stag-workflow-cashier .stag-search-active{contain:none!important;overflow:visible!important;content-visibility:visible!important}
  .stag-workflow-cashier .stag-search-results-panel{position:relative!important;left:auto!important;right:auto!important;top:auto!important;contain:none!important;content-visibility:visible!important;pointer-events:auto!important}
  .stag-workflow-cashier .stag-search-results-panel.stag-has-results{display:grid!important}
}

/* v2.12.37: SMS Marketing analytics filter layout. Keep this CSS-only so reporting adds no frontend framework cost. */
.stag-sms-marketing-filter{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.stag-sms-marketing-filter .stag-btn{min-height:42px}
#stag-analytics-panel-sms-marketing .stag-table-scroll{overflow:auto;max-width:100%}
#stag-analytics-panel-sms-marketing table{min-width:980px}
@media(max-width:900px){.stag-sms-marketing-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.stag-sms-marketing-filter{grid-template-columns:1fr}#stag-analytics-panel-sms-marketing .stag-kpis.four{grid-template-columns:1fr 1fr!important}}

/* v2.12.40 — persistent Stock Take working session */
.stag-stock-take-start-card{border:1px solid #d8d8d8;border-radius:16px;padding:22px;background:#fff;max-width:760px}
.stag-stock-take-start-card p{margin:8px 0 18px;color:#5c5c5c;line-height:1.5}
.stag-stock-take-session{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 16px;border:1px solid #d8d8d8;border-radius:16px;background:#faf9f6}
.stag-stock-take-session>div:first-child{display:grid;gap:4px}.stag-stock-take-session span{font-size:11px;letter-spacing:.16em;font-weight:800}.stag-stock-take-session small{color:#666}
.stag-stock-take-progress{white-space:nowrap;border:1px solid #ccc;border-radius:999px;background:#fff;padding:9px 13px}
.stag-stock-take-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.stag-stock-take-cancel{margin-top:10px}.stag-pending{font-weight:700;color:#78602a}
@media(max-width:1180px){.stag-stock-take-session{align-items:flex-start;flex-direction:column}.stag-stock-take-progress{white-space:normal}.stag-stock-take-start-card{padding:18px}.stag-live-stock-count .table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}}
/* STAG v2.13.31 PWA resilience: distinguish internet loss from server outage. */
.stag-connectivity.server-down{background:#fff4e6;border-color:#b75b00;color:#6f3500;max-width:min(92vw,260px);white-space:nowrap}
.stag-connectivity.server-down:before{background:#d06a00}
.stag-offline-foot button.is-ready{background:#fff;color:#111;border-color:#efdba9;box-shadow:0 0 0 3px rgba(239,219,169,.28)}
.stag-offline-table td small{display:block;margin-top:3px;color:#675a4e}
@media(max-width:520px){.stag-connectivity.server-down{font-size:8px;letter-spacing:.03em;max-width:210px}.stag-offline-card-head{display:block}.stag-offline-card-head>strong{display:block;margin-top:8px}}

/* v2.13.33.22 — blocking cashier choice for qualifying member reward */
html.stag-reward-alert-open{overflow:hidden!important}
.stag-reward-alert[hidden]{display:none!important}.stag-reward-alert{position:fixed;inset:0;z-index:10090;display:grid;place-items:center;padding:20px;box-sizing:border-box}.stag-reward-alert-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}.stag-reward-alert>section{position:relative;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;background:#fff;color:#111;border:4px solid #111;border-radius:28px;padding:38px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.5)}.stag-reward-alert-icon{width:92px;height:92px;margin:0 auto 16px;border-radius:50%;background:#efdba9;display:grid;place-items:center;font-size:48px;border:3px solid #111}.stag-reward-alert>section>span{display:block;font-size:14px;font-weight:950;letter-spacing:.16em;color:#7b5610}.stag-reward-alert h2{font-size:clamp(30px,5vw,52px);line-height:1.03;margin:12px auto 16px;max-width:650px}.stag-reward-alert p{font-size:18px;line-height:1.45;margin:10px auto}.stag-reward-alert-product{display:grid;gap:7px;margin:24px auto;padding:22px;border:3px solid #111;border-radius:18px;background:#fff8e6}.stag-reward-alert-product small{font-size:12px;font-weight:950;letter-spacing:.15em}.stag-reward-alert-product strong{font-size:clamp(23px,4vw,36px)}.stag-reward-alert-product em{font-style:normal;font-weight:800;color:#4b5563}.stag-reward-alert-question{font-weight:900}.stag-reward-alert-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin-top:24px}.stag-reward-alert-actions .stag-btn{min-height:62px;font-size:17px}.stag-confirm-reward{display:grid;gap:4px;margin:0 0 14px;padding:13px 15px;border:2px solid #111;border-radius:12px}.stag-confirm-reward.accepted{background:#edf8f0;border-color:#24723c}.stag-confirm-reward.declined{background:#f4f4f4}.stag-confirm-reward small{color:#555}
@media(max-width:600px){.stag-reward-alert{padding:10px}.stag-reward-alert>section{max-height:calc(100vh - 20px);border-radius:20px;padding:24px 16px}.stag-reward-alert-icon{width:70px;height:70px;font-size:36px}.stag-reward-alert h2{font-size:30px}.stag-reward-alert p{font-size:16px}.stag-reward-alert-product{margin:18px 0;padding:17px}.stag-reward-alert-actions{grid-template-columns:1fr}.stag-reward-alert-actions .stag-btn{min-height:58px}}

/* v2.13.32 · Finance/Owner sale-customer correction */
.stag-sale-reassign-card{margin-top:18px;padding:16px;border:1px solid #dedede;border-radius:12px;background:#fafafa;display:grid;gap:12px}
.stag-sale-reassign-card>div>span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#777}
.stag-sale-reassign-card>div>strong{display:block;font-size:16px;margin-top:3px}
.stag-sale-reassign-card>div>small{display:block;margin-top:4px;color:#666;max-width:850px}
.stag-sale-reassign-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:start}
.stag-sale-reassign-form .stag-autocomplete{position:relative}
.stag-sale-reassign-form [data-wf-sale-reassign-search]{width:100%}
@media(max-width:760px){.stag-sale-reassign-form{grid-template-columns:1fr}.stag-sale-reassign-form .stag-btn{width:100%}}
.stag-sale-reassign-form .stag-live-results{position:relative!important;left:auto!important;right:auto!important;top:auto!important;max-height:300px!important;overflow:auto!important;margin-top:6px!important;z-index:1!important}

/* v2.13.33.66 — controlled Finance correction of pending stock-count variances */
.stag-finance-count-actions{display:grid;gap:8px;min-width:240px}.stag-finance-count-correction{border:1px solid #c9c9c9;border-radius:10px;background:#fff}.stag-finance-count-correction>summary{padding:9px 11px;font-weight:800;cursor:pointer;color:#111}.stag-finance-count-correction>form{display:grid;gap:9px;padding:0 11px 11px}.stag-finance-count-correction label{display:grid;gap:4px;font-size:11px;font-weight:700;color:#222}.stag-finance-count-correction input[type=number],.stag-finance-count-correction textarea{width:100%;min-width:0;background:#fff;color:#111;border:1px solid #9da3a8;border-radius:8px;padding:8px}.stag-finance-count-preview{display:grid;gap:2px;padding:9px 10px;border:1px solid #b9c9bc;border-radius:8px;background:#f2faf4;color:#173d20}.stag-finance-count-preview.stag-bad{border-color:#d3abab;background:#fff4f4;color:#702323}.stag-finance-count-preview span,.stag-finance-count-preview small{font-size:10px}.stag-finance-count-preview strong{font-size:17px}.stag-finance-count-confirm{grid-template-columns:auto 1fr!important;align-items:start!important;font-size:10px!important;font-weight:600!important}.stag-finance-count-confirm input{margin-top:2px}.stag-finance-count-actions>form .stag-btn{width:100%}