/* STAG v2.11.85 — polished high-contrast retail UI refresh
   CSS-only visual layer. No frameworks, fonts, images or JS added. */
:root{
  --stag-ui-bg:#f5f6f7;
  --stag-ui-surface:#ffffff;
  --stag-ui-surface-soft:#faf9f7;
  --stag-ui-surface-warm:#f7f2ea;
  --stag-ui-text:#1d2024;
  --stag-ui-muted:#6a7077;
  --stag-ui-subtle:#8a9097;
  --stag-ui-border:#e2e5e8;
  --stag-ui-border-strong:#d2d6da;
  --stag-ui-accent:#8a6335;
  --stag-ui-accent-hover:#72512b;
  --stag-ui-accent-soft:#f3e9db;
  --stag-ui-dark:#24272b;
  --stag-ui-dark-hover:#151719;
  --stag-ui-success:#2f6a47;
  --stag-ui-danger:#9f3b36;
  --stag-ui-danger-soft:#fff7f6;
  --stag-ui-danger-border:#ead3d0;
  --stag-ui-focus-ring:rgba(138,99,53,.18);
  --stag-ui-shadow:0 1px 2px rgba(18,22,26,.04),0 10px 28px rgba(18,22,26,.035);
  --stag-ui-shadow-hover:0 2px 4px rgba(18,22,26,.05),0 12px 30px rgba(18,22,26,.055);
}

/* v2.13.33.42 — installed-device fidelity fixes for the approved preview. */
@media (max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-main,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-page,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-budtender-workspace,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-wf-sale,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-layout,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-main,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-sale-product-block,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-sale-product-row,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-wf-product-picker{width:100%!important;max-width:100%!important;min-width:0!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-page{padding:10px 12px calc(132px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-top{min-height:58px!important;height:auto!important;padding:calc(8px + env(safe-area-inset-top)) 12px 8px!important;align-items:center!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-top h1,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-top h2{font-size:17px!important;line-height:1.2!important;margin:0!important;white-space:nowrap!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-top .stag-eyebrow,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-budtender-workspace>.stag-page-head,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-title,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-progress,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-subnav{display:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-cashier-session-bar.is-open{display:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-cashier-session-bar.needs-opening{margin:0 0 8px!important;padding:8px 10px!important;min-height:48px!important;border-radius:12px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-stag-sync-button],
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-sync-button{min-width:0!important;width:auto!important;height:38px!important;min-height:38px!important;padding:0 11px!important;border-width:1px!important;border-radius:12px!important;font-size:11px!important;letter-spacing:.04em!important;box-shadow:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-pos,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-wf-sale{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-sale-product-row{display:block!important;margin:0!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-product-scan-search{top:0!important;margin:0!important;padding:4px 0 8px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-square-category-pills{margin:0!important;padding:3px 0 10px!important;max-width:100%!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:0!important;overflow:visible!important;contain:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:112px!important;height:auto!important;padding:13px!important;overflow:hidden!important;white-space:normal!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;border:1px solid #dde1e4!important;border-radius:15px!important;background:#fff!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>span{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;white-space:normal!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result strong,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result small,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result b{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:ellipsis!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result strong{font-size:14px!important;line-height:1.25!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result small{font-size:11px!important;line-height:1.25!important;margin-top:5px!important;color:#737980!important;-webkit-text-fill-color:#737980!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>b{font-size:15px!important;line-height:1.2!important;margin-top:auto!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;left:10px!important;right:10px!important;bottom:calc(61px + env(safe-area-inset-bottom))!important;width:auto!important;height:62px!important;z-index:9995!important;padding:8px 10px!important;border-radius:16px!important;background:#202326!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar>div{min-width:90px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-touch-charge{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:46px!important;height:46px!important;margin:0!important;padding:0 16px!important;background:#fff!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important;border-radius:12px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav{height:58px!important;min-height:58px!important;padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important;border-radius:0!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav>a,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav>button{height:48px!important;min-height:48px!important;width:100%!important;border-radius:10px!important}
}
@media (min-width:700px) and (max-width:1180px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* v2.13.33.46 — authoritative final POS layout rules. Keep this block last. */
@media (max-width:699px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:76px!important;
    padding:12px 14px!important;
    border:1px solid #e2e8f0!important;
    border-radius:13px!important;
    background:#fff!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-product-thumb{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:11px!important;background:#f1f5f9!important;color:#475569!important;font-size:15px!important;font-style:normal!important;font-weight:850!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>span{min-width:0!important;width:100%!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>span strong{font-size:14px!important;line-height:1.25!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>span small{font-size:11px!important;line-height:1.25!important;color:#64748b!important;-webkit-text-fill-color:#64748b!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>b{width:auto!important;min-width:max-content!important;margin:0!important;white-space:nowrap!important;text-align:right!important;font-size:15px!important}
}
@media (min-width:700px) and (max-width:1180px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-product-block]{
    display:grid!important;
    grid-template-columns:minmax(0,65fr) minmax(290px,35fr)!important;
    align-items:start!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-product-picker-stage]{display:block!important;grid-column:1!important;min-width:0!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-guided-basket-stage]{
    display:flex!important;
    grid-column:2!important;
    flex-direction:column!important;
    position:sticky!important;
    top:12px!important;
    min-width:0!important;
    max-height:calc(100dvh - 142px - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:16px!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] .stag-mobile-checkout-bar{display:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:minmax(0,1fr)!important;gap:8px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:76px!important;
    padding:12px 14px!important;
    border:1px solid #e2e8f0!important;
    border-radius:13px!important;
    background:#fff!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-product-thumb{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:11px!important;background:#f1f5f9!important;color:#475569!important;font-size:15px!important;font-style:normal!important;font-weight:850!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>span{min-width:0!important;width:100%!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>b{width:auto!important;min-width:max-content!important;margin:0!important;white-space:nowrap!important;text-align:right!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-guided-basket-actions{position:sticky!important;bottom:0!important;z-index:6!important;padding-top:12px!important;background:#fff!important}
}

/* v2.13.33.43 — orientation-safe cashier positioning and persistent member selection. */
@media (max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-page{
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-top{
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    margin:2px 0 4px!important;padding:11px 12px!important;border:1px solid #dfe2e5!important;border-radius:13px!important;background:#f7f8f9!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row>div{display:grid!important;gap:3px!important;min-width:0!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row small{font-size:9px!important;font-weight:800!important;letter-spacing:.1em!important;color:#747a81!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row strong{font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row .stag-btn{flex:0 0 auto!important;min-height:42px!important;padding:0 13px!important;border-radius:10px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] [data-wf-member-block]{
    left:max(14px,env(safe-area-inset-left))!important;right:max(14px,env(safe-area-inset-right))!important;
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 76px)!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;
  }
}
@media (min-width:700px) and (max-width:899px) and (orientation:portrait){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (orientation:landscape) and (max-height:600px) and (hover:none),
       (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-top{min-height:48px!important;padding-top:max(5px,env(safe-area-inset-top))!important;padding-bottom:5px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-page{padding-top:6px!important;padding-bottom:calc(122px + env(safe-area-inset-bottom))!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result{min-height:92px!important;padding:10px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-guided-basket-stage]{left:34%!important;right:0!important;top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;border-radius:18px 0 0 0!important;padding-top:max(12px,env(safe-area-inset-top))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] [data-wf-member-block]{left:18%!important;right:18%!important;top:max(10px,env(safe-area-inset-top))!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)!important}
}

/* v2.13.33.44 — high-contrast basket/category labels and single-column catalogue. */
@media (max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar>div span,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar>div strong{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-square-category-pills button.active,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-square-category-pills button.active small{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:78px!important;
    padding:13px 15px!important;
    border-radius:13px!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>span{
    min-width:0!important;
    width:100%!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>b{
    width:auto!important;
    min-width:max-content!important;
    margin:0!important;
    text-align:right!important;
    white-space:nowrap!important;
    word-break:normal!important;
  }
}
@media (min-width:700px) and (max-width:1180px),
       (orientation:landscape) and (max-height:600px) and (hover:none),
       (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{grid-template-columns:minmax(0,1fr)!important}
}

/* v2.13.33.44 portrait basket usability: visible member and reachable actions. */
@media (max-width:699px) and (orientation:portrait){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-product-block]{
    overflow:hidden!important;
    touch-action:none!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-guided-basket-stage]{
    top:auto!important;
    bottom:calc(58px + env(safe-area-inset-bottom))!important;
    height:auto!important;
    max-height:calc(100dvh - 72px - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row>div{overflow:hidden!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-basket-member-row [data-wf-basket-member-action]{
    display:inline-flex!important;
    width:auto!important;
    max-width:126px!important;
    min-width:0!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-guided-basket-actions{
    position:sticky!important;
    z-index:15!important;
    bottom:0!important;
    margin-top:10px!important;
    padding:10px 0 2px!important;
    background:#fff!important;
    box-shadow:0 -10px 18px rgba(255,255,255,.96)!important;
  }
}

/* v2.13.33.45 — dedicated guided payment workflow; no dimmed legacy overlay. */
@media (max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] [data-wf-member-block],
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] [data-wf-product-block],
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] .stag-checkout-sheet-backdrop,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] .stag-mobile-checkout-bar{display:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] [data-wf-checkout-summary]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    z-index:10025!important;
    top:calc(58px + env(safe-area-inset-top))!important;
    right:max(0px,env(safe-area-inset-right))!important;
    bottom:calc(58px + env(safe-area-inset-bottom))!important;
    left:max(0px,env(safe-area-inset-left))!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:16px 16px 22px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] .stag-checkout-back-basket{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    min-height:42px!important;
    margin:0 0 12px!important;
    padding:0 12px!important;
    border:1px solid #d6dade!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#202326!important;
    -webkit-text-fill-color:#202326!important;
    font-weight:800!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] .stag-checkout-summary-head{padding-right:48px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] .stag-checkout-payment-stage,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] .stag-checkout-review:not([hidden]){display:block!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] .stag-checkout-complete{
    position:sticky!important;
    z-index:5!important;
    bottom:-22px!important;
    margin:14px -16px -22px!important;
    padding:12px 16px max(16px,env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid #dde1e4!important;
    box-shadow:0 -10px 24px rgba(255,255,255,.96)!important;
  }
}
@media (min-width:700px) and (max-width:1180px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="payment"] [data-wf-checkout-summary]{
    left:50%!important;right:auto!important;width:min(720px,calc(100vw - 48px))!important;transform:translateX(-50%)!important;border-left:1px solid #e0e3e5!important;border-right:1px solid #e0e3e5!important;
  }
}

/* Foundation */
html{background:var(--stag-ui-bg)}
.stag-backoffice-page,
.stag-backoffice-page #page,
.stag-backoffice-page .site,
.stag-backoffice-page .site-main,
.stag-app-shell,
.stag-main{background:var(--stag-ui-bg)!important;color:var(--stag-ui-text)!important}
.stag-app-shell{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  grid-template-columns:244px minmax(0,1fr)!important;
  letter-spacing:0!important;
}
.stag-page{max-width:1460px!important;padding:24px 28px 44px!important}

/* Sidebar: quiet, app-like navigation */
.stag-side{
  width:auto!important;
  padding:16px 12px 18px!important;
  background:#fff!important;
  border-right:1px solid var(--stag-ui-border)!important;
  box-shadow:none!important;
}
.stag-side-brand{height:68px!important;padding:0 10px 10px!important;border-bottom:1px solid #f0f1f2!important}
.stag-side-brand img{width:104px!important;height:52px!important;object-fit:contain!important}
.stag-client-box{
  margin:14px 4px 12px!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--stag-ui-surface-warm)!important;
}
.stag-client-box span,.stag-workflow-label{font-size:9px!important;letter-spacing:.12em!important;color:#7a674f!important}
.stag-client-box strong{font-size:13px!important;margin-top:4px!important;color:var(--stag-ui-text)!important}
.stag-client-box small{font-size:9px!important;color:var(--stag-ui-muted)!important}
.stag-workflow-label{margin:13px 9px 5px!important;font-weight:800!important}
.stag-side nav{padding:2px 4px!important;gap:2px!important}
.stag-side nav a,.stag-side-foot .stag-foot-link{
  min-height:39px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#51565c!important;
  font-size:11px!important;
  font-weight:680!important;
  box-shadow:none!important;
}
.stag-side nav a:hover,.stag-side-foot .stag-foot-link:hover{background:#f4f5f6!important;color:#22262a!important}
.stag-side nav a.active,.stag-side-foot .stag-foot-link.active{
  background:var(--stag-ui-accent-soft)!important;
  color:#4d3822!important;
  border:0!important;
  box-shadow:inset 3px 0 0 var(--stag-ui-accent)!important;
}
.stag-side-foot{padding:12px 4px 0!important;border-top:1px solid #f0f1f2!important;gap:2px!important}
.stag-side-foot small{padding:8px 10px 0!important;color:#969ba1!important}

/* Header */
.stag-top{
  height:66px!important;
  padding:0 28px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--stag-ui-border)!important;
  box-shadow:0 1px 0 rgba(18,22,26,.015)!important;
  backdrop-filter:none!important;
}
.stag-top .stag-eyebrow{font-size:8px!important;letter-spacing:.13em!important;color:#8a7761!important}
.stag-top h1{font-size:17px!important;font-weight:720!important;letter-spacing:-.02em!important;color:var(--stag-ui-text)!important}
.stag-top-right{gap:10px!important}
.stag-user-trigger{border:0!important;background:transparent!important;min-height:44px!important;padding:4px 7px!important;border-radius:10px!important}
.stag-user-trigger:hover{background:#f5f6f7!important}
.stag-user>b{width:34px!important;height:34px!important;border-radius:9px!important;background:var(--stag-ui-accent-soft)!important;color:#5b4126!important}
.stag-user strong{color:var(--stag-ui-text)!important;font-size:10px!important}
.stag-user small{color:var(--stag-ui-muted)!important;font-size:9px!important}
.stag-switcher select{height:36px!important;border:1px solid var(--stag-ui-border-strong)!important;background:#fff!important;color:var(--stag-ui-text)!important}

/* Preview/import notice: compact status banner */
.stag-preview-banner,.stag-preview-banner.importing{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:10px 13px!important;
  background:#fff!important;
  border:1px solid var(--stag-ui-border)!important;
  border-left:3px solid #b38b58!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.stag-preview-banner>div{display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;row-gap:2px!important;min-width:0!important}
.stag-preview-banner b{font-size:8px!important;letter-spacing:.12em!important;color:#80613e!important;white-space:nowrap!important}
.stag-preview-banner strong{font-size:11px!important;color:#34383c!important;white-space:nowrap!important}
.stag-preview-banner span{font-size:10px!important;line-height:1.35!important;color:var(--stag-ui-muted)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.stag-preview-banner>a{font-size:9px!important;font-weight:750!important;color:#614827!important;white-space:nowrap!important;text-decoration:none!important}

/* Page titles: modern hierarchy, not giant coloured blocks */
.stag-app-shell .stag-page-head{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--stag-ui-border)!important;
  border-radius:0!important;
  padding:2px 2px 16px!important;
  margin-bottom:18px!important;
  box-shadow:none!important;
  align-items:flex-end!important;
}
.stag-app-shell .stag-page-head>div>span{
  color:#8a6a43!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
  font-weight:800!important;
}
.stag-app-shell .stag-page-head h1,.stag-app-shell .stag-page-head h2{
  margin:4px 0 5px!important;
  font-size:clamp(25px,2.1vw,32px)!important;
  line-height:1.12!important;
  color:var(--stag-ui-text)!important;
  letter-spacing:-.035em!important;
  font-weight:760!important;
}
.stag-app-shell .stag-page-head p{margin:0!important;max-width:880px!important;color:var(--stag-ui-muted)!important;font-size:11px!important;line-height:1.48!important}
.stag-app-shell .stag-page-head.compact{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #eceeef!important;
  border-radius:0!important;
  padding:0 0 10px!important;
  margin:0 0 14px!important;
}
.stag-app-shell .stag-page-head.compact>div>span{font-size:8px!important}
.stag-app-shell .stag-page-head.compact h3{font-size:16px!important;line-height:1.3!important;margin:3px 0!important;color:var(--stag-ui-text)!important}
.stag-app-shell .stag-page-head.compact p{font-size:10px!important;color:var(--stag-ui-muted)!important}

/* Cards */
.stag-app-shell .stag-card,
.stag-app-shell .stag-kpis article,
.stag-app-shell .stag-integrations article,
.stag-app-shell .stag-client-grid article,
.stag-app-shell .stag-analytics-section,
.stag-app-shell .stag-near-tier-grid>section,
.stag-app-shell .stag-member-search-hero,
.stag-app-shell .stag-member-dashboard-kpis article,
.stag-app-shell .stag-near-tier-summary>section,
.stag-app-shell .stag-potters-sale-layout{
  background:var(--stag-ui-surface)!important;
  border:1px solid var(--stag-ui-border)!important;
  border-radius:14px!important;
  box-shadow:var(--stag-ui-shadow)!important;
  color:var(--stag-ui-text)!important;
}
.stag-app-shell .stag-card{padding:18px!important;margin-bottom:14px!important}
.stag-app-shell .stag-card>h3,.stag-app-shell .stag-sale-section>h4{
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--stag-ui-text)!important;
  font-size:16px!important;
  font-weight:740!important;
}
.stag-app-shell .stag-card p{font-size:11px!important;line-height:1.5!important;color:var(--stag-ui-muted)!important}

/* KPI cards */
.stag-app-shell .stag-kpis{gap:12px!important;margin-bottom:16px!important}
.stag-app-shell .stag-kpis article{padding:15px 16px!important;min-height:96px!important;box-shadow:none!important}
.stag-app-shell .stag-kpis article:hover{border-color:var(--stag-ui-border-strong)!important}
.stag-app-shell .stag-kpis span{font-size:9px!important;font-weight:650!important;color:var(--stag-ui-muted)!important}
.stag-app-shell .stag-kpis strong{margin:7px 0 2px!important;font-size:clamp(23px,2vw,30px)!important;font-weight:760!important;letter-spacing:-.035em!important;color:var(--stag-ui-text)!important}
.stag-app-shell .stag-kpis small{font-size:9px!important;color:var(--stag-ui-subtle)!important}

/* App tabs: one lightweight segmented navigation */
.stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{
  display:flex!important;
  gap:4px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:4px!important;
  margin:0 0 18px!important;
  background:#eceeef!important;
  border:0!important;
  border-radius:11px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.stag-dashboard-tabs::-webkit-scrollbar,.stag-settings-tabs::-webkit-scrollbar,.stag-section-tabs-nav::-webkit-scrollbar{display:none!important}
.stag-dashboard-tab,.stag-settings-tab,.stag-section-tabs-nav .stag-settings-tab,.stag-stock-workspace-tabs a,.stag-subnav a,.stag-analytics-tabs button,.stag-analytics-tabs a{
  min-height:36px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#555a60!important;
  font-size:10px!important;
  font-weight:720!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.stag-dashboard-tab:hover,.stag-settings-tab:hover,.stag-stock-workspace-tabs a:hover,.stag-subnav a:hover,.stag-analytics-tabs button:hover{background:rgba(255,255,255,.7)!important;color:#23272b!important}
.stag-dashboard-tab.active,.stag-dashboard-tab[aria-selected="true"],.stag-settings-tab.active,.stag-settings-tab[aria-selected="true"],.stag-stock-workspace-tabs a.active,.stag-subnav a.active,.stag-analytics-tabs .active{
  background:#fff!important;
  color:#262a2e!important;
  border:0!important;
  box-shadow:0 1px 3px rgba(18,22,26,.10)!important;
}

/* Forms: softer borders but very clear data-entry states */
.stag-app-shell label{color:#4f555b!important;font-size:10px!important;font-weight:680!important}
.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,
.stag-table-search,.stag-form-grid input,.stag-form-grid select,.stag-form-grid textarea,.stag-date-filter input{
  min-height:42px!important;
  background:#fff!important;
  color:#171a1d!important;
  border:1px solid #cfd4d8!important;
  border-radius:10px!important;
  box-shadow:0 1px 1px rgba(18,22,26,.02)!important;
  font-size:11px!important;
}
.stag-app-shell textarea{min-height:78px!important}
.stag-app-shell input:focus,.stag-app-shell select:focus,.stag-app-shell textarea:focus{
  border-color:#a47a4b!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(138,99,53,.11)!important;
}
.stag-app-shell input::placeholder,.stag-app-shell textarea::placeholder{color:#9a9fa4!important}

/* Buttons */
.stag-app-shell .stag-btn,
.stag-app-shell button,
.stag-app-shell input[type="submit"],.stag-date-filter button{
  min-height:39px!important;
  padding:0 15px!important;
  border:1px solid var(--stag-ui-dark)!important;
  border-radius:9px!important;
  background:var(--stag-ui-dark)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.005em!important;
}
.stag-app-shell .stag-btn:hover,
.stag-app-shell button:hover,
.stag-app-shell input[type="submit"]:hover{background:var(--stag-ui-dark-hover)!important;border-color:var(--stag-ui-dark-hover)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
.stag-app-shell .stag-btn.secondary,.stag-app-shell button.secondary,.stag-link-btn{
  background:#fff!important;
  color:#34383d!important;
  -webkit-text-fill-color:#34383d!important;
  border:1px solid var(--stag-ui-border-strong)!important;
}
.stag-app-shell .stag-btn.secondary:hover,.stag-app-shell button.secondary:hover,.stag-link-btn:hover{background:#f5f6f7!important;color:#1f2327!important;-webkit-text-fill-color:#1f2327!important;border-color:#bfc4c9!important}

/* Tables */
.stag-app-shell .table-card,.stag-app-shell .stag-card.table-card{padding:0!important;overflow:auto!important;border:1px solid var(--stag-ui-border)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.stag-app-shell table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:var(--stag-ui-text)!important}
.stag-app-shell th{
  position:relative!important;
  padding:10px 12px!important;
  background:#f7f8f9!important;
  border-bottom:1px solid var(--stag-ui-border)!important;
  color:#62686e!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}
.stag-app-shell td{padding:11px 12px!important;background:#fff!important;border-bottom:1px solid #eef0f1!important;color:#24282c!important;font-size:10px!important}
.stag-app-shell tbody tr:last-child td{border-bottom:0!important}
.stag-app-shell tbody tr:hover td{background:#fafbfb!important}
.stag-app-shell td small{color:#868b91!important}

/* POS: operational focus */
.stag-app-shell .stag-potters-sale-layout{padding:20px!important}
.stag-app-shell .stag-potters-sale-layout *{color:inherit!important}
.stag-app-shell .stag-potters-sale-layout .stag-sale-block{border-color:#eceeef!important;padding:18px 0!important}
.stag-app-shell .stag-potters-sale-layout .stag-transaction-title{border-color:#eceeef!important;padding-bottom:14px!important}
.stag-app-shell .stag-potters-sale-layout .stag-selected-member,
.stag-app-shell .stag-potters-sale-layout .stag-selected-stock-item{
  background:#f8f9fa!important;
  border:1px solid var(--stag-ui-border)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-live-basket-block{
  background:#f8f9fa!important;
  border:1px solid var(--stag-ui-border)!important;
  border-radius:12px!important;
  padding:18px!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-wf-payment{
  background:var(--stag-ui-surface-warm)!important;
  border:1px solid #e6d8c6!important;
  border-radius:12px!important;
  padding:18px!important;
}
.stag-app-shell .stag-potters-sale-layout [data-wf-member-search],
.stag-app-shell .stag-potters-sale-layout [data-wf-product-search]{min-height:46px!important;font-size:12px!important}
.stag-app-shell .stag-potters-sale-layout .stag-sale-complete{min-height:48px!important;font-size:11px!important;border-radius:10px!important}

/* Supplier/stock rows: keep quantity and cost visually separate */
.stag-purchase-line,.stag-supplier-line,.stag-purchase-item-row{
  gap:16px!important;
  padding:12px 0!important;
  border-bottom:1px solid #eceeef!important;
}
.stag-purchase-line input,.stag-supplier-line input,.stag-purchase-item-row input{min-width:0!important}

/* Notices/status */
.stag-notice{background:#fff!important;border:1px solid var(--stag-ui-border)!important;border-left:3px solid #b58b56!important;border-radius:10px!important;padding:10px 12px!important;color:#4b5056!important;box-shadow:none!important}
.stag-status,.stag-pill,.stag-tag{background:#f7f8f9!important;border:1px solid var(--stag-ui-border)!important;color:#51575d!important}
.stag-tag.ok{background:#eef6f1!important;border-color:#d7e8dc!important;color:var(--stag-ui-success)!important}
.stag-bad{color:var(--stag-ui-danger)!important}.stag-ok{color:var(--stag-ui-success)!important}

/* Autocomplete/pickers */
.stag-autocomplete-results,.stag-typeahead-results,.stag-product-results,.stag-offline-results{
  border:1px solid var(--stag-ui-border)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(18,22,26,.12)!important;
  overflow:hidden!important;
}
.stag-autocomplete-results button,.stag-typeahead-results button,.stag-product-results button{
  background:#fff!important;
  color:#202428!important;
  border:0!important;
  border-bottom:1px solid #eef0f1!important;
  border-radius:0!important;
  min-height:46px!important;
  justify-content:flex-start!important;
}
.stag-autocomplete-results button:hover,.stag-typeahead-results button:hover,.stag-product-results button:hover{background:#f8f6f2!important;color:#202428!important}

/* Offline UI follows the same calm visual system. */
.stag-offline-root{background:var(--stag-ui-bg)!important;color:var(--stag-ui-text)!important}
.stag-offline-head,.stag-offline-card,.stag-offline-result,.stag-offline-picker button,.stag-offline-selected,.stag-offline-basket-row{background:#fff!important;border:1px solid var(--stag-ui-border)!important;border-radius:12px!important;box-shadow:none!important}
.stag-offline-warning{border:1px solid #e3c875!important;background:#fff8dc!important}

/* Tiny motion only; no expensive animation framework. */
@media (prefers-reduced-motion:no-preference){
  .stag-side nav a,.stag-dashboard-tab,.stag-settings-tab,.stag-btn,.stag-app-shell button,.stag-card{transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease!important}
}

/* Responsive */
@media(max-width:1100px){
  .stag-app-shell{grid-template-columns:220px minmax(0,1fr)!important}
  .stag-page{padding:20px!important}
  .stag-top{padding:0 20px!important}
}
@media(max-width:850px){
  .stag-app-shell{display:block!important}
  .stag-page{padding:16px!important}
  .stag-top{height:62px!important;padding:0 14px!important}
  .stag-preview-banner>div{grid-template-columns:auto 1fr!important}
  .stag-preview-banner span{grid-column:1/-1!important;white-space:normal!important}
  .stag-app-shell .stag-page-head{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  .stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{width:100%!important}
  .stag-app-shell .stag-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .stag-page{padding:12px!important}
  .stag-app-shell .stag-page-head{padding-bottom:12px!important}
  .stag-app-shell .stag-page-head h1,.stag-app-shell .stag-page-head h2{font-size:23px!important}
  .stag-app-shell .stag-card{padding:14px!important}
  .stag-app-shell .stag-kpis{grid-template-columns:1fr!important}
  .stag-preview-banner{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .stag-preview-banner>div{display:grid!important;grid-template-columns:1fr!important}
  .stag-preview-banner strong,.stag-preview-banner span{white-space:normal!important}
  .stag-app-shell .stag-potters-sale-layout{padding:14px!important}
  .stag-app-shell .stag-potters-sale-layout .stag-live-basket-block,.stag-app-shell .stag-potters-sale-layout .stag-wf-payment{padding:14px!important}
}

/* v2.12.72 — canonical light theme coverage.
   Login, access-denied, empty and error states all consume the same UI tokens as
   the authenticated shell. Keep visual tokens here; legacy stylesheets should
   provide structure only for these states. */
.stag-login,
.stag-login *{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.stag-login-card label{color:var(--stag-ui-text)!important;font-weight:700!important}
.stag-login-card .stag-check{color:var(--stag-ui-muted)!important}
.stag-login-card input::placeholder{color:var(--stag-ui-subtle)!important;opacity:1!important}
.stag-login-card input:focus{
  outline:2px solid var(--stag-ui-focus-ring)!important;
  outline-offset:1px!important;
  border-color:var(--stag-ui-accent)!important;
  box-shadow:none!important;
}
.stag-login-card a{color:var(--stag-ui-accent)!important}
.stag-login-card .stag-error,
.stag-error{
  background:var(--stag-ui-danger-soft)!important;
  border:1px solid var(--stag-ui-danger-border)!important;
  border-left:3px solid var(--stag-ui-danger)!important;
  color:var(--stag-ui-danger)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.stag-empty,
.stag-denied{
  max-width:780px!important;
  margin:40px auto!important;
  padding:30px!important;
  border:1px solid var(--stag-ui-border)!important;
  border-radius:15px!important;
  background:var(--stag-ui-surface)!important;
  color:var(--stag-ui-text)!important;
  box-shadow:var(--stag-ui-shadow)!important;
}
.stag-empty h1,.stag-empty h2,.stag-empty h3,
.stag-denied h1,.stag-denied h2,.stag-denied h3{color:var(--stag-ui-text)!important}
.stag-empty p,.stag-empty small,.stag-denied p,.stag-denied small{color:var(--stag-ui-muted)!important}
.stag-offline-empty{background:var(--stag-ui-surface)!important;color:var(--stag-ui-muted)!important;border-color:var(--stag-ui-border)!important}
@media print{
  .stag-empty,.stag-denied,.stag-error{background:#fff!important;color:#111!important;box-shadow:none!important;border-color:#bbb!important}
}

/* Login and business switcher */
.stag-login{min-height:100vh!important;background:var(--stag-ui-bg)!important;color:var(--stag-ui-text)!important;grid-template-columns:minmax(0,.9fr) minmax(420px,.65fr)!important}
.stag-login-brand{padding:48px!important;background:var(--stag-ui-surface)!important;border-right:1px solid var(--stag-ui-border)!important;color:var(--stag-ui-text)!important}
.stag-login-brand>img{width:150px!important;height:auto!important;max-height:110px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important}
.stag-login-brand span{color:var(--stag-ui-accent)!important;font-size:9px!important;letter-spacing:.14em!important}
.stag-login-brand h1{max-width:640px!important;margin:12px 0 16px!important;font-size:clamp(38px,4.7vw,64px)!important;line-height:1!important;letter-spacing:-.055em!important;color:var(--stag-ui-text)!important}
.stag-login-brand p{max-width:590px!important;color:var(--stag-ui-muted)!important;font-size:13px!important;line-height:1.65!important}
.stag-login-brand>small{color:var(--stag-ui-subtle)!important}
.stag-login-form{padding:32px!important;background:var(--stag-ui-bg)!important}
.stag-login-card{width:min(420px,100%)!important;padding:30px!important;background:var(--stag-ui-surface)!important;color:var(--stag-ui-text)!important;border:1px solid var(--stag-ui-border)!important;border-radius:16px!important;box-shadow:var(--stag-ui-shadow)!important}
.stag-login-card>span{color:var(--stag-ui-accent)!important}
.stag-login-card h2{margin:7px 0 4px!important;color:var(--stag-ui-text)!important;font-size:26px!important;letter-spacing:-.03em!important}
.stag-login-card>p{color:var(--stag-ui-muted)!important}
.stag-login-card input[type=text],.stag-login-card input[type=password],.stag-login-card input:not([type]){height:44px!important;background:var(--stag-ui-surface)!important;color:var(--stag-ui-text)!important;border:1px solid var(--stag-ui-border-strong)!important;border-radius:10px!important}
.stag-login-card button{height:44px!important;background:var(--stag-ui-dark)!important;color:var(--stag-ui-surface)!important;border:1px solid var(--stag-ui-dark)!important;border-radius:9px!important}
.stag-login-divider{color:var(--stag-ui-subtle)!important}.stag-login-divider:before,.stag-login-divider:after{background:var(--stag-ui-border)!important}
.stag-business-picker{background:var(--stag-ui-bg)!important;color:var(--stag-ui-text)!important}
.stag-business-picker-card{background:#fff!important;border:1px solid var(--stag-ui-border)!important;border-radius:16px!important;box-shadow:var(--stag-ui-shadow)!important}
.stag-business-grid a{background:#fff!important;border:1px solid var(--stag-ui-border)!important;border-radius:12px!important;box-shadow:none!important}
.stag-business-grid a:hover{border-color:#c8cdd1!important;background:#fafbfb!important}

@media(max-width:850px){
  .stag-login{display:block!important}
  .stag-login-brand{display:none!important}
  .stag-login-form{min-height:100vh!important;padding:18px!important}
  .stag-login-card{box-shadow:none!important}
}


/* v2.11.85 — contrast-safe Yoco-inspired STAG polish
   Deliberately CSS-only: no framework, font, icon pack or extra JS. */
:root{
  --stag-ui-ink:#191b1f;
  --stag-ui-ink-soft:#4f555c;
  --stag-ui-warm:#f5eee4;
  --stag-ui-warm-strong:#ead8bf;
  --stag-ui-active:#2b2926;
  --stag-ui-focus:#8a6335;
}

/* Global readability floor */
.stag-app-shell{color:var(--stag-ui-ink)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.stag-app-shell h1,.stag-app-shell h2,.stag-app-shell h3,.stag-app-shell h4,.stag-app-shell h5,.stag-app-shell h6,
.stag-app-shell strong,.stag-app-shell b{color:var(--stag-ui-ink)!important}
.stag-app-shell p,.stag-app-shell small,.stag-app-shell .stag-muted{color:#666d74!important}
.stag-app-shell label{color:#41474d!important}
.stag-app-shell a:not(.stag-btn):not(.stag-dashboard-tab):not(.stag-settings-tab):not(.stag-analytics-tab){text-decoration-thickness:1px;text-underline-offset:2px}

/* Header/session: bright, calm, always legible */
.stag-top{background:#fff!important;border-bottom:1px solid #e4e6e8!important;box-shadow:0 1px 8px rgba(18,22,26,.025)!important}
.stag-top h1{color:var(--stag-ui-ink)!important}
.stag-top .stag-eyebrow{color:#80613e!important}
.stag-online,.stag-status.online,[data-stag-online]{color:#1f5538!important;background:#f2f8f4!important;border-color:#cfe3d6!important}

.stag-user-trigger,
.stag-app-shell button.stag-user-trigger,
.stag-app-shell [data-stag-user-toggle]{
  display:flex!important;align-items:center!important;gap:9px!important;
  min-height:46px!important;padding:5px 10px 5px 5px!important;
  background:#fff!important;border:1px solid #dde1e4!important;border-radius:12px!important;
  color:var(--stag-ui-ink)!important;-webkit-text-fill-color:var(--stag-ui-ink)!important;
  box-shadow:0 1px 2px rgba(18,22,26,.03)!important;
}
.stag-user-trigger:hover,.stag-user-trigger[aria-expanded="true"],
.stag-app-shell button.stag-user-trigger:hover,.stag-app-shell [data-stag-user-toggle]:hover{
  background:#f8f6f2!important;border-color:#cfc7bc!important;color:var(--stag-ui-ink)!important;-webkit-text-fill-color:var(--stag-ui-ink)!important;
}
.stag-user-trigger>b,.stag-user>b{background:var(--stag-ui-warm-strong)!important;color:#563d22!important;-webkit-text-fill-color:#563d22!important}
.stag-user-trigger span,.stag-user-trigger strong,.stag-user strong{color:#202327!important;-webkit-text-fill-color:#202327!important;opacity:1!important}
.stag-user-trigger small,.stag-user small{color:#697078!important;-webkit-text-fill-color:#697078!important;opacity:1!important}
.stag-user-trigger>i{color:#6c7177!important;-webkit-text-fill-color:#6c7177!important}

/* Segmented navigation: Yoco-like simplicity, STAG warmth */
.stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{
  background:#eef0f1!important;border:1px solid #e3e5e7!important;padding:4px!important;gap:3px!important;border-radius:12px!important;
}
.stag-dashboard-tab,.stag-settings-tab,.stag-section-tabs-nav .stag-settings-tab,
.stag-stock-workspace-tabs a,.stag-subnav a,.stag-analytics-tabs button,.stag-analytics-tabs a,
.stag-app-shell button.stag-dashboard-tab,.stag-app-shell button.stag-settings-tab,.stag-app-shell button.stag-analytics-tab{
  min-height:38px!important;padding:0 15px!important;background:transparent!important;border:1px solid transparent!important;
  color:#454b51!important;-webkit-text-fill-color:#454b51!important;opacity:1!important;
  border-radius:9px!important;font-size:11px!important;font-weight:720!important;box-shadow:none!important;
}
.stag-dashboard-tab:hover,.stag-settings-tab:hover,.stag-section-tabs-nav .stag-settings-tab:hover,
.stag-stock-workspace-tabs a:hover,.stag-subnav a:hover,.stag-analytics-tabs button:hover,.stag-analytics-tabs a:hover,
.stag-app-shell button.stag-dashboard-tab:hover,.stag-app-shell button.stag-settings-tab:hover,.stag-app-shell button.stag-analytics-tab:hover{
  background:#fff!important;color:#202327!important;-webkit-text-fill-color:#202327!important;border-color:#e1e3e5!important;
}
.stag-dashboard-tab.active,.stag-dashboard-tab[aria-selected="true"],
.stag-settings-tab.active,.stag-settings-tab[aria-selected="true"],
.stag-section-tabs-nav .stag-settings-tab.active,.stag-stock-workspace-tabs a.active,
.stag-subnav a.active,.stag-analytics-tabs .active,.stag-analytics-tab[aria-selected="true"],
.stag-app-shell button.stag-dashboard-tab.active,.stag-app-shell button.stag-dashboard-tab[aria-selected="true"],
.stag-app-shell button.stag-settings-tab.active,.stag-app-shell button.stag-analytics-tab.active,
.stag-app-shell button.stag-analytics-tab[aria-selected="true"]{
  background:var(--stag-ui-active)!important;border-color:var(--stag-ui-active)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
  box-shadow:0 1px 2px rgba(18,22,26,.12)!important;
}
.stag-dashboard-tab.active *, .stag-dashboard-tab[aria-selected="true"] *,
.stag-settings-tab.active *, .stag-settings-tab[aria-selected="true"] *,
.stag-analytics-tab.active *, .stag-analytics-tab[aria-selected="true"] *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Page rhythm and calmer cards */
.stag-page{line-height:1.45!important}
.stag-app-shell .stag-page-head{margin-bottom:20px!important}
.stag-app-shell .stag-card,.stag-app-shell .stag-kpis article,.stag-app-shell .stag-analytics-section{
  border-color:#e3e6e8!important;box-shadow:0 1px 2px rgba(20,24,28,.025),0 6px 18px rgba(20,24,28,.025)!important;
}
.stag-app-shell .stag-card:hover{border-color:#d9dde0!important}
.stag-app-shell .stag-card>h3{color:#202327!important}

/* Forms: dark text, visible values, clear focus */
.stag-app-shell input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.stag-app-shell select,.stag-app-shell textarea{
  color:#171a1d!important;-webkit-text-fill-color:#171a1d!important;opacity:1!important;
  background:#fff!important;border-color:#cfd4d8!important;
}
.stag-app-shell input::placeholder,.stag-app-shell textarea::placeholder{color:#6f767d!important;-webkit-text-fill-color:#6f767d!important;opacity:1!important}
.stag-app-shell input:disabled,.stag-app-shell select:disabled,.stag-app-shell textarea:disabled{
  color:#5e656c!important;-webkit-text-fill-color:#5e656c!important;background:#f2f3f4!important;opacity:1!important;
}

/* Tables: higher readability without visual noise */
.stag-app-shell th{color:#565d64!important;-webkit-text-fill-color:#565d64!important;background:#f7f8f9!important}
.stag-app-shell td{color:#22262a!important;-webkit-text-fill-color:#22262a!important}
.stag-app-shell td strong,.stag-app-shell td b{color:#191c20!important;-webkit-text-fill-color:#191c20!important}
.stag-app-shell td small{color:#70777e!important;-webkit-text-fill-color:#70777e!important}

/* Preview and status banners remain informative, not dominant */
.stag-preview-banner{background:#fff!important;border-color:#e1e3e5!important;border-left-color:#a87b48!important}
.stag-preview-banner b{color:#765533!important}.stag-preview-banner strong{color:#292d31!important}.stag-preview-banner span{color:#697078!important}

/* Accessible focus treatment on every interactive control */
.stag-app-shell button:focus-visible,.stag-app-shell a:focus-visible,.stag-app-shell input:focus-visible,.stag-app-shell select:focus-visible,.stag-app-shell textarea:focus-visible{
  outline:3px solid rgba(138,99,53,.22)!important;outline-offset:2px!important;
}

/* Protect hidden/disabled UI from misleading black-on-black states */
.stag-app-shell button:disabled,.stag-app-shell .stag-btn:disabled{background:#e6e8ea!important;border-color:#d7dade!important;color:#747b82!important;-webkit-text-fill-color:#747b82!important;opacity:1!important;cursor:not-allowed!important}

/* Mobile: retain names where space allows, collapse gracefully only on small screens */
@media(max-width:700px){
  .stag-user-trigger span{display:none!important}
  .stag-user-trigger{padding:4px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
  .stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{border-radius:10px!important}
  .stag-dashboard-tab,.stag-settings-tab,.stag-analytics-tab{font-size:10px!important;padding:0 12px!important}
}


/* Final action-state guard: secondary and disabled controls must never inherit the dark primary fill. */
.stag-app-shell button.secondary,.stag-app-shell .stag-btn.secondary,.stag-app-shell .stag-link-btn{
  background:#fff!important;border-color:#cfd4d8!important;color:#292d31!important;-webkit-text-fill-color:#292d31!important;
}
.stag-app-shell button.secondary:hover,.stag-app-shell .stag-btn.secondary:hover,.stag-app-shell .stag-link-btn:hover{
  background:#f6f7f8!important;border-color:#bfc5ca!important;color:#1d2024!important;-webkit-text-fill-color:#1d2024!important;
}
.stag-app-shell button:disabled,.stag-app-shell .stag-btn:disabled,.stag-app-shell input[type="submit"]:disabled{
  background:#e9ebed!important;border-color:#d7dade!important;color:#666d74!important;-webkit-text-fill-color:#666d74!important;opacity:1!important;cursor:not-allowed!important;
}


/* v2.11.86 — portal-wide search/type-ahead readability guard.
   Search suggestions are list choices, not primary action buttons. Keep their
   text readable in every module regardless of global button inheritance. */
.stag-app-shell .stag-live-results,
.stag-app-shell [data-wf-member-results],
.stag-app-shell [data-wf-product-results],
.stag-app-shell [data-wf-invoice-product-results],
.stag-app-shell [data-wf-member-nav-results],
.stag-app-shell [data-wf-product-nav-results],
.stag-app-shell [data-wf-whatsapp-results],
.stag-app-shell [data-account-member-results],
.stag-app-shell [data-stag-movement-product-results],
.stag-app-shell [data-product-results]{
  background:#fff!important;
  color:#202428!important;
  -webkit-text-fill-color:#202428!important;
  border-color:#d9dde0!important;
}

.stag-app-shell .stag-live-results .stag-live-result,
.stag-app-shell .stag-live-result,
.stag-app-shell [data-wf-member-results] button,
.stag-app-shell [data-wf-product-results] button,
.stag-app-shell [data-wf-invoice-product-results] button,
.stag-app-shell [data-wf-member-nav-results] button,
.stag-app-shell [data-wf-product-nav-results] button,
.stag-app-shell [data-wf-whatsapp-results] .stag-live-result,
.stag-app-shell [data-account-member-results] button,
.stag-app-shell [data-stag-movement-product-results] button,
.stag-app-shell [data-product-results] button{
  min-height:52px!important;
  padding:11px 14px!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #eceeef!important;
  border-radius:0!important;
  color:#202428!important;
  -webkit-text-fill-color:#202428!important;
  opacity:1!important;
  box-shadow:none!important;
  text-align:left!important;
}

.stag-app-shell .stag-live-results .stag-live-result *,
.stag-app-shell .stag-live-result *,
.stag-app-shell [data-wf-member-results] button *,
.stag-app-shell [data-wf-product-results] button *,
.stag-app-shell [data-wf-invoice-product-results] button *,
.stag-app-shell [data-wf-member-nav-results] button *,
.stag-app-shell [data-wf-product-nav-results] button *,
.stag-app-shell [data-wf-whatsapp-results] .stag-live-result *,
.stag-app-shell [data-account-member-results] button *,
.stag-app-shell [data-stag-movement-product-results] button *,
.stag-app-shell [data-product-results] button *{
  color:#202428!important;
  -webkit-text-fill-color:#202428!important;
  opacity:1!important;
}

.stag-app-shell .stag-live-results .stag-live-result strong,
.stag-app-shell .stag-live-result strong,
.stag-app-shell .stag-live-results .stag-live-result span,
.stag-app-shell .stag-live-result span{
  color:#1b1f23!important;
  -webkit-text-fill-color:#1b1f23!important;
}

.stag-app-shell .stag-live-results .stag-live-result small,
.stag-app-shell .stag-live-result small{
  color:#646b72!important;
  -webkit-text-fill-color:#646b72!important;
}

.stag-app-shell .stag-live-results .stag-live-result b,
.stag-app-shell .stag-live-result b{
  color:#6e4e2c!important;
  -webkit-text-fill-color:#6e4e2c!important;
  font-weight:800!important;
}

.stag-app-shell .stag-live-results .stag-live-result:hover,
.stag-app-shell .stag-live-results .stag-live-result:focus,
.stag-app-shell .stag-live-result:hover,
.stag-app-shell .stag-live-result:focus,
.stag-app-shell [data-wf-member-results] button:hover,
.stag-app-shell [data-wf-product-results] button:hover,
.stag-app-shell [data-wf-invoice-product-results] button:hover,
.stag-app-shell [data-wf-member-nav-results] button:hover,
.stag-app-shell [data-wf-product-nav-results] button:hover,
.stag-app-shell [data-account-member-results] button:hover,
.stag-app-shell [data-stag-movement-product-results] button:hover,
.stag-app-shell [data-product-results] button:hover{
  background:#f5eee4!important;
  border-color:#e4d4bf!important;
  color:#171a1d!important;
  -webkit-text-fill-color:#171a1d!important;
}

.stag-app-shell .stag-live-results .stag-live-result:hover *,
.stag-app-shell .stag-live-results .stag-live-result:focus *,
.stag-app-shell .stag-live-result:hover *,
.stag-app-shell .stag-live-result:focus *{
  color:#171a1d!important;
  -webkit-text-fill-color:#171a1d!important;
}

.stag-app-shell .stag-live-results .stag-muted,
.stag-app-shell [data-wf-member-results] .stag-muted,
.stag-app-shell [data-wf-product-results] .stag-muted,
.stag-app-shell [data-wf-invoice-product-results] .stag-muted,
.stag-app-shell [data-wf-member-nav-results] .stag-muted,
.stag-app-shell [data-wf-product-nav-results] .stag-muted,
.stag-app-shell [data-account-member-results] .stag-muted,
.stag-app-shell [data-stag-movement-product-results] .stag-muted,
.stag-app-shell [data-product-results] .stag-muted{
  padding:11px 14px!important;
  background:#fff!important;
  color:#626970!important;
  -webkit-text-fill-color:#626970!important;
  opacity:1!important;
}

/* Offline/PWA search pickers use the same visible states. */
.stag-offline-root [data-op-member-results],
.stag-offline-root [data-op-product-results],
.stag-offline-root [data-or-results],
.stag-offline-root .stag-offline-picker{
  background:#fff!important;
  color:#202428!important;
}
.stag-offline-root [data-op-member-results] button,
.stag-offline-root [data-op-product-results] button,
.stag-offline-root [data-or-results] button,
.stag-offline-root .stag-offline-picker button{
  background:#fff!important;
  color:#202428!important;
  -webkit-text-fill-color:#202428!important;
  border-color:#e2e5e7!important;
}
.stag-offline-root [data-op-member-results] button *,
.stag-offline-root [data-op-product-results] button *,
.stag-offline-root [data-or-results] button *,
.stag-offline-root .stag-offline-picker button *{
  color:#202428!important;
  -webkit-text-fill-color:#202428!important;
  opacity:1!important;
}
.stag-offline-root [data-op-member-results] button:hover,
.stag-offline-root [data-op-product-results] button:hover,
.stag-offline-root [data-or-results] button:hover,
.stag-offline-root .stag-offline-picker button:hover{
  background:#f5eee4!important;
  color:#171a1d!important;
  -webkit-text-fill-color:#171a1d!important;
}

/* Future-proof generic search widgets and native select option lists. */
.stag-app-shell .stag-autocomplete-results button *,
.stag-app-shell .stag-typeahead-results button *,
.stag-app-shell .stag-product-results button *{
  color:#202428!important;
  -webkit-text-fill-color:#202428!important;
  opacity:1!important;
}
.stag-app-shell .stag-autocomplete-results button:hover *,
.stag-app-shell .stag-typeahead-results button:hover *,
.stag-app-shell .stag-product-results button:hover *{
  color:#171a1d!important;
  -webkit-text-fill-color:#171a1d!important;
}
.stag-app-shell select option{
  background:#fff!important;
  color:#171a1d!important;
  -webkit-text-fill-color:#171a1d!important;
}


/* v2.11.87 — Sage-inspired professional workspace.
   CSS only: classic dark application menu, light working canvas, compact
   accounting-style panels/tables and STAG brown/beige accents. */
:root{
  --stag-sagebar:#36383b;
  --stag-sagebar-deep:#292b2e;
  --stag-sage-canvas:#f1f2f3;
  --stag-sage-line:#cfd3d6;
  --stag-sage-head:#eef0f1;
  --stag-sage-brown:#765332;
  --stag-sage-beige:#e7d4b8;
}

/* Accounting-style density and structure */
.stag-app-shell .stag-page{max-width:none!important;background:var(--stag-sage-canvas)!important}
.stag-app-shell .stag-card,.stag-app-shell .stag-kpis article,.stag-app-shell .stag-integrations article,.stag-app-shell .stag-analytics-section,.stag-app-shell .stag-potters-sale-layout{
  border-radius:3px!important;border-color:#d7dadd!important;box-shadow:0 1px 2px rgba(0,0,0,.035)!important;background:#fff!important;
}
.stag-app-shell .stag-card{padding:16px!important;margin-bottom:14px!important}
.stag-app-shell .stag-kpis{gap:10px!important}.stag-app-shell .stag-kpis article{min-height:84px!important;padding:12px 14px!important}
.stag-app-shell .stag-kpis strong{font-size:24px!important;margin:5px 0 1px!important}
.stag-app-shell .stag-page-head{padding:0 0 12px!important;margin-bottom:14px!important;border-color:#d8dbde!important}
.stag-app-shell .stag-page-head h1,.stag-app-shell .stag-page-head h2{font-size:26px!important;font-weight:650!important;letter-spacing:-.02em!important}
.stag-app-shell .stag-page-head.compact{padding-bottom:8px!important;margin-bottom:11px!important}
.stag-app-shell .stag-page-head.compact h3{font-size:15px!important;font-weight:650!important}

/* Sage-like report/table treatment */
.stag-app-shell .table-card{border-radius:3px!important}
.stag-app-shell table{font-size:11px!important;border-collapse:collapse!important}
.stag-app-shell th{background:#eceeef!important;color:#3f4449!important;font-size:9px!important;letter-spacing:.04em!important;border-bottom:1px solid #cfd3d6!important;padding:9px 10px!important}
.stag-app-shell td{padding:9px 10px!important;border-bottom:1px solid #e5e7e9!important;background:#fff!important}
.stag-app-shell tbody tr:nth-child(even) td{background:#fbfbfc!important}
.stag-app-shell tbody tr:hover td{background:#f4eee6!important}

/* Classic accounting forms: crisp, compact, clearly editable */
.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,.stag-table-search{
  min-height:38px!important;border-radius:3px!important;border-color:#bfc5ca!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.025)!important;
}
.stag-app-shell input:focus,.stag-app-shell select:focus,.stag-app-shell textarea:focus{border-color:#8d6842!important;box-shadow:0 0 0 2px rgba(118,83,50,.12)!important}
.stag-app-shell .stag-btn,.stag-app-shell input[type="submit"],.stag-app-shell button:not(.stag-dashboard-tab):not(.stag-settings-tab):not(.stag-analytics-tab):not(.stag-user-trigger):not(.stag-nav-open):not(.stag-nav-close):not(.stag-foot-link):not(.stag-live-result){
  min-height:36px!important;border-radius:3px!important;
}
.stag-app-shell .stag-btn{background:var(--stag-sage-brown)!important;border-color:#65472b!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-app-shell .stag-btn:hover{background:#634529!important;border-color:#553b24!important}
.stag-app-shell .stag-btn.secondary{background:#fff!important;color:#34383c!important;-webkit-text-fill-color:#34383c!important;border-color:#bfc5ca!important}

/* Tabs become conventional accounting navigation rather than pill controls. */
.stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{
  width:100%!important;padding:0!important;gap:0!important;background:#fff!important;border:1px solid #d5d9dc!important;border-radius:3px!important;overflow-x:auto!important;
}
.stag-dashboard-tab,.stag-settings-tab,.stag-section-tabs-nav .stag-settings-tab,.stag-stock-workspace-tabs a,.stag-subnav a,.stag-analytics-tabs button,.stag-analytics-tabs a{
  min-height:38px!important;border-radius:0!important;border-right:1px solid #e1e3e5!important;padding:0 15px!important;background:#f8f9fa!important;color:#454a4f!important;-webkit-text-fill-color:#454a4f!important;font-size:10px!important;
}
.stag-dashboard-tab.active,.stag-dashboard-tab[aria-selected="true"],.stag-settings-tab.active,.stag-settings-tab[aria-selected="true"],.stag-stock-workspace-tabs a.active,.stag-subnav a.active,.stag-analytics-tabs .active{
  background:#fff!important;color:#4d3621!important;-webkit-text-fill-color:#4d3621!important;box-shadow:inset 0 3px 0 var(--stag-sage-brown)!important;font-weight:800!important;
}

/* Desktop: turn the old left rail into a Sage-style horizontal application bar. */
@media(min-width:961px){
  .stag-app-shell{display:block!important;min-height:100vh!important;background:var(--stag-sage-canvas)!important}
  .stag-side{position:sticky!important;top:0!important;z-index:60!important;width:100%!important;height:56px!important;padding:0 16px!important;display:flex!important;align-items:stretch!important;flex-direction:row!important;background:var(--stag-sagebar)!important;border:0!important;border-bottom:1px solid #202225!important;box-shadow:none!important;overflow:hidden!important}
  .stag-side-brand{flex:0 0 104px!important;height:56px!important;padding:7px 12px 7px 0!important;border:0!important;display:flex!important;align-items:center!important}
  .stag-side-brand a{display:flex!important;align-items:center!important;background:#fff!important;border-radius:2px!important;padding:2px 7px!important;height:38px!important}
  .stag-side-brand img{width:80px!important;height:32px!important;object-fit:contain!important}
  .stag-nav-close{display:none!important}
  .stag-client-box{flex:0 0 178px!important;margin:0 8px 0 0!important;padding:8px 12px!important;border:0!important;border-left:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:transparent!important;overflow:hidden!important}
  .stag-client-box span{color:#d9c4a7!important}.stag-client-box strong{color:#fff!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stag-client-box small{color:#b9bdc1!important}
  .stag-workflow-label{display:none!important}
  .stag-side nav{flex:1 1 auto!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  .stag-side nav::-webkit-scrollbar{display:none!important}
  .stag-side nav a{flex:0 0 auto!important;min-height:56px!important;height:56px!important;padding:0 13px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#e4e6e8!important;-webkit-text-fill-color:#e4e6e8!important;font-size:10px!important;font-weight:600!important;box-shadow:none!important;display:flex!important;align-items:center!important}
  .stag-side nav a:hover{background:#303235!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .stag-side nav a.active{background:var(--stag-sagebar-deep)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 -3px 0 var(--stag-sage-beige)!important}
  .stag-side-foot{flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important}
  .stag-side-foot .stag-foot-link{min-height:56px!important;height:56px!important;padding:0 10px!important;border-radius:0!important;background:transparent!important;color:#d8dbde!important;-webkit-text-fill-color:#d8dbde!important;font-size:9px!important;display:flex!important;align-items:center!important}
  .stag-side-foot .stag-foot-link:hover,.stag-side-foot .stag-foot-link.active{background:#303235!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 -3px 0 var(--stag-sage-beige)!important}
  .stag-side-foot small,.stag-pwa-install{display:none!important}
  .stag-main{min-width:0!important;background:var(--stag-sage-canvas)!important}
  .stag-top{top:56px!important;height:62px!important;padding:0 24px!important;background:#fff!important;border-bottom:1px solid #cfd3d6!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}
  .stag-top .stag-eyebrow{color:#856743!important}.stag-top h1{font-size:18px!important;font-weight:650!important}
  .stag-nav-open{display:none!important}
  .stag-page{padding:20px 24px 44px!important}
  .stag-scrim{display:none!important}
}

/* Header/session controls remain explicitly readable on the dark/light split. */
.stag-user-trigger{background:#fff!important;border:1px solid #cfd3d6!important;border-radius:3px!important;box-shadow:none!important}
.stag-user-trigger strong{color:#22262a!important;-webkit-text-fill-color:#22262a!important}.stag-user-trigger small{color:#6c7379!important;-webkit-text-fill-color:#6c7379!important}
.stag-switcher select{border-radius:3px!important}
.stag-preview-banner,.stag-preview-banner.importing{border-radius:3px!important;background:#fffdf9!important}

/* Search result guard repeated after the Sage layer so suggestions cannot ever
   inherit navigation or primary-button colours. */
.stag-app-shell .stag-live-result,.stag-app-shell .stag-live-results .stag-live-result,.stag-app-shell .stag-live-results button,.stag-app-shell [data-wf-member-results] button,.stag-app-shell [data-wf-product-results] button,.stag-app-shell [data-wf-invoice-product-results] button,.stag-app-shell [data-wf-member-nav-results] button,.stag-app-shell [data-wf-product-nav-results] button,.stag-app-shell [data-account-member-results] button,.stag-app-shell [data-stag-movement-product-results] button,.stag-app-shell [data-product-results] button{
  background:#fff!important;color:#202428!important;-webkit-text-fill-color:#202428!important;border-radius:0!important;border-color:#e2e5e7!important;
}
.stag-app-shell .stag-live-result *,.stag-app-shell .stag-live-results button *,.stag-app-shell [data-wf-member-results] button *,.stag-app-shell [data-wf-product-results] button *,.stag-app-shell [data-wf-invoice-product-results] button *{color:#202428!important;-webkit-text-fill-color:#202428!important}
.stag-app-shell .stag-live-result:hover,.stag-app-shell .stag-live-results button:hover,.stag-app-shell [data-wf-member-results] button:hover,.stag-app-shell [data-wf-product-results] button:hover,.stag-app-shell [data-wf-invoice-product-results] button:hover{background:#f3e9dc!important;color:#171a1d!important;-webkit-text-fill-color:#171a1d!important}

@media(max-width:960px){
  .stag-app-shell .stag-card,.stag-app-shell .stag-kpis article{border-radius:4px!important}
  .stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{border-radius:3px!important}
}

/* v2.11.88 — navigation recovery + mobile readability.
   Keeps the professional accounting-software visual language, but restores a
   robust full-height application rail so every module remains reachable. */
:root{
  --stag-v88-nav:#303337;
  --stag-v88-nav-deep:#25282b;
  --stag-v88-nav-text:#f2f3f4;
  --stag-v88-nav-muted:#c3c7ca;
  --stag-v88-work:#f3f4f5;
  --stag-v88-brown:#765332;
  --stag-v88-beige:#ead9c2;
  --stag-v88-ink:#202428;
}

/* Desktop: dependable vertical application navigation.  The previous
   horizontal conversion could hide modules when the account had many menus. */
@media(min-width:961px){
  .stag-app-shell{
    display:grid!important;
    grid-template-columns:232px minmax(0,1fr)!important;
    min-height:100vh!important;
    background:var(--stag-v88-work)!important;
  }
  .stag-side{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
    width:232px!important;
    height:100vh!important;
    min-height:100vh!important;
    padding:14px 10px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    background:var(--stag-v88-nav)!important;
    border:0!important;
    border-right:1px solid #24272a!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .stag-side-brand{
    flex:0 0 58px!important;
    height:58px!important;
    padding:3px 7px 10px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    display:flex!important;
    align-items:center!important;
  }
  .stag-side-brand a{
    height:43px!important;
    padding:3px 8px!important;
    background:#fff!important;
    border-radius:4px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  .stag-side-brand img{width:86px!important;height:35px!important;object-fit:contain!important}
  .stag-nav-close{display:none!important}
  .stag-client-box{
    flex:0 0 auto!important;
    margin:12px 5px 8px!important;
    padding:10px 11px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:4px!important;
    background:rgba(255,255,255,.045)!important;
    overflow:hidden!important;
  }
  .stag-client-box span{color:#d9c4a7!important;-webkit-text-fill-color:#d9c4a7!important}
  .stag-client-box strong{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .stag-client-box small{color:#bfc3c6!important;-webkit-text-fill-color:#bfc3c6!important}
  .stag-workflow-label{
    display:block!important;
    margin:10px 9px 4px!important;
    color:#cdb89a!important;
    -webkit-text-fill-color:#cdb89a!important;
    font-size:8px!important;
    letter-spacing:.13em!important;
  }
  .stag-side nav{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    padding:2px 3px 8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:thin!important;
    scrollbar-color:#6b6f73 transparent!important;
  }
  .stag-side nav::-webkit-scrollbar{display:block!important;width:5px!important}
  .stag-side nav::-webkit-scrollbar-thumb{background:#6b6f73!important;border-radius:8px!important}
  .stag-side nav a{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:38px!important;
    height:auto!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:4px!important;
    background:transparent!important;
    color:var(--stag-v88-nav-text)!important;
    -webkit-text-fill-color:var(--stag-v88-nav-text)!important;
    font-size:10px!important;
    font-weight:620!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    white-space:normal!important;
  }
  .stag-side nav a span{color:inherit!important;-webkit-text-fill-color:inherit!important}
  .stag-side nav a:hover{background:#3b3f43!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .stag-side nav a.active{
    background:var(--stag-v88-nav-deep)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:inset 3px 0 0 var(--stag-v88-beige)!important;
  }
  .stag-side-foot{
    flex:0 0 auto!important;
    margin:0!important;
    padding:8px 3px 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    background:transparent!important;
  }
  .stag-side-foot .stag-foot-link{
    min-height:34px!important;
    height:auto!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:4px!important;
    background:transparent!important;
    color:#e1e3e5!important;
    -webkit-text-fill-color:#e1e3e5!important;
    font-size:9px!important;
    display:flex!important;
    align-items:center!important;
  }
  .stag-side-foot .stag-foot-link:hover,.stag-side-foot .stag-foot-link.active{
    background:#3b3f43!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:inset 3px 0 0 var(--stag-v88-beige)!important;
  }
  .stag-side-foot small{display:block!important;color:#8f969b!important;-webkit-text-fill-color:#8f969b!important;font-size:8px!important;padding:7px 8px 0!important}
  .stag-pwa-install{display:flex!important}
  .stag-main{min-width:0!important;width:auto!important;background:var(--stag-v88-work)!important}
  .stag-top{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    height:62px!important;
    padding:0 24px!important;
    background:#fff!important;
    border-bottom:1px solid #d2d6d9!important;
    box-shadow:0 1px 2px rgba(0,0,0,.035)!important;
  }
  .stag-nav-open{display:none!important}
  .stag-page{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:20px 24px 44px!important;background:transparent!important}
  .stag-scrim{display:none!important}
}

/* Every page/tab panel must remain in the normal document flow. */
.stag-main,.stag-page,.stag-page>*,.stag-card,.stag-grid,.table-card{max-width:100%!important}
.stag-page{min-width:0!important}
.stag-main{overflow:visible!important}

/* Button and tab contrast contract: never inherit an unreadable colour. */
.stag-app-shell .stag-btn,
.stag-app-shell input[type="submit"],
.stag-app-shell .stag-sale-complete{
  background:var(--stag-v88-brown)!important;
  border-color:#65472b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.stag-app-shell .stag-btn *,
.stag-app-shell .stag-sale-complete *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-app-shell .stag-btn.secondary,
.stag-app-shell .stag-link-btn,
.stag-app-shell .stag-tier-remove{
  background:#fff!important;
  border-color:#bfc5ca!important;
  color:var(--stag-v88-ink)!important;
  -webkit-text-fill-color:var(--stag-v88-ink)!important;
}
.stag-app-shell .stag-btn.secondary *,
.stag-app-shell .stag-link-btn *,
.stag-app-shell .stag-tier-remove *{color:var(--stag-v88-ink)!important;-webkit-text-fill-color:var(--stag-v88-ink)!important}
.stag-app-shell button:disabled,
.stag-app-shell .stag-btn:disabled,
.stag-app-shell input[type="submit"]:disabled{
  background:#e7e9eb!important;
  border-color:#cfd3d6!important;
  color:#676d72!important;
  -webkit-text-fill-color:#676d72!important;
  opacity:1!important;
}

/* Tab labels remain legible at every breakpoint. */
.stag-dashboard-tab,.stag-settings-tab,.stag-analytics-tab,
.stag-section-tabs-nav .stag-settings-tab,.stag-stock-workspace-tabs a,.stag-subnav a,.stag-analytics-tabs a{
  background:#f7f8f9!important;
  color:#34393e!important;
  -webkit-text-fill-color:#34393e!important;
}
.stag-dashboard-tab *,.stag-settings-tab *,.stag-analytics-tab *,.stag-stock-workspace-tabs a *,.stag-subnav a *,.stag-analytics-tabs a *{
  color:inherit!important;-webkit-text-fill-color:inherit!important;
}
.stag-dashboard-tab.active,.stag-dashboard-tab[aria-selected="true"],
.stag-settings-tab.active,.stag-settings-tab[aria-selected="true"],
.stag-analytics-tab.active,.stag-analytics-tab[aria-selected="true"],
.stag-stock-workspace-tabs a.active,.stag-subnav a.active,.stag-analytics-tabs .active{
  background:#fff!important;
  color:#4d3621!important;
  -webkit-text-fill-color:#4d3621!important;
  box-shadow:inset 0 3px 0 var(--stag-v88-brown)!important;
}

/* Mobile/tablet: proper drawer, full-width workspace, explicit text contrast. */
@media(max-width:960px){
  .stag-app-shell{display:block!important;min-height:100vh!important;background:var(--stag-v88-work)!important}
  .stag-side{
    position:fixed!important;
    left:-292px!important;
    top:0!important;
    z-index:1000!important;
    width:282px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:12px 10px max(12px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    background:var(--stag-v88-nav)!important;
    border:0!important;
    border-right:1px solid #222528!important;
    overflow:hidden!important;
    transition:left .16s ease!important;
  }
  .stag-side.open{left:0!important}
  .stag-side-brand{height:58px!important;padding:4px 6px 10px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .stag-side-brand a{display:inline-flex!important;height:42px!important;align-items:center!important;background:#fff!important;padding:3px 8px!important;border-radius:4px!important}
  .stag-side-brand img{width:84px!important;height:34px!important;object-fit:contain!important}
  .stag-nav-close{
    display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-height:38px!important;
    border:1px solid rgba(255,255,255,.28)!important;background:transparent!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:4px!important;font-size:22px!important;
  }
  .stag-client-box{margin:10px 4px 7px!important;padding:10px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;border-radius:4px!important}
  .stag-client-box span,.stag-workflow-label{color:#d5bd9c!important;-webkit-text-fill-color:#d5bd9c!important}
  .stag-client-box strong{color:#fff!important;-webkit-text-fill-color:#fff!important}.stag-client-box small{color:#c2c6c9!important;-webkit-text-fill-color:#c2c6c9!important}
  .stag-workflow-label{display:block!important;margin:9px 8px 4px!important}
  .stag-side nav{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:2px!important;overflow-y:auto!important;overflow-x:hidden!important}
  .stag-side nav a{min-height:42px!important;height:auto!important;padding:0 11px!important;border-radius:4px!important;border:0!important;background:transparent!important;color:#f1f2f3!important;-webkit-text-fill-color:#f1f2f3!important;font-size:11px!important;display:flex!important;align-items:center!important}
  .stag-side nav a span{color:inherit!important;-webkit-text-fill-color:inherit!important}
  .stag-side nav a:hover,.stag-side nav a.active{background:var(--stag-v88-nav-deep)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .stag-side nav a.active{box-shadow:inset 3px 0 0 var(--stag-v88-beige)!important}
  .stag-side-foot{margin:0!important;padding:7px 2px 0!important;border-top:1px solid rgba(255,255,255,.10)!important;background:transparent!important;display:flex!important;flex-direction:column!important;gap:2px!important}
  .stag-side-foot .stag-foot-link{min-height:40px!important;padding:0 10px!important;background:transparent!important;border:0!important;border-radius:4px!important;color:#e7e9ea!important;-webkit-text-fill-color:#e7e9ea!important;display:flex!important;align-items:center!important}
  .stag-side-foot .stag-foot-link:hover,.stag-side-foot .stag-foot-link.active{background:var(--stag-v88-nav-deep)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .stag-side-foot small{color:#93999e!important;-webkit-text-fill-color:#93999e!important}
  .stag-main{width:100%!important;min-width:0!important;background:var(--stag-v88-work)!important}
  .stag-top{position:sticky!important;top:0!important;height:62px!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid #d2d6d9!important;z-index:40!important}
  .stag-nav-open{
    display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-height:40px!important;
    margin-right:8px!important;background:#fff!important;border:1px solid #bfc5ca!important;border-radius:4px!important;
    color:#202428!important;-webkit-text-fill-color:#202428!important;font-size:20px!important;
  }
  .stag-page{width:100%!important;max-width:none!important;padding:15px!important;background:transparent!important}
  .stag-scrim{z-index:900!important}
  .stag-scrim.open{display:block!important}

  /* Touch targets + contrast on all ordinary mobile controls. */
  .stag-app-shell .stag-btn,.stag-app-shell .stag-link-btn,.stag-app-shell .stag-tier-remove,
  .stag-app-shell .stag-dashboard-tab,.stag-app-shell .stag-settings-tab,.stag-app-shell .stag-analytics-tab,
  .stag-app-shell .stag-subnav a,.stag-app-shell .stag-stock-workspace-tabs a{
    min-height:44px!important;
    font-size:11px!important;
  }
  .stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{
    overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;
  }
  .stag-dashboard-tab,.stag-settings-tab,.stag-analytics-tab,.stag-subnav a,.stag-stock-workspace-tabs a{
    flex:0 0 auto!important;white-space:nowrap!important;
  }
}

@media(max-width:560px){
  .stag-page{padding:11px!important}
  .stag-top{padding:0 9px!important}
  .stag-top-right{gap:5px!important}
  .stag-switcher select{max-width:122px!important;min-width:0!important;font-size:10px!important;color:#202428!important;-webkit-text-fill-color:#202428!important}
  .stag-user-trigger{min-width:42px!important;background:#fff!important;border:1px solid #cfd3d6!important;color:#202428!important;-webkit-text-fill-color:#202428!important}
  .stag-user-trigger b{color:#5b4126!important;-webkit-text-fill-color:#5b4126!important}
  .stag-app-shell .stag-btn,.stag-app-shell input[type="submit"]{width:100%!important}
  .stag-app-shell button,.stag-app-shell a[role="button"]{line-height:1.25!important}
}

/* v2.11.89 — mobile navigation access + safe-area polish.
   The mobile menu is an obvious labelled touch target and never competes with
   tenant/user controls for space. CSS only; operational JS remains unchanged. */
.stag-nav-open-icon,.stag-nav-open-label{color:inherit!important;-webkit-text-fill-color:inherit!important}

@media(max-width:960px){
  .stag-top{
    min-height:64px!important;
    height:auto!important;
    padding-top:max(6px,env(safe-area-inset-top))!important;
    padding-bottom:6px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .stag-top>div:first-child{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    align-items:center!important;
  }
  .stag-nav-open{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    position:relative!important;
    inset:auto!important;
    z-index:45!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:76px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 12px!important;
    background:#fff!important;
    border:1px solid #aeb4b9!important;
    border-radius:6px!important;
    color:#202428!important;
    -webkit-text-fill-color:#202428!important;
    box-shadow:0 1px 2px rgba(0,0,0,.06)!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  .stag-nav-open:focus-visible{
    outline:3px solid rgba(118,83,50,.28)!important;
    outline-offset:2px!important;
  }
  .stag-nav-open-icon{font-size:20px!important;line-height:1!important}
  .stag-nav-open-label{font-size:11px!important;letter-spacing:.01em!important;font-weight:800!important}
  .stag-top>div:first-child .stag-eyebrow{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#765332!important;
    -webkit-text-fill-color:#765332!important;
  }
  .stag-top>div:first-child h1{
    grid-column:2!important;
    grid-row:2!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#202428!important;
    -webkit-text-fill-color:#202428!important;
  }
  .stag-top-right{min-width:0!important;gap:5px!important}
  .stag-side{
    padding-top:max(12px,env(safe-area-inset-top))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  .stag-side-brand{position:relative!important;min-height:58px!important}
  .stag-nav-close{
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    min-height:48px!important;
    font-size:26px!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  .stag-side nav a,.stag-side-foot .stag-foot-link{
    min-height:46px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
}

@media(max-width:640px){
  .stag-top{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
  }
  .stag-nav-open{min-width:72px!important;padding:0 10px!important}
  .stag-switcher select{max-width:108px!important}
  .stag-user-trigger{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;justify-content:center!important}
  .stag-user-trigger>span,.stag-user-trigger>i{display:none!important}
}

@media(max-width:380px){
  .stag-nav-open{min-width:48px!important;width:48px!important;padding:0!important}
  .stag-nav-open-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .stag-switcher select{max-width:94px!important}
}


/* v2.11.90 Action Centre is a navigable management task list. */
.stag-dashboard-actions a.stag-activity-row.stag-action-link{display:flex;align-items:center;justify-content:space-between;gap:14px;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease}
.stag-dashboard-actions a.stag-activity-row.stag-action-link:hover,.stag-dashboard-actions a.stag-activity-row.stag-action-link:focus-visible{background:#fff;border-color:rgba(126,84,38,.38);box-shadow:0 4px 14px rgba(31,35,40,.07);transform:translateY(-1px);outline:none}
.stag-action-link-arrow{flex:0 0 auto;font-size:28px;line-height:1;color:#7e5426;font-weight:700}
.stag-attention-context{margin:12px 0 16px}
.stag-attention-context a{font-weight:700;color:#65431f;text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){.stag-dashboard-actions a.stag-activity-row.stag-action-link{align-items:flex-start}.stag-action-link-arrow{font-size:24px}}

/* ========================================================================
   v2.11.91 — retail checkout workflow
   Familiar ecommerce checkout hierarchy without adding a UI framework.
   All selectors are scoped to Process Sale so back-office screens stay lean.
   ======================================================================== */
.stag-app-shell .stag-checkout-pos{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.stag-app-shell .stag-checkout-title{
  margin:0 0 14px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #dfe2e6;
}
.stag-app-shell .stag-checkout-title h3{font-size:30px!important;line-height:1.15!important;margin:3px 0 5px!important;color:#1f2328!important}
.stag-app-shell .stag-checkout-title p{margin:0!important;color:#66707a!important;font-size:13px!important}

.stag-app-shell .stag-checkout-progress{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 0 18px;
  border:1px solid #d7dce1;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.stag-app-shell .stag-checkout-progress>div{
  position:relative;
  display:grid;
  grid-template-columns:30px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:9px;
  min-height:62px;
  padding:10px 14px;
  border-right:1px solid #e4e7ea;
  color:#68717b!important;
}
.stag-app-shell .stag-checkout-progress>div:last-child{border-right:0}
.stag-app-shell .stag-checkout-progress b{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:28px;height:28px;
  border:1px solid #c9ced4;
  border-radius:50%;
  background:#fff;
  color:#59616a!important;
  font-size:12px;
}
.stag-app-shell .stag-checkout-progress span{font-weight:750;color:inherit!important;font-size:13px;line-height:1.2}
.stag-app-shell .stag-checkout-progress small{font-size:10px;color:#8a929a!important;line-height:1.2}
.stag-app-shell .stag-checkout-progress>div.active{background:#f7f1e6;color:#53391d!important;box-shadow:inset 0 -3px 0 #a87535}
.stag-app-shell .stag-checkout-progress>div.active b{background:#a87535;border-color:#a87535;color:#fff!important}
.stag-app-shell .stag-checkout-progress>div.complete{color:#3f4a42!important}
.stag-app-shell .stag-checkout-progress>div.complete b{background:#347a4a;border-color:#347a4a;color:#fff!important}
.stag-app-shell .stag-checkout-progress>div.complete b::after{content:'✓';font-size:13px}
.stag-app-shell .stag-checkout-progress>div.complete b{font-size:0}

.stag-app-shell .stag-checkout-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,410px);
  gap:20px;
  align-items:start;
}
.stag-app-shell .stag-checkout-main{display:grid;gap:16px;min-width:0}
.stag-app-shell .stag-checkout-section,
.stag-app-shell .stag-checkout-summary{
  background:#fff!important;
  color:#1f2328!important;
  border:1px solid #d9dde2!important;
  border-radius:12px!important;
  box-shadow:0 1px 2px rgba(31,35,40,.035)!important;
}
.stag-app-shell .stag-checkout-section{padding:18px!important;margin:0!important}
.stag-app-shell .stag-checkout-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.stag-app-shell .stag-checkout-step-number{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f0dfbb;color:#5a3d1e!important;font-weight:800;font-size:12px}
.stag-app-shell .stag-checkout-section-head>div{min-width:0}
.stag-app-shell .stag-checkout-section-head small,.stag-app-shell .stag-checkout-summary-head small,.stag-app-shell .stag-checkout-basket-title small{display:block;color:#8b6637!important;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:3px}
.stag-app-shell .stag-checkout-section-head h4,.stag-app-shell .stag-checkout-basket-title h4{margin:0!important;color:#1f2328!important;font-size:19px!important;line-height:1.25!important}
.stag-app-shell .stag-checkout-section-head p{margin:4px 0 0!important;color:#6b737c!important;font-size:12px!important;line-height:1.45!important}

/* Customer selection collapses after a member has been chosen. */
.stag-app-shell .stag-checkout-pos .stag-member-review-control label,
.stag-app-shell .stag-checkout-pos .stag-wf-product-picker label{display:block;color:#343a40!important;font-size:12px!important;font-weight:700!important}
.stag-app-shell .stag-checkout-pos .stag-member-review-control input,
.stag-app-shell .stag-checkout-pos .stag-wf-product-picker input{
  min-height:48px!important;
  margin-top:6px!important;
  border:1px solid #aeb5bc!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1f2328!important;
  box-shadow:none!important;
}
.stag-app-shell .stag-checkout-pos .stag-member-review-control input:focus,
.stag-app-shell .stag-checkout-pos .stag-wf-product-picker input:focus{border-color:#8c6030!important;box-shadow:0 0 0 3px rgba(168,117,53,.14)!important}
.stag-app-shell .stag-checkout-pos .stag-sale-info-line{margin-top:8px!important;padding:0!important;border:0!important;background:transparent!important;color:#757d86!important;font-size:11px!important}
.stag-app-shell .stag-checkout-pos .stag-sale-member-block.has-member .stag-member-review-control,
.stag-app-shell .stag-checkout-pos .stag-sale-member-block.has-member .stag-sale-info-line{display:none!important}
.stag-app-shell .stag-checkout-customer-card{
  display:grid!important;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:start;
  padding:14px!important;
  border:1px solid #d7dce1!important;
  border-radius:9px!important;
  background:#fbfaf8!important;
  color:#1f2328!important;
}
.stag-app-shell .stag-checkout-customer-card[hidden]{display:none!important}
.stag-app-shell .stag-checkout-member-main{display:grid;gap:2px;min-width:0}
.stag-app-shell .stag-checkout-member-main>span{color:#916a38!important;font-size:9px;font-weight:800;letter-spacing:.12em}
.stag-app-shell .stag-checkout-member-main strong{color:#1f2328!important;font-size:18px!important;line-height:1.25}
.stag-app-shell .stag-checkout-member-main small{color:#67717b!important;font-size:11px!important}
.stag-app-shell .stag-checkout-change{min-height:36px!important;padding:7px 12px!important;font-size:11px!important}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts{grid-column:1/-1;display:flex!important;flex-wrap:wrap;gap:6px!important;margin:2px 0 0!important;padding:10px 0 0!important;border-top:1px solid #e2e5e8!important}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts[hidden]{display:none!important}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts span{padding:6px 9px!important;border:1px solid #e0e3e6!important;border-radius:6px!important;background:#fff!important;color:#68717a!important;font-size:10px!important}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts b{color:#252a2f!important;font-size:11px!important}

/* Product selector and basket */
.stag-app-shell .stag-checkout-pos .stag-sale-product-row{display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;gap:12px!important;align-items:end!important}
.stag-app-shell .stag-checkout-pos .stag-sale-qty input{min-height:48px!important;margin-top:6px!important}
.stag-app-shell .stag-checkout-pos .stag-selected-stock-item{margin:10px 0 0!important;padding:11px 12px!important;border:1px solid #e1e4e7!important;border-radius:8px!important;background:#fafbfb!important;color:#1f2328!important}
.stag-app-shell .stag-checkout-pos .stag-sale-add-row{margin-top:10px!important}
.stag-app-shell .stag-checkout-basket-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:20px 0 9px;padding-top:16px;border-top:1px solid #e1e4e7}
.stag-app-shell .stag-checkout-basket-title>strong{color:#59616a!important;font-size:12px!important;font-weight:700!important}
.stag-app-shell .stag-checkout-empty{display:grid;place-items:center;text-align:center;min-height:130px;padding:22px;border:1px dashed #cfd4d9;border-radius:9px;background:#fafbfc;color:#6f7780!important}
.stag-app-shell .stag-checkout-empty[hidden]{display:none!important}
.stag-app-shell .stag-checkout-empty span{font-size:14px;font-weight:800;color:#4f565d!important}
.stag-app-shell .stag-checkout-empty p{margin:4px 0 0!important;font-size:11px!important;color:#818991!important}
.stag-app-shell .stag-checkout-pos .stag-basket{margin:0!important;border:1px solid #d9dde1!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important}
.stag-app-shell .stag-checkout-pos .stag-basket-head,
.stag-app-shell .stag-checkout-pos .stag-basket-row{grid-template-columns:minmax(220px,2fr) 142px 88px 105px 58px!important;gap:10px!important;align-items:center!important;padding:10px 12px!important}
.stag-app-shell .stag-checkout-pos .stag-basket-head{background:#f6f7f8!important;color:#69717a!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important}
.stag-app-shell .stag-checkout-pos .stag-basket-row{border-top:1px solid #eaedef!important;color:#1f2328!important}
.stag-app-shell .stag-checkout-product{display:flex!important;align-items:center!important;gap:9px!important;min-width:0}
.stag-app-shell .stag-checkout-product>span{display:grid!important;min-width:0}
.stag-app-shell .stag-basket-product-mark{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#f0dfbb;color:#5d4020!important;font-size:13px;font-style:normal;font-weight:850}
.stag-app-shell .stag-checkout-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2328!important;font-size:12px!important}
.stag-app-shell .stag-checkout-product small{color:#7a828a!important;font-size:9px!important;line-height:1.35!important}
.stag-app-shell .stag-basket-qty-control{display:grid!important;grid-template-columns:32px minmax(55px,1fr) 32px!important;align-items:center!important;border:1px solid #cfd4d8!important;border-radius:7px!important;overflow:hidden!important;background:#fff!important}
.stag-app-shell .stag-basket-qty-control button{height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:0!important;background:#f6f7f8!important;color:#30363c!important;font-size:18px!important;font-weight:500!important}
.stag-app-shell .stag-basket-qty-control input{height:34px!important;min-height:34px!important;margin:0!important;padding:4px!important;border:0!important;border-left:1px solid #dfe3e6!important;border-right:1px solid #dfe3e6!important;border-radius:0!important;text-align:center!important;background:#fff!important;color:#1f2328!important;font-size:11px!important}
.stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(4) strong{display:block;color:#1f2328!important;font-size:12px!important}
.stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(4) small{display:block;color:#4f7e59!important;font-size:9px!important;margin-top:2px!important}

/* Sticky Amazon/Takealot-style order summary. */
.stag-app-shell .stag-checkout-summary{position:sticky;top:18px;padding:18px!important;overflow:visible!important}
.stag-app-shell .stag-checkout-summary-head{padding-bottom:12px;border-bottom:1px solid #e0e4e7}
.stag-app-shell .stag-checkout-summary-head h3{margin:0!important;color:#1f2328!important;font-size:22px!important;line-height:1.2!important}
.stag-app-shell .stag-checkout-summary-head p{margin:5px 0 0!important;color:#727b84!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stag-app-shell .stag-checkout-totals{display:grid;gap:0;padding:10px 0}
.stag-app-shell .stag-checkout-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;color:#5f6871!important;font-size:11px!important}
.stag-app-shell .stag-checkout-totals strong{color:#262b30!important;font-size:11px!important;font-weight:750!important;text-align:right}
.stag-app-shell .stag-checkout-totals .stag-saving{color:#39734a!important}
.stag-app-shell .stag-checkout-grand-total{margin-top:4px!important;padding:13px 0 8px!important;border-top:1px solid #cfd4d8!important;color:#1f2328!important}
.stag-app-shell .stag-checkout-grand-total span{font-size:15px!important;font-weight:800!important;color:#1f2328!important}
.stag-app-shell .stag-checkout-grand-total strong{font-size:26px!important;letter-spacing:-.02em;color:#1f2328!important}
.stag-app-shell .stag-checkout-discount{padding:10px 0 14px;border-top:1px solid #eceeef}
.stag-app-shell .stag-checkout-discount label{display:block;color:#444b52!important;font-size:10px!important;font-weight:750!important}
.stag-app-shell .stag-checkout-discount input{min-height:42px!important;margin-top:5px!important;background:#fff!important;color:#1f2328!important;border:1px solid #cbd1d6!important;border-radius:7px!important}
.stag-app-shell .stag-checkout-discount>small{display:block;margin-top:5px;color:#828990!important;font-size:9px!important;line-height:1.4!important}

.stag-app-shell .stag-checkout-payment{margin:0!important;padding:13px 0!important;border:0!important;border-top:1px solid #e0e4e7!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.stag-app-shell .stag-checkout-payment .stag-sale-block-title{display:block!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
.stag-app-shell .stag-checkout-payment .stag-sale-block-title span{color:#8b6637!important;font-size:9px!important;font-weight:800!important;letter-spacing:.1em!important}
.stag-app-shell .stag-checkout-payment .stag-sale-block-title strong{display:block;margin-top:2px;color:#252a2f!important;font-size:13px!important}
.stag-app-shell .stag-checkout-payment .stag-sale-block-title small{display:block;margin-top:3px;color:#818990!important;font-size:9px!important;line-height:1.4!important}
.stag-app-shell .stag-checkout-payment-quick{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.stag-app-shell .stag-payment-choice{min-height:34px!important;padding:6px 10px!important;border:1px solid #ccd2d7!important;border-radius:7px!important;background:#fff!important;color:#30363c!important;font-size:10px!important;font-weight:750!important;box-shadow:none!important}
.stag-app-shell .stag-payment-choice:hover,.stag-app-shell .stag-payment-choice:focus-visible{border-color:#9b713d!important;background:#faf6ef!important;color:#49331a!important}
.stag-app-shell .stag-payment-choice.active{border-color:#9b713d!important;background:#f0dfbb!important;color:#49331a!important;box-shadow:inset 0 0 0 1px #9b713d!important}
.stag-app-shell .stag-checkout-payment .stag-payment-line{display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;gap:8px!important;padding:9px!important;margin:0 0 7px!important;border:1px solid #e0e4e7!important;border-radius:8px!important;background:#fafbfc!important}
.stag-app-shell .stag-checkout-payment .stag-payment-line label{color:#555e66!important;font-size:9px!important;font-weight:750!important}
.stag-app-shell .stag-checkout-payment .stag-payment-line select,.stag-app-shell .stag-checkout-payment .stag-payment-line input{min-height:38px!important;margin-top:4px!important;background:#fff!important;color:#1f2328!important;border:1px solid #cbd1d6!important;border-radius:6px!important;font-size:11px!important}
.stag-app-shell .stag-checkout-payment .stag-payment-line .stag-link-btn{grid-column:1/-1!important;justify-self:start!important;padding:0!important;font-size:9px!important;color:#795022!important}
.stag-app-shell .stag-add-split-payment{min-height:34px!important;padding:6px 10px!important;font-size:10px!important}
.stag-app-shell .stag-checkout-payment .stag-payment-balance{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 0!important;padding:8px 0!important;border-top:1px solid #e4e7e9!important;border-bottom:0!important}
.stag-app-shell .stag-checkout-payment .stag-payment-balance span{display:grid;color:#7a8289!important;font-size:9px!important}
.stag-app-shell .stag-checkout-payment .stag-payment-balance b{color:#252a2f!important;font-size:12px!important}
.stag-app-shell .stag-checkout-payment [data-wf-payment-balance]{margin:2px 0 8px!important;font-size:9px!important}
.stag-app-shell .stag-keep-change{font-size:9px!important;line-height:1.4!important;color:#68717a!important}

.stag-app-shell .stag-checkout-complete{display:grid;gap:7px;margin:0!important;padding:14px 0 0!important;border:0!important;border-top:1px solid #d9dde1!important;background:transparent!important;color:#1f2328!important}
.stag-app-shell .stag-checkout-complete>span{color:#8b6637!important;font-size:9px!important;font-weight:800!important;letter-spacing:.11em!important}
.stag-app-shell .stag-checkout-complete>small{color:#737c84!important;font-size:9px!important;line-height:1.4!important}
.stag-app-shell .stag-checkout-complete .stag-sale-complete{width:100%!important;min-height:50px!important;border:1px solid #20252a!important;border-radius:8px!important;background:#252a2f!important;color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}
.stag-app-shell .stag-checkout-complete .stag-sale-complete:hover,.stag-app-shell .stag-checkout-complete .stag-sale-complete:focus-visible{background:#15191d!important;color:#fff!important}
.stag-app-shell .stag-checkout-safe-note{margin:0!important;color:#8a9198!important;font-size:8.5px!important;line-height:1.45!important}
.stag-app-shell .stag-checkout-focus{box-shadow:0 0 0 4px rgba(168,117,53,.17)!important;transition:box-shadow .15s ease}

.stag-app-shell .stag-mobile-checkout-bar{display:none}

@media(max-width:1100px){
  .stag-app-shell .stag-checkout-layout{grid-template-columns:minmax(0,1fr) 340px;gap:14px}
  .stag-app-shell .stag-checkout-pos .stag-basket-head,.stag-app-shell .stag-checkout-pos .stag-basket-row{grid-template-columns:minmax(190px,1.8fr) 130px 78px 95px 52px!important}
}

@media(max-width:900px){
  .stag-app-shell .stag-checkout-pos{padding-bottom:84px!important}
  .stag-app-shell .stag-checkout-title h3{font-size:25px!important}
  .stag-app-shell .stag-checkout-progress{grid-template-columns:repeat(4,1fr);border-radius:8px;margin-bottom:12px}
  .stag-app-shell .stag-checkout-progress>div{display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center;min-height:58px;padding:7px 4px;border-right:1px solid #e5e8ea}
  .stag-app-shell .stag-checkout-progress b{grid-row:auto;width:25px;height:25px;flex:0 0 25px}
  .stag-app-shell .stag-checkout-progress span{font-size:10px!important}
  .stag-app-shell .stag-checkout-progress small{display:none}
  .stag-app-shell .stag-checkout-layout{display:block!important}
  .stag-app-shell .stag-checkout-main{gap:12px}
  .stag-app-shell .stag-checkout-section{padding:14px!important}
  .stag-app-shell .stag-checkout-summary{position:relative!important;top:auto!important;margin-top:12px!important;padding:14px!important}
  .stag-app-shell .stag-checkout-pos .stag-sale-product-row{grid-template-columns:1fr 100px!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-head{display:none!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:9px!important;padding:12px!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(3){grid-column:1/2!important;padding-left:43px;color:#69717a!important;font-size:10px!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(4){grid-column:2/3!important;grid-row:2/3!important;text-align:right!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(5){grid-column:1/-1!important;border-top:1px solid #eceeef!important;padding-top:7px!important}
  .stag-app-shell .stag-checkout-product strong{white-space:normal!important}
  .stag-app-shell .stag-mobile-checkout-bar{
    position:fixed!important;
    z-index:9991!important;
    left:0;right:0;bottom:0;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:66px;
    padding:9px max(14px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
    border-top:1px solid #ccd2d7;
    background:#fff;
    box-shadow:0 -5px 18px rgba(31,35,40,.12);
  }
  .stag-app-shell .stag-mobile-checkout-bar>div{display:grid;gap:1px}
  .stag-app-shell .stag-mobile-checkout-bar span{color:#737b83!important;font-size:9px!important;font-weight:700!important}
  .stag-app-shell .stag-mobile-checkout-bar strong{color:#1f2328!important;font-size:19px!important;line-height:1.1!important}
  .stag-app-shell .stag-mobile-checkout-bar .stag-btn{min-width:126px!important;min-height:46px!important;border-radius:8px!important;background:#252a2f!important;color:#fff!important;font-size:12px!important}
  .stag-app-shell .stag-mobile-checkout-bar .stag-btn:disabled{background:#d5d9dd!important;color:#747c83!important;border-color:#cdd2d6!important}
}

@media(max-width:560px){
  .stag-app-shell .stag-checkout-section-head{gap:9px}
  .stag-app-shell .stag-checkout-step-number{width:27px;height:27px;flex-basis:27px}
  .stag-app-shell .stag-checkout-section-head h4{font-size:17px!important}
  .stag-app-shell .stag-checkout-section-head p{font-size:11px!important}
  .stag-app-shell .stag-checkout-pos .stag-sale-product-row{grid-template-columns:1fr!important}
  .stag-app-shell .stag-checkout-customer-card{grid-template-columns:1fr auto!important}
  .stag-app-shell .stag-checkout-customer-card .stag-member-facts{display:grid!important;grid-template-columns:1fr 1fr!important}
  .stag-app-shell .stag-checkout-payment .stag-payment-line{grid-template-columns:1fr!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row{grid-template-columns:minmax(0,1fr) 108px!important}
}


/* ========================================================================
   v2.11.92 — premium Budtender checkout, portrait-phone first
   Visual-only enhancements plus a lightweight mobile payment sheet.
   No external UI framework, webfont or image dependency.
   ======================================================================== */
.stag-app-shell .stag-checkout-pos{
  --stag-pos-ink:#202428;
  --stag-pos-muted:#69727b;
  --stag-pos-line:#dde1e4;
  --stag-pos-soft:#f6f7f8;
  --stag-pos-warm:#f6efe2;
  --stag-pos-accent:#9b6a32;
  --stag-pos-dark:#24292e;
  --stag-pos-success:#2f7144;
}
.stag-app-shell .stag-checkout-title{display:flex;align-items:end;justify-content:space-between;gap:18px}
.stag-app-shell .stag-checkout-title:after{content:'FAST CHECKOUT';flex:0 0 auto;padding:6px 9px;border:1px solid #d7c39f;border-radius:999px;background:#fbf7ef;color:#7a5328;font-size:9px;font-weight:850;letter-spacing:.11em}
.stag-app-shell .stag-checkout-progress{box-shadow:0 1px 2px rgba(31,35,40,.03)}
.stag-app-shell .stag-checkout-section{position:relative}
.stag-app-shell .stag-checkout-section:focus-within{border-color:#cbb995!important;box-shadow:0 0 0 3px rgba(155,106,50,.07)!important}
.stag-app-shell .stag-checkout-customer-card{border-left:4px solid var(--stag-pos-accent)!important;background:linear-gradient(90deg,#fbf7ef 0,#fff 58%)!important}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts span{box-shadow:0 1px 1px rgba(31,35,40,.025)}
.stag-app-shell .stag-checkout-pos .stag-live-results{margin-top:6px!important;border-radius:9px!important;overflow:hidden!important;box-shadow:0 10px 24px rgba(31,35,40,.12)!important;max-height:min(420px,48vh);overflow-y:auto!important;background:#fff!important}
.stag-app-shell .stag-checkout-pos .stag-live-result{min-height:58px!important;padding:10px 12px!important;border-bottom:1px solid #edf0f2!important;background:#fff!important;color:#202428!important}
.stag-app-shell .stag-checkout-pos .stag-live-result:last-child{border-bottom:0!important}
.stag-app-shell .stag-checkout-pos .stag-live-result:hover,.stag-app-shell .stag-checkout-pos .stag-live-result:focus-visible{background:#faf6ef!important;color:#202428!important;outline:none!important;box-shadow:inset 3px 0 0 var(--stag-pos-accent)!important}
.stag-app-shell .stag-checkout-pos .stag-live-result strong{color:#202428!important;font-size:13px!important}
.stag-app-shell .stag-checkout-pos .stag-live-result small{color:#737b83!important;font-size:10px!important;line-height:1.35!important}
.stag-app-shell .stag-checkout-pos .stag-live-result>b{color:#5e4224!important;font-size:12px!important}
.stag-app-shell .stag-checkout-pos .stag-selected-stock-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;background:#f8f9fa!important}
.stag-app-shell .stag-checkout-pos .stag-selected-stock-item>div:first-child{min-width:0}
.stag-app-shell .stag-checkout-pos .stag-selected-stock-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#22272c!important}
.stag-app-shell .stag-checkout-pos .stag-selected-stock-metrics{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.stag-app-shell .stag-checkout-pos .stag-sale-add-row .stag-btn{min-height:44px!important;padding-inline:16px!important}
.stag-app-shell .stag-checkout-basket-hint{margin:-2px 0 10px!important;color:#828a91!important;font-size:10px!important}
.stag-app-shell .stag-checkout-pos .stag-basket-row{transition:background .12s ease,border-color .12s ease}
.stag-app-shell .stag-checkout-pos .stag-basket-row:hover{background:#fcfbf9!important}
.stag-app-shell .stag-basket-product-mark{background:#f2e5cd!important;color:#68471f!important;border-color:#dfc9a5!important}
.stag-app-shell .stag-basket-qty-control{border:1px solid #d6dbe0;border-radius:9px;background:#fff;overflow:hidden;justify-self:start}
.stag-app-shell .stag-basket-qty-control button{width:38px!important;height:38px!important;min-width:38px!important;border:0!important;border-radius:0!important;background:#f6f7f8!important;color:#252a2f!important;font-size:18px!important;font-weight:650!important;box-shadow:none!important}
.stag-app-shell .stag-basket-qty-control button:hover,.stag-app-shell .stag-basket-qty-control button:focus-visible{background:#efe1c7!important;color:#50361a!important;outline:none!important}
.stag-app-shell .stag-basket-qty-control input{height:38px!important;min-height:38px!important;width:58px!important;border:0!important;border-left:1px solid #e2e5e8!important;border-right:1px solid #e2e5e8!important;border-radius:0!important;background:#fff!important;color:#1f2328!important;text-align:center!important;font-weight:750!important;box-shadow:none!important}

/* Desktop order summary behaves like a physical checkout terminal. */
.stag-app-shell .stag-checkout-summary{position:sticky!important;top:88px!important;padding:18px!important;border-color:#cfd4d8!important;box-shadow:0 8px 28px rgba(31,35,40,.07)!important}
.stag-app-shell .stag-checkout-summary-head{padding:0 0 13px!important;border-bottom:1px solid #e5e8ea!important}
.stag-app-shell .stag-checkout-summary-head h3{font-size:24px!important;letter-spacing:-.02em!important}
.stag-app-shell .stag-checkout-summary-head p{margin:4px 0 0!important;color:#6c747c!important;font-size:10px!important}
.stag-app-shell .stag-checkout-grand-total{margin-top:7px!important;padding:15px 0 10px!important;border-top:2px solid #202428!important}
.stag-app-shell .stag-checkout-grand-total strong{font-size:31px!important;font-variant-numeric:tabular-nums}
.stag-app-shell .stag-payment-choice{min-height:40px!important;padding:8px 13px!important}
.stag-app-shell .stag-payment-choice.active{border-color:#8b5d2b!important;background:#efe0c4!important;box-shadow:inset 0 0 0 1px #8b5d2b!important}
.stag-app-shell .stag-checkout-complete .stag-sale-complete{min-height:54px!important;font-size:14px!important;letter-spacing:.01em!important}
.stag-app-shell .stag-checkout-sheet-close,.stag-app-shell .stag-checkout-mobile-handle,.stag-app-shell .stag-checkout-sheet-backdrop{display:none}

/* Success state feels like a completed retail checkout, not another admin card. */
.stag-app-shell .stag-complete-document{position:relative!important;padding:22px 22px 22px 74px!important;border:1px solid #cddfd3!important;border-left:5px solid #3e8656!important;background:#f7fbf8!important;box-shadow:0 4px 14px rgba(31,35,40,.04)!important}
.stag-app-shell .stag-complete-document:before{content:'✓';position:absolute;left:22px;top:24px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3e8656;color:#fff;font-size:19px;font-weight:850}
.stag-app-shell .stag-complete-document>span{color:#347247!important}

@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-checkout-sheet-open{overflow:hidden!important}
  .stag-app-shell .stag-checkout-title{align-items:start}
  .stag-app-shell .stag-checkout-title:after{display:none}
  .stag-app-shell .stag-checkout-pos{padding-bottom:92px!important}
  .stag-app-shell .stag-checkout-progress{position:sticky;top:0;z-index:20;background:#fff;margin-inline:-2px;box-shadow:0 4px 12px rgba(31,35,40,.06)}
  .stag-app-shell .stag-checkout-main{gap:10px!important}
  .stag-app-shell .stag-checkout-section{border-radius:11px!important}
  .stag-app-shell .stag-checkout-summary{
    position:fixed!important;
    z-index:10041!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(88dvh,780px)!important;
    margin:0!important;
    padding:8px 16px calc(18px + env(safe-area-inset-bottom))!important;
    border:1px solid #cfd4d8!important;
    border-bottom:0!important;
    border-radius:22px 22px 0 0!important;
    background:#fff!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    transform:translateY(106%);
    transition:transform .22s cubic-bezier(.22,.8,.22,1);
    pointer-events:none;
    box-shadow:0 -18px 48px rgba(25,29,33,.22)!important;
  }
  .stag-app-shell .stag-checkout-summary.is-open{transform:translateY(0);pointer-events:auto}
  .stag-app-shell .stag-checkout-mobile-handle{display:block;width:44px;height:5px;margin:2px auto 9px;border-radius:999px;background:#d4d8dc}
  .stag-app-shell .stag-checkout-sheet-close{position:absolute;z-index:3;right:14px;top:13px;display:grid!important;place-items:center;width:42px;height:42px;padding:0!important;border:1px solid #d8dde1!important;border-radius:50%!important;background:#f5f6f7!important;color:#252a2f!important;box-shadow:none!important;font-size:25px!important;line-height:1!important}
  .stag-app-shell .stag-checkout-sheet-close:hover,.stag-app-shell .stag-checkout-sheet-close:focus-visible{background:#eee3cf!important;color:#4f361b!important;outline:2px solid rgba(155,106,50,.2)!important;outline-offset:1px}
  .stag-app-shell .stag-checkout-sheet-backdrop:not([hidden]){position:fixed;z-index:10040;inset:0;display:block!important;width:100%;height:100%;padding:0!important;border:0!important;border-radius:0!important;background:rgba(22,25,28,.46)!important;box-shadow:none!important}
  .stag-app-shell .stag-checkout-summary-head{padding-right:48px!important}
  .stag-app-shell .stag-checkout-summary-head h3{font-size:22px!important}
  .stag-app-shell .stag-checkout-totals{padding-top:7px!important}
  .stag-app-shell .stag-checkout-grand-total{position:relative;margin-bottom:3px!important}
  .stag-app-shell .stag-checkout-grand-total strong{font-size:30px!important}
  .stag-app-shell .stag-checkout-payment-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  .stag-app-shell .stag-payment-choice{min-height:48px!important;width:100%!important;font-size:11px!important}
  .stag-app-shell .stag-checkout-payment .stag-payment-line{padding:11px!important}
  .stag-app-shell .stag-checkout-payment .stag-payment-line select,.stag-app-shell .stag-checkout-payment .stag-payment-line input{min-height:48px!important;font-size:16px!important}
  .stag-app-shell .stag-checkout-discount input{min-height:48px!important;font-size:16px!important}
  .stag-app-shell .stag-checkout-complete{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:2;margin:8px -16px calc(-18px - env(safe-area-inset-bottom))!important;padding:12px 16px calc(14px + env(safe-area-inset-bottom))!important;border-top:1px solid #d7dce0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -6px 16px rgba(31,35,40,.07)}
  .stag-app-shell .stag-checkout-complete .stag-sale-complete{min-height:54px!important;border-radius:10px!important;font-size:14px!important}
  .stag-app-shell .stag-mobile-checkout-bar{transition:transform .18s ease}
  html.stag-checkout-sheet-open .stag-mobile-checkout-bar{transform:translateY(115%)}
}

@media(max-width:560px){
  .stag-app-shell .stag-checkout-pos{margin-inline:-4px!important}
  .stag-app-shell .stag-checkout-title{padding-inline:2px!important;margin-bottom:10px!important}
  .stag-app-shell .stag-checkout-title span{font-size:9px!important}
  .stag-app-shell .stag-checkout-title h3{font-size:23px!important}
  .stag-app-shell .stag-checkout-title p{font-size:11px!important}
  .stag-app-shell .stag-checkout-progress>div{min-width:0!important;padding:7px 2px!important}
  .stag-app-shell .stag-checkout-progress span{font-size:9px!important;white-space:nowrap}
  .stag-app-shell .stag-checkout-section{padding:13px 12px!important}
  .stag-app-shell .stag-checkout-section-head{margin-bottom:12px!important}
  .stag-app-shell .stag-checkout-section-head p{display:none!important}
  .stag-app-shell .stag-checkout-pos .stag-member-review-control input,.stag-app-shell .stag-checkout-pos .stag-wf-product-picker input{min-height:52px!important;font-size:16px!important;border-radius:10px!important}
  .stag-app-shell .stag-checkout-customer-card{grid-template-columns:minmax(0,1fr) auto!important;padding:12px!important}
  .stag-app-shell .stag-checkout-member-main strong{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stag-app-shell .stag-checkout-change{min-width:64px!important;min-height:42px!important}
  .stag-app-shell .stag-checkout-customer-card .stag-member-facts{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;padding-bottom:2px!important}
  .stag-app-shell .stag-checkout-customer-card .stag-member-facts::-webkit-scrollbar{display:none}
  .stag-app-shell .stag-checkout-customer-card .stag-member-facts span{flex:0 0 auto!important;min-width:max-content!important;padding:7px 9px!important}
  .stag-app-shell .stag-checkout-pos .stag-selected-stock-item{align-items:flex-start!important;padding:10px!important}
  .stag-app-shell .stag-checkout-pos .stag-selected-stock-metrics{justify-content:flex-end!important;gap:6px!important}
  .stag-app-shell .stag-checkout-pos .stag-selected-stock-metrics span{font-size:8px!important}
  .stag-app-shell .stag-checkout-pos .stag-selected-stock-metrics .stag-link-btn{width:100%;text-align:right;font-size:9px!important}
  .stag-app-shell .stag-checkout-pos .stag-sale-add-row .stag-btn{width:100%!important;min-height:50px!important;border-radius:10px!important}
  .stag-app-shell .stag-checkout-basket-title{margin-top:16px!important}
  .stag-app-shell .stag-checkout-basket-hint{display:none!important}
  .stag-app-shell .stag-checkout-pos .stag-basket{border:0!important;background:transparent!important;overflow:visible!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;gap:9px 10px!important;margin:0 0 9px!important;padding:12px!important;border:1px solid #dce0e4!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 7px rgba(31,35,40,.035)!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row:last-child{margin-bottom:0!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:first-child{grid-column:1/-1!important;min-width:0!important}
  .stag-app-shell .stag-checkout-product{align-items:flex-start!important}
  .stag-app-shell .stag-basket-product-mark{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:9px!important}
  .stag-app-shell .stag-checkout-product strong{font-size:13px!important;line-height:1.25!important}
  .stag-app-shell .stag-checkout-product small{font-size:9px!important;line-height:1.4!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(2){grid-column:1/2!important;grid-row:2/3!important}
  .stag-app-shell .stag-basket-qty-control button{width:44px!important;height:44px!important;min-width:44px!important}
  .stag-app-shell .stag-basket-qty-control input{height:44px!important;min-height:44px!important;width:50px!important;font-size:15px!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(3){display:none!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(4){grid-column:2/3!important;grid-row:2/3!important;align-self:center!important;text-align:right!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(4) strong{font-size:15px!important;color:#202428!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(4) small{display:block;color:#357047!important;font-size:8px!important;margin-top:2px!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(5){grid-column:1/-1!important;grid-row:3/4!important;padding-top:8px!important;border-top:1px solid #eef0f2!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row>span:nth-child(5) .stag-link-btn{min-height:34px!important;color:#7d4e25!important;font-size:10px!important}
  .stag-app-shell .stag-mobile-checkout-bar{min-height:74px!important;padding:9px 11px calc(9px + env(safe-area-inset-bottom))!important}
  .stag-app-shell .stag-mobile-checkout-bar>div{min-width:0}
  .stag-app-shell .stag-mobile-checkout-bar span{font-size:10px!important}
  .stag-app-shell .stag-mobile-checkout-bar strong{font-size:21px!important;white-space:nowrap}
  .stag-app-shell .stag-mobile-checkout-bar .stag-btn{min-width:132px!important;min-height:50px!important;font-size:13px!important;border-radius:10px!important}
  .stag-app-shell .stag-checkout-summary{max-height:91dvh!important;padding-inline:14px!important}
  .stag-app-shell .stag-checkout-complete{margin-inline:-14px!important;padding-inline:14px!important}
  .stag-app-shell .stag-checkout-safe-note{font-size:8px!important}
}

@media(max-width:390px){
  .stag-app-shell .stag-checkout-progress b{width:23px;height:23px;flex-basis:23px;font-size:10px}
  .stag-app-shell .stag-checkout-progress span{font-size:8px!important}
  .stag-app-shell .stag-checkout-section{padding:12px 10px!important}
  .stag-app-shell .stag-checkout-section-head h4{font-size:16px!important}
  .stag-app-shell .stag-checkout-customer-card{grid-template-columns:minmax(0,1fr) 58px!important}
  .stag-app-shell .stag-checkout-change{min-width:58px!important;padding-inline:7px!important}
  .stag-app-shell .stag-checkout-pos .stag-selected-stock-item{display:grid!important;grid-template-columns:1fr!important}
  .stag-app-shell .stag-checkout-pos .stag-selected-stock-metrics{justify-content:flex-start!important}
  .stag-app-shell .stag-checkout-pos .stag-selected-stock-metrics .stag-link-btn{width:auto;text-align:left}
  .stag-app-shell .stag-mobile-checkout-bar{gap:8px!important}
  .stag-app-shell .stag-mobile-checkout-bar .stag-btn{min-width:118px!important;padding-inline:12px!important}
}

/* ========================================================================
   v2.11.93 — Square-inspired visual test theme
   Visual-only experiment: monochrome retail/back-office language, no workflow
   or transaction-engine changes. Keeps a restrained STAG accent for identity.
   ======================================================================== */
:root{
  --stag-sq-bg:#f5f6f7;
  --stag-sq-surface:#ffffff;
  --stag-sq-surface-2:#fafafa;
  --stag-sq-text:#1b1b1b;
  --stag-sq-muted:#6b6f74;
  --stag-sq-subtle:#8b9096;
  --stag-sq-line:#e4e6e8;
  --stag-sq-line-strong:#c8ccd0;
  --stag-sq-black:#111111;
  --stag-sq-black-hover:#292929;
  --stag-sq-focus:#146ef5;
  --stag-sq-stag:#9a6b35;
  --stag-sq-success:#217a44;
  --stag-sq-danger:#b42318;
}

/* Global canvas and typography */
html,.stag-backoffice-page,.stag-backoffice-page #page,.stag-backoffice-page .site,.stag-backoffice-page .site-main,
.stag-app-shell,.stag-main{background:var(--stag-sq-bg)!important;color:var(--stag-sq-text)!important}
.stag-app-shell{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  letter-spacing:0!important;
  grid-template-columns:232px minmax(0,1fr)!important;
}
.stag-page{max-width:1500px!important;padding:24px 28px 48px!important}

/* Square-like light app rail */
.stag-side{
  background:#fff!important;
  color:var(--stag-sq-text)!important;
  border-right:1px solid var(--stag-sq-line)!important;
  box-shadow:none!important;
  padding:14px 10px 18px!important;
}
.stag-side-brand{height:64px!important;padding:0 10px 10px!important;border-bottom:1px solid #eeeeef!important}
.stag-side-brand img{width:100px!important;height:48px!important;object-fit:contain!important}
.stag-client-box{
  margin:12px 4px 11px!important;
  padding:10px 11px!important;
  border:1px solid var(--stag-sq-line)!important;
  border-radius:7px!important;
  background:#fafafa!important;
  box-shadow:none!important;
}
.stag-client-box span,.stag-workflow-label{color:#72767b!important;-webkit-text-fill-color:#72767b!important}
.stag-client-box strong{color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b!important;font-size:13px!important}
.stag-client-box small{color:#7c8186!important;-webkit-text-fill-color:#7c8186!important}
.stag-workflow-label{margin:12px 10px 5px!important;font-size:9px!important;letter-spacing:.1em!important;font-weight:750!important}
.stag-side nav{gap:1px!important;padding:1px 3px!important}
.stag-side nav a,.stag-side-foot .stag-foot-link{
  position:relative!important;
  min-height:40px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#4d5155!important;
  -webkit-text-fill-color:#4d5155!important;
  font-size:11px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
.stag-side nav a:hover,.stag-side-foot .stag-foot-link:hover{background:#f3f4f5!important;color:#161616!important;-webkit-text-fill-color:#161616!important}
.stag-side nav a.active,.stag-side-foot .stag-foot-link.active{
  background:#efefef!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  box-shadow:none!important;
  font-weight:760!important;
}
.stag-side nav a.active::before,.stag-side-foot .stag-foot-link.active::before{
  content:"";position:absolute;left:-3px;top:8px;bottom:8px;width:3px;border-radius:3px;background:#111;
}
.stag-side-foot{border-top:1px solid #eeeeef!important;padding-top:10px!important}

/* Header */
.stag-top{
  height:64px!important;
  padding:0 28px!important;
  background:#fff!important;
  border-bottom:1px solid var(--stag-sq-line)!important;
  box-shadow:none!important;
}
.stag-top .stag-eyebrow{color:#777b80!important;-webkit-text-fill-color:#777b80!important;font-size:8px!important;letter-spacing:.1em!important}
.stag-top h1{color:#171717!important;-webkit-text-fill-color:#171717!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.015em!important}
.stag-user-trigger{
  min-height:42px!important;padding:3px 7px!important;border:1px solid transparent!important;border-radius:7px!important;background:#fff!important;color:#1b1b1b!important;
}
.stag-user-trigger:hover{background:#f4f4f4!important;border-color:#ededed!important}
.stag-user>b{width:32px!important;height:32px!important;border-radius:7px!important;background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-user strong{color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b!important}
.stag-user small{color:#777c81!important;-webkit-text-fill-color:#777c81!important}
.stag-switcher select{height:36px!important;border:1px solid #cfd3d7!important;border-radius:6px!important;background:#fff!important;color:#1b1b1b!important}

/* Compact status/preview banner */
.stag-preview-banner,.stag-preview-banner.importing{
  background:#fff!important;border:1px solid var(--stag-sq-line)!important;border-left:3px solid #111!important;border-radius:7px!important;box-shadow:none!important;
}
.stag-preview-banner b,.stag-preview-banner strong{color:#1d1d1d!important;-webkit-text-fill-color:#1d1d1d!important}
.stag-preview-banner span{color:#6e7378!important;-webkit-text-fill-color:#6e7378!important}
.stag-preview-banner>a{color:#111!important;-webkit-text-fill-color:#111!important;text-decoration:underline!important;text-underline-offset:2px!important}

/* Page headings — restrained, editorial */
.stag-app-shell .stag-page-head,.stag-app-shell .stag-page-head.compact{
  background:transparent!important;border:0!important;border-bottom:1px solid var(--stag-sq-line)!important;border-radius:0!important;box-shadow:none!important;
  padding:2px 0 15px!important;margin:0 0 18px!important;
}
.stag-app-shell .stag-page-head>div>span,.stag-app-shell .stag-page-head.compact>div>span{
  color:#70757a!important;-webkit-text-fill-color:#70757a!important;font-size:9px!important;letter-spacing:.1em!important;font-weight:750!important;
}
.stag-app-shell .stag-page-head h1,.stag-app-shell .stag-page-head h2{
  color:#171717!important;-webkit-text-fill-color:#171717!important;font-size:clamp(25px,2vw,31px)!important;font-weight:710!important;letter-spacing:-.03em!important;
}
.stag-app-shell .stag-page-head p{color:#6c7176!important;-webkit-text-fill-color:#6c7176!important;font-size:11px!important}
.stag-app-shell .stag-page-head.compact h3{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important}

/* Flat, crisp surfaces */
.stag-app-shell .stag-card,
.stag-app-shell .stag-kpis article,
.stag-app-shell .stag-integrations article,
.stag-app-shell .stag-client-grid article,
.stag-app-shell .stag-analytics-section,
.stag-app-shell .stag-near-tier-grid>section,
.stag-app-shell .stag-member-search-hero,
.stag-app-shell .stag-member-dashboard-kpis article,
.stag-app-shell .stag-near-tier-summary>section,
.stag-app-shell .stag-potters-sale-layout,
.stag-app-shell .stag-checkout-section,
.stag-app-shell .stag-checkout-summary{
  background:#fff!important;
  color:#1b1b1b!important;
  border:1px solid var(--stag-sq-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.stag-app-shell .stag-card{padding:18px!important;margin-bottom:14px!important}
.stag-app-shell .stag-card>h3,.stag-app-shell .stag-sale-section>h4{
  margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b!important;font-size:16px!important;font-weight:700!important;
}
.stag-app-shell .stag-card p{color:#6d7277!important;-webkit-text-fill-color:#6d7277!important}

/* KPI cards */
.stag-app-shell .stag-kpis{gap:10px!important}
.stag-app-shell .stag-kpis article{min-height:92px!important;padding:14px 15px!important;background:#fff!important}
.stag-app-shell .stag-kpis span{color:#6f7479!important;-webkit-text-fill-color:#6f7479!important;font-size:9px!important;font-weight:650!important}
.stag-app-shell .stag-kpis strong{color:#171717!important;-webkit-text-fill-color:#171717!important;font-size:clamp(23px,2vw,29px)!important;font-weight:720!important}
.stag-app-shell .stag-kpis small{color:#8b9095!important;-webkit-text-fill-color:#8b9095!important}

/* Tabs — flatter Square-like page tabs */
.stag-dashboard-tabs,.stag-settings-tabs,.stag-section-tabs-nav,.stag-stock-workspace-tabs,.stag-analytics-tabs,.stag-subnav{
  display:flex!important;gap:2px!important;width:max-content!important;max-width:100%!important;padding:3px!important;margin:0 0 18px!important;background:#ededee!important;border:0!important;border-radius:7px!important;overflow-x:auto!important;
}
.stag-dashboard-tab,.stag-settings-tab,.stag-section-tabs-nav .stag-settings-tab,.stag-stock-workspace-tabs a,.stag-subnav a,.stag-analytics-tabs button{
  min-height:34px!important;padding:0 12px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#5d6267!important;-webkit-text-fill-color:#5d6267!important;box-shadow:none!important;font-size:10px!important;font-weight:680!important;
}
.stag-dashboard-tab:hover,.stag-settings-tab:hover,.stag-stock-workspace-tabs a:hover,.stag-subnav a:hover,.stag-analytics-tabs button:hover{background:#f8f8f8!important;color:#111!important;-webkit-text-fill-color:#111!important}
.stag-dashboard-tab.active,.stag-settings-tab.active,.stag-section-tabs-nav .stag-settings-tab.active,.stag-stock-workspace-tabs a.active,.stag-subnav a.active,.stag-analytics-tabs button.active{
  background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;font-weight:760!important;
}

/* Inputs and form controls */
.stag-app-shell input:not([type="checkbox"]):not([type="radio"]),
.stag-app-shell select,.stag-app-shell textarea{
  background:#fff!important;color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b!important;border:1px solid var(--stag-sq-line-strong)!important;border-radius:6px!important;box-shadow:none!important;
}
.stag-app-shell input:not([type="checkbox"]):not([type="radio"]):focus,
.stag-app-shell select:focus,.stag-app-shell textarea:focus{
  border-color:#8a8f94!important;outline:0!important;box-shadow:0 0 0 3px rgba(20,110,245,.13)!important;
}
.stag-app-shell input::placeholder,.stag-app-shell textarea::placeholder{color:#92979c!important;-webkit-text-fill-color:#92979c!important;opacity:1!important}
.stag-app-shell label{color:#313438!important;-webkit-text-fill-color:#313438!important}

/* Buttons — strongly monochrome */
.stag-app-shell .stag-btn:not(.stag-link-btn):not(.stag-dashboard-tab):not(.stag-settings-tab):not(.stag-payment-choice),
.stag-app-shell button.stag-btn:not(.stag-link-btn):not(.stag-dashboard-tab):not(.stag-settings-tab):not(.stag-payment-choice){
  border:1px solid #111!important;border-radius:6px!important;background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;font-weight:700!important;
}
.stag-app-shell .stag-btn:not(.stag-link-btn):not(.stag-dashboard-tab):not(.stag-settings-tab):not(.stag-payment-choice):hover{background:#292929!important;border-color:#292929!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-app-shell .stag-btn.secondary,.stag-app-shell .stag-btn.stag-secondary,.stag-app-shell .stag-btn.outline{
  background:#fff!important;color:#171717!important;-webkit-text-fill-color:#171717!important;border-color:#bfc4c8!important;
}
.stag-app-shell .stag-link-btn{color:#202428!important;-webkit-text-fill-color:#202428!important;text-decoration:underline!important;text-underline-offset:2px!important;background:transparent!important;border:0!important}
.stag-app-shell button:disabled,.stag-app-shell .stag-btn:disabled{background:#e8e9ea!important;border-color:#e1e3e5!important;color:#979ca1!important;-webkit-text-fill-color:#979ca1!important;opacity:1!important}

/* Tables */
.stag-app-shell .stag-table-wrap,.stag-app-shell .stag-table-shell{border:1px solid var(--stag-sq-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.stag-app-shell table{background:#fff!important;color:#1c1c1c!important}
.stag-app-shell th{background:#f7f7f8!important;color:#50555a!important;-webkit-text-fill-color:#50555a!important;border-color:#e5e7e9!important;font-size:9px!important;font-weight:750!important;letter-spacing:.04em!important}
.stag-app-shell td{background:#fff!important;color:#24272a!important;-webkit-text-fill-color:#24272a!important;border-color:#eceeef!important}
.stag-app-shell tbody tr:hover td{background:#fafafa!important}

/* Search/autocomplete results: explicit monochrome visibility */
.stag-app-shell .stag-autocomplete-results,
.stag-app-shell .stag-member-search-results,
.stag-app-shell .stag-product-search-results,
.stag-app-shell [class*="search-results"]{
  background:#fff!important;border:1px solid #d7dade!important;border-radius:7px!important;box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
.stag-app-shell .stag-autocomplete-results button,
.stag-app-shell .stag-member-search-results button,
.stag-app-shell .stag-product-search-results button,
.stag-app-shell [class*="search-results"] button{
  background:#fff!important;color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b!important;border:0!important;border-bottom:1px solid #eeeeef!important;border-radius:0!important;box-shadow:none!important;
}
.stag-app-shell .stag-autocomplete-results button:hover,.stag-app-shell .stag-autocomplete-results button:focus-visible,
.stag-app-shell .stag-member-search-results button:hover,.stag-app-shell .stag-product-search-results button:hover,
.stag-app-shell [class*="search-results"] button:hover{background:#f4f4f4!important;color:#111!important;-webkit-text-fill-color:#111!important}
.stag-app-shell .stag-autocomplete-results button *,.stag-app-shell .stag-member-search-results button *,.stag-app-shell .stag-product-search-results button *,
.stag-app-shell [class*="search-results"] button *{color:inherit!important;-webkit-text-fill-color:inherit!important}

/* Badges/status */
.stag-app-shell .stag-badge,.stag-app-shell [class*="badge"]{border-radius:999px!important;box-shadow:none!important}
.stag-app-shell .stag-ok{color:var(--stag-sq-success)!important;-webkit-text-fill-color:var(--stag-sq-success)!important}
.stag-app-shell .stag-bad{color:var(--stag-sq-danger)!important;-webkit-text-fill-color:var(--stag-sq-danger)!important}

/* Action Centre */
.stag-dashboard-actions a.stag-activity-row.stag-action-link{border:1px solid #e2e4e6!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important}
.stag-dashboard-actions a.stag-activity-row.stag-action-link:hover,.stag-dashboard-actions a.stag-activity-row.stag-action-link:focus-visible{background:#f8f8f8!important;border-color:#c8ccd0!important;transform:none!important;box-shadow:none!important}
.stag-action-link-arrow{color:#111!important;-webkit-text-fill-color:#111!important}

/* Process Sale — keep workflow, switch to Square-like checkout styling */
.stag-app-shell .stag-checkout-title{border-bottom:1px solid #dedfe1!important}
.stag-app-shell .stag-checkout-title h3{color:#171717!important;-webkit-text-fill-color:#171717!important;font-weight:710!important}
.stag-app-shell .stag-checkout-title p{color:#6f7479!important;-webkit-text-fill-color:#6f7479!important}
.stag-app-shell .stag-checkout-progress{border:1px solid #dedfe1!important;border-radius:8px!important;background:#fff!important}
.stag-app-shell .stag-checkout-progress>div{border-color:#e7e8ea!important;color:#6c7176!important;-webkit-text-fill-color:#6c7176!important;background:#fff!important}
.stag-app-shell .stag-checkout-progress b{border-color:#cdd0d3!important;background:#fff!important;color:#52575c!important;-webkit-text-fill-color:#52575c!important}
.stag-app-shell .stag-checkout-progress>div.active{background:#f4f4f4!important;color:#111!important;-webkit-text-fill-color:#111!important;box-shadow:inset 0 -3px 0 #111!important}
.stag-app-shell .stag-checkout-progress>div.active b{background:#111!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-app-shell .stag-checkout-progress>div.complete b{background:#111!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-app-shell .stag-checkout-step-number{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-app-shell .stag-checkout-section-head small,.stag-app-shell .stag-checkout-summary-head small,.stag-app-shell .stag-checkout-basket-title small{color:#686d72!important;-webkit-text-fill-color:#686d72!important;letter-spacing:.09em!important}
.stag-app-shell .stag-checkout-section-head h4,.stag-app-shell .stag-checkout-basket-title h4,.stag-app-shell .stag-checkout-summary-head h3{color:#171717!important;-webkit-text-fill-color:#171717!important}
.stag-app-shell .stag-checkout-customer-card{background:#f7f7f7!important;border-color:#e0e2e4!important;border-radius:7px!important}
.stag-app-shell .stag-checkout-member-main>span{color:#666b70!important;-webkit-text-fill-color:#666b70!important}
.stag-app-shell .stag-checkout-pos .stag-selected-stock-item{background:#fff!important;border-color:#dedfe1!important;border-radius:7px!important}
.stag-app-shell .stag-basket-product-mark{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:6px!important}
.stag-app-shell .stag-checkout-pos .stag-basket-row{border-color:#e1e3e5!important;background:#fff!important;border-radius:7px!important;box-shadow:none!important}
.stag-app-shell .stag-basket-qty-control{border-color:#cdd1d4!important;border-radius:6px!important;overflow:hidden!important}
.stag-app-shell .stag-basket-qty-control button{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#d6d9dc!important}
.stag-app-shell .stag-basket-qty-control button:hover{background:#f0f0f0!important}
.stag-app-shell .stag-basket-qty-control input{border:0!important;border-radius:0!important;box-shadow:none!important}
.stag-app-shell .stag-checkout-summary{border-radius:8px!important}
.stag-app-shell .stag-checkout-totals{border-color:#e3e4e6!important}
.stag-app-shell .stag-checkout-grand-total strong{color:#111!important;-webkit-text-fill-color:#111!important}
.stag-app-shell .stag-payment-choice{background:#fff!important;color:#171717!important;-webkit-text-fill-color:#171717!important;border:1px solid #c8ccd0!important;border-radius:6px!important;box-shadow:none!important}
.stag-app-shell .stag-payment-choice:hover,.stag-app-shell .stag-payment-choice.active{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#111!important}
.stag-app-shell .stag-checkout-complete .stag-sale-complete{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#111!important;border-radius:7px!important}
.stag-app-shell .stag-checkout-complete .stag-sale-complete:hover{background:#292929!important;border-color:#292929!important}
.stag-app-shell .stag-checkout-safe-note{color:#777c81!important;-webkit-text-fill-color:#777c81!important}
.stag-app-shell .stag-mobile-checkout-bar{background:#fff!important;border-top:1px solid #dcdfe1!important;box-shadow:0 -6px 18px rgba(0,0,0,.08)!important}
.stag-app-shell .stag-mobile-checkout-bar .stag-btn{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#111!important}

/* Mobile drawer and touch targets */
@media(max-width:900px){
  .stag-side{background:#fff!important;border-right:1px solid #e0e2e4!important}
  .stag-side nav a,.stag-side-foot .stag-foot-link{min-height:46px!important;font-size:12px!important}
  .stag-nav-open{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #c8ccd0!important;border-radius:6px!important;box-shadow:none!important}
  .stag-nav-close{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #c8ccd0!important;border-radius:6px!important}
  .stag-top{background:#fff!important}
  .stag-app-shell .stag-checkout-summary{background:#fff!important;border-radius:14px 14px 0 0!important;box-shadow:0 -16px 42px rgba(0,0,0,.18)!important}
  .stag-app-shell .stag-checkout-sheet-close{background:#f2f2f2!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#dedfe1!important}
  .stag-app-shell .stag-checkout-mobile-handle{background:#d0d2d4!important}
}

@media(max-width:560px){
  .stag-page{padding-left:12px!important;padding-right:12px!important}
  .stag-app-shell .stag-checkout-section{border-radius:8px!important}
  .stag-app-shell .stag-checkout-pos .stag-basket-row{border-radius:8px!important}
  .stag-app-shell .stag-checkout-pos .stag-member-review-control input,.stag-app-shell .stag-checkout-pos .stag-wf-product-picker input{border-radius:7px!important}
  .stag-app-shell .stag-mobile-checkout-bar .stag-btn{border-radius:7px!important}
  .stag-app-shell .stag-checkout-complete .stag-sale-complete{border-radius:7px!important}
}

/* v2.11.93 final legacy-contrast guard.
   Older Potter's reference rules painted all descendants white; the Square
   test surfaces are white, so explicitly normalize their readable text. */
.stag-app-shell .stag-member-search-hero *,
.stag-app-shell .stag-member-dashboard-kpis article *,
.stag-app-shell .stag-near-tier-summary>section *,
.stag-app-shell .stag-potters-sale-layout *{
  color:#1b1b1b!important;
  -webkit-text-fill-color:#1b1b1b!important;
}
.stag-app-shell .stag-member-search-hero input,
.stag-app-shell .stag-potters-sale-layout input,
.stag-app-shell .stag-potters-sale-layout select,
.stag-app-shell .stag-potters-sale-layout textarea{
  background:#fff!important;color:#1b1b1b!important;-webkit-text-fill-color:#1b1b1b!important;border:1px solid #c8ccd0!important;
}
.stag-app-shell .stag-member-search-hero input::placeholder,
.stag-app-shell .stag-potters-sale-layout input::placeholder{color:#92979c!important;-webkit-text-fill-color:#92979c!important}
.stag-app-shell .stag-member-search-hero .stag-btn:not(.secondary):not(.outline):not(.stag-link-btn),
.stag-app-shell .stag-potters-sale-layout .stag-btn:not(.secondary):not(.outline):not(.stag-link-btn),
.stag-app-shell .stag-potters-sale-layout button.stag-sale-complete,
.stag-app-shell .stag-mobile-checkout-bar .stag-btn{
  background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#111!important;
}
.stag-app-shell .stag-member-search-hero .stag-btn.secondary,
.stag-app-shell .stag-member-search-hero .stag-btn.outline,
.stag-app-shell .stag-potters-sale-layout .stag-btn.secondary,
.stag-app-shell .stag-potters-sale-layout .stag-btn.outline,
.stag-app-shell .stag-potters-sale-layout .stag-checkout-change{
  background:#fff!important;color:#171717!important;-webkit-text-fill-color:#171717!important;border:1px solid #c8ccd0!important;
}
.stag-app-shell .stag-potters-sale-layout .stag-link-btn{background:transparent!important;color:#202428!important;-webkit-text-fill-color:#202428!important;border:0!important}
.stag-app-shell .stag-potters-sale-layout .stag-payment-choice{background:#fff!important;color:#171717!important;-webkit-text-fill-color:#171717!important;border:1px solid #c8ccd0!important}
.stag-app-shell .stag-potters-sale-layout .stag-payment-choice:hover,
.stag-app-shell .stag-potters-sale-layout .stag-payment-choice.active{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#111!important}
.stag-app-shell .stag-potters-sale-layout .stag-checkout-step-number,
.stag-app-shell .stag-potters-sale-layout .stag-basket-product-mark{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-app-shell .stag-potters-sale-layout .stag-checkout-progress>div.active b,
.stag-app-shell .stag-potters-sale-layout .stag-checkout-progress>div.complete b{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#111!important}

/* ========================================================================
   v2.11.95 — frontline recon privacy + reachable mobile navigation
   Keeps the v2.11.93 Square-inspired visual system and v2.11.92 checkout.
   ======================================================================== */

/* Lightweight sale feedback: confirms an item was added without interrupting
   the next product search or adding another modal/dialog step. */
.stag-app-shell .stag-sale-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:10120;
  max-width:min(420px,calc(100vw - 28px));
  transform:translate(-50%,16px);
  padding:10px 14px;
  border:1px solid #111!important;
  border-radius:7px!important;
  background:#111!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20)!important;
  font-size:12px!important;
  font-weight:720!important;
  line-height:1.3!important;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease!important;
}
.stag-app-shell .stag-sale-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:960px){
  /* The menu is now a floating thumb-reachable control instead of living at
     the very top edge of the phone. The header title gets the freed space. */
  .stag-top>div:first-child{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
  }
  .stag-top>div:first-child .stag-eyebrow,
  .stag-top>div:first-child h1{
    grid-column:1!important;
  }
  .stag-nav-open{
    position:fixed!important;
    left:max(14px,env(safe-area-inset-left))!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(18px + env(safe-area-inset-bottom))!important;
    z-index:10030!important;
    display:inline-flex!important;
    width:auto!important;
    min-width:88px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 15px!important;
    gap:7px!important;
    border:1px solid #111!important;
    border-radius:999px!important;
    background:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 6px 22px rgba(0,0,0,.22)!important;
    font-size:13px!important;
    font-weight:780!important;
    touch-action:manipulation!important;
  }
  .stag-nav-open:hover,.stag-nav-open:focus-visible{
    background:#2b2b2b!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-color:#2b2b2b!important;
  }
  .stag-nav-open-icon{font-size:19px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .stag-nav-open-label{
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:nowrap!important;
    border:0!important;
    font-size:12px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  /* Process Sale already has a persistent checkout bar, so lift Menu above it. */
  html.stag-has-mobile-checkout .stag-nav-open{
    bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }

  /* One-hand checkout polish. Product search stays available while the basket
     grows, without changing the actual sale workflow or sale engine. */
  .stag-app-shell .stag-checkout-pos .stag-sale-product-block .stag-wf-product-picker{
    position:sticky!important;
    top:72px!important;
    z-index:42!important;
    padding:7px 0 5px!important;
    background:#fff!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-wf-product-picker .stag-live-results{
    max-height:min(48vh,390px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-wf-product-picker .stag-live-result{
    min-height:60px!important;
    padding:10px 12px!important;
    gap:10px!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-wf-product-picker .stag-live-result strong{
    font-size:13px!important;
    line-height:1.25!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-wf-product-picker .stag-live-result small{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-wf-product-picker .stag-live-result>b{
    flex:0 0 auto!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-sale-add-row .stag-btn{
    min-height:50px!important;
    font-size:12px!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-payment-choice{
    min-height:50px!important;
    font-size:12px!important;
  }
  .stag-app-shell .stag-sale-toast{
    bottom:calc(94px + env(safe-area-inset-bottom));
  }
}

@media(max-width:420px){
  .stag-nav-open{
    min-width:84px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 13px!important;
  }
  html.stag-has-mobile-checkout .stag-nav-open{
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
  .stag-app-shell .stag-checkout-pos .stag-sale-product-block .stag-wf-product-picker{top:68px!important}
  .stag-app-shell .stag-checkout-pos .stag-checkout-section-head p{font-size:10px!important;line-height:1.4!important}
  .stag-app-shell .stag-checkout-pos .stag-checkout-basket-hint{font-size:10px!important}
}

/* v2.11.97 — Potter's Square stock mirror verification.
   Keep this utility card aligned with the v2.11.93 light visual system and make
   the quantities themselves visible after a successful mirror. */
.stag-app-shell .stag-square-stock-mirror{
  background:#fff!important;
  color:#171717!important;
  border:1px solid #d9dce0!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
.stag-app-shell .stag-square-stock-mirror .stag-square-manual-head>span{
  color:#75552f!important;
  -webkit-text-fill-color:#75552f!important;
}
.stag-app-shell .stag-square-stock-mirror h3,
.stag-app-shell .stag-square-stock-mirror .stag-square-sync-meta strong{
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
}
.stag-app-shell .stag-square-stock-mirror .stag-square-sync-meta small,
.stag-app-shell .stag-square-stock-mirror p,
.stag-app-shell .stag-square-stock-mirror .stag-muted{
  color:#626970!important;
  -webkit-text-fill-color:#626970!important;
}
.stag-app-shell .stag-square-stock-mirror .stag-square-progress{background:#e7e9ec!important}
.stag-app-shell .stag-square-stock-mirror .stag-square-progress i{background:#171717!important}
.stag-app-shell .stag-square-stock-mirror .stag-square-manual-action{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.stag-app-shell .stag-square-stock-mirror .stag-square-manual-action .stag-btn{
  min-width:132px!important;
  background:#171717!important;
  border-color:#171717!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.stag-app-shell .stag-square-stock-mirror .stag-square-manual-action .stag-square-stock-view{
  background:#fff!important;
  border-color:#cfd3d8!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
}
.stag-app-shell .stag-square-stock-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(110px,1fr))!important;
  gap:7px!important;
  margin:9px 0 4px!important;
  max-width:720px!important;
}
.stag-app-shell .stag-square-stock-stats[hidden]{display:none!important}
.stag-app-shell .stag-square-stock-stats>span{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  padding:8px 10px!important;
  border:1px solid #e0e3e6!important;
  border-radius:8px!important;
  background:#f7f8f9!important;
  letter-spacing:0!important;
  opacity:1!important;
}
.stag-app-shell .stag-square-stock-stats>span>strong{
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:760!important;
}
.stag-app-shell .stag-square-stock-stats>span>small{
  color:#697078!important;
  -webkit-text-fill-color:#697078!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
@media(max-width:760px){
  .stag-app-shell .stag-square-stock-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}
  .stag-app-shell .stag-square-stock-mirror .stag-square-manual-action{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .stag-app-shell .stag-square-stock-mirror .stag-square-manual-action .stag-btn{min-width:0!important;width:100%!important}
}
@media(max-width:390px){
  .stag-app-shell .stag-square-stock-mirror .stag-square-manual-action{grid-template-columns:1fr!important}
}

/* ========================================================================
   v2.11.99 — Square-style mobile cashier shell
   Persistent frontline navigation, local product-library shortcuts and a
   cleaner one-hand checkout. Desktop workflow remains unchanged.
   ======================================================================== */
.stag-app-shell .stag-pos-library-shortcuts{
  display:grid!important;
  gap:7px!important;
  margin:8px 0 0!important;
}
.stag-app-shell .stag-pos-library-shortcuts-head{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.stag-app-shell .stag-pos-library-shortcuts-head strong{
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  font-size:11px!important;
  font-weight:800!important;
}
.stag-app-shell .stag-pos-library-shortcuts-head small{
  color:#777d82!important;
  -webkit-text-fill-color:#777d82!important;
  font-size:9px!important;
}
.stag-app-shell .stag-pos-category-strip{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
  padding:1px 0 3px!important;
}
.stag-app-shell .stag-pos-category-strip::-webkit-scrollbar{display:none!important}
.stag-app-shell .stag-pos-category-strip button{
  flex:0 0 auto!important;
  display:grid!important;
  justify-items:start!important;
  gap:1px!important;
  min-width:92px!important;
  min-height:49px!important;
  padding:8px 11px!important;
  border:1px solid #d8dadd!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#202124!important;
  -webkit-text-fill-color:#202124!important;
  box-shadow:none!important;
  text-align:left!important;
}
.stag-app-shell .stag-pos-category-strip button b{
  max-width:145px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:780!important;
}
.stag-app-shell .stag-pos-category-strip button small{
  color:#777d82!important;
  -webkit-text-fill-color:#777d82!important;
  font-size:8px!important;
  line-height:1.2!important;
}
.stag-app-shell .stag-pos-category-strip button:hover,
.stag-app-shell .stag-pos-category-strip button:focus-visible{
  border-color:#aeb2b6!important;
  background:#f6f6f6!important;
  outline:none!important;
}
.stag-app-shell .stag-pos-category-strip button.active{
  border-color:#111!important;
  background:#111!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.stag-app-shell .stag-pos-category-strip button.active small{
  color:#d8d8d8!important;
  -webkit-text-fill-color:#d8d8d8!important;
}

/* Mobile cashier navigation is intentionally separate from the global app
   navigation. The latter remains available via More > Main STAG Menu. */
.stag-app-shell .stag-budtender-bottom-nav,
.stag-app-shell .stag-budtender-more-sheet,
.stag-app-shell .stag-budtender-more-backdrop{display:none}

@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-nav-open{display:none!important}
  html.stag-has-budtender-nav .stag-main,
  html.stag-has-budtender-nav .stag-main-content{
    padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline>.stag-page-head{
    display:none!important;
  }
  .stag-app-shell .stag-budtender-workspace>.stag-workflow-tabs{
    display:none!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline>.stag-preview-notice,
  .stag-app-shell .stag-budtender-workspace.is-frontline>.stag-preview-mode{
    margin-top:0!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-checkout-title{
    margin-top:0!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-checkout-title:after{
    content:'CHECKOUT'!important;
  }
  /* On small phones the four-step strip adds height but no operational value;
     the live basket/checkout controls already show state clearly. */
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-checkout-progress{
    display:none!important;
  }

  .stag-app-shell .stag-budtender-bottom-nav{
    position:fixed!important;
    z-index:10055!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:3px!important;
    min-height:70px!important;
    padding:6px max(7px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important;
    border-top:1px solid #d7d9dc!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -7px 20px rgba(0,0,0,.10)!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav>a,
  .stag-app-shell .stag-budtender-bottom-nav>button{
    min-width:0!important;
    min-height:58px!important;
    padding:5px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#575c61!important;
    -webkit-text-fill-color:#575c61!important;
    box-shadow:none!important;
    text-decoration:none!important;
    touch-action:manipulation!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav i{
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    color:inherit!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav svg{
    width:23px!important;
    height:23px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav span{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:720!important;
    text-align:center!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav>a.active,
  .stag-app-shell .stag-budtender-bottom-nav>button.active{
    background:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav>a:focus-visible,
  .stag-app-shell .stag-budtender-bottom-nav>button:focus-visible{
    outline:2px solid #111!important;
    outline-offset:1px!important;
  }

  /* Existing sale-total bar becomes the Square-like Charge/Checkout strip and
     sits directly above the persistent cashier nav. */
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar{
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
    min-height:68px!important;
    padding:8px 12px!important;
    border-top:1px solid #dadcdf!important;
    border-bottom:1px solid #e5e6e8!important;
    box-shadow:0 -5px 16px rgba(0,0,0,.08)!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-checkout-pos{
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }
  html.stag-has-budtender-nav.stag-checkout-sheet-open .stag-app-shell .stag-budtender-bottom-nav{
    transform:translateY(115%)!important;
    transition:transform .18s ease!important;
  }

  .stag-app-shell .stag-budtender-more-backdrop:not([hidden]){
    position:fixed!important;
    z-index:10060!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(15,17,19,.44)!important;
    box-shadow:none!important;
  }
  .stag-app-shell .stag-budtender-more-sheet:not([hidden]){
    position:fixed!important;
    z-index:10070!important;
    left:0!important;
    right:0!important;
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
    display:block!important;
    max-height:min(72dvh,620px)!important;
    overflow:auto!important;
    padding:8px 14px 16px!important;
    border:1px solid #d9dadd!important;
    border-bottom:0!important;
    border-radius:20px 20px 0 0!important;
    background:#fff!important;
    color:#171717!important;
    box-shadow:0 -12px 32px rgba(0,0,0,.18)!important;
  }
  .stag-app-shell .stag-budtender-more-handle{
    width:42px!important;
    height:4px!important;
    margin:0 auto 9px!important;
    border-radius:999px!important;
    background:#c8cbce!important;
  }
  .stag-app-shell .stag-budtender-more-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 12px!important;
  }
  .stag-app-shell .stag-budtender-more-head>div{display:grid!important;gap:1px!important}
  .stag-app-shell .stag-budtender-more-head small{
    color:#777d82!important;
    -webkit-text-fill-color:#777d82!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.11em!important;
  }
  .stag-app-shell .stag-budtender-more-head strong{
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
    font-size:21px!important;
  }
  .stag-app-shell .stag-budtender-more-head button{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:1px solid #d9dadd!important;
    border-radius:50%!important;
    background:#f5f5f5!important;
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
    font-size:25px!important;
    line-height:1!important;
  }
  .stag-app-shell .stag-budtender-more-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .stag-app-shell .stag-budtender-more-grid>a,
  .stag-app-shell .stag-budtender-more-grid>button{
    min-width:0!important;
    min-height:92px!important;
    padding:12px!important;
    display:grid!important;
    align-content:start!important;
    justify-items:start!important;
    gap:3px!important;
    border:1px solid #dfe1e3!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
    box-shadow:none!important;
    text-decoration:none!important;
    text-align:left!important;
  }
  .stag-app-shell .stag-budtender-more-grid>a>span,
  .stag-app-shell .stag-budtender-more-grid>button>span{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    margin-bottom:3px!important;
    border-radius:8px!important;
    background:#f1f2f3!important;
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
    font-size:17px!important;
  }
  .stag-app-shell .stag-budtender-more-grid strong{
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .stag-app-shell .stag-budtender-more-grid small{
    color:#747a80!important;
    -webkit-text-fill-color:#747a80!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  .stag-app-shell .stag-budtender-more-grid .stag-budtender-main-menu{
    grid-column:1/-1!important;
    min-height:72px!important;
  }
}

@media(max-width:420px){
  .stag-app-shell .stag-budtender-bottom-nav{
    min-height:67px!important;
    padding-inline:max(4px,env(safe-area-inset-left))!important;
    gap:1px!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav>a,
  .stag-app-shell .stag-budtender-bottom-nav>button{
    min-height:56px!important;
    padding-inline:1px!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav span{font-size:8px!important}
  .stag-app-shell .stag-budtender-bottom-nav svg{width:22px!important;height:22px!important}
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar{
    bottom:calc(67px + env(safe-area-inset-bottom))!important;
  }
  .stag-app-shell .stag-budtender-more-sheet:not([hidden]){
    bottom:calc(67px + env(safe-area-inset-bottom))!important;
    padding-inline:11px!important;
  }
  .stag-app-shell .stag-budtender-more-grid{gap:7px!important}
  .stag-app-shell .stag-budtender-more-grid>a,
  .stag-app-shell .stag-budtender-more-grid>button{padding:10px!important}
  .stag-app-shell .stag-pos-category-strip button{min-width:86px!important;max-width:132px!important}
  .stag-app-shell .stag-pos-library-shortcuts-head small{display:none!important}
}

/* ========================================================================
   v2.12.00 — Touch cashier refinement
   Phone + tablet cashier shell, full More menu, basket-review stage.
   ======================================================================== */
.stag-app-shell .stag-checkout-sheet-progress,
.stag-app-shell .stag-checkout-review,
.stag-app-shell .stag-checkout-review-actions,
.stag-app-shell .stag-budtender-full-menu{display:none}

@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  /* Cashier view owns navigation on touch devices. The generic menu trigger is
     intentionally removed; More contains every Budtender action and all other
     permitted STAG areas. */
  html.stag-has-budtender-nav .stag-nav-open{display:none!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline{max-width:1100px!important;margin-inline:auto!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline>.stag-page-head,
  .stag-app-shell .stag-budtender-workspace>.stag-workflow-tabs{display:none!important}

  .stag-app-shell .stag-checkout-sheet-progress{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin:4px 48px 14px 0!important;
    padding:4px!important;
    border:1px solid #e0e2e4!important;
    border-radius:11px!important;
    background:#f4f5f6!important;
  }
  .stag-app-shell .stag-checkout-sheet-progress span{
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:8px!important;
    color:#74797e!important;
    -webkit-text-fill-color:#74797e!important;
    font-size:10px!important;
    font-weight:760!important;
  }
  .stag-app-shell .stag-checkout-sheet-progress span b{
    display:grid!important;
    place-items:center!important;
    width:20px!important;height:20px!important;
    border-radius:50%!important;
    background:#dfe2e4!important;
    color:#575c61!important;
    -webkit-text-fill-color:#575c61!important;
    font-size:9px!important;
  }
  .stag-app-shell .stag-checkout-sheet-progress span.active{
    background:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .stag-app-shell .stag-checkout-sheet-progress span.active b,
  .stag-app-shell .stag-checkout-sheet-progress span.complete b{
    background:#fff!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }

  .stag-app-shell .stag-checkout-review:not([hidden]),
  .stag-app-shell .stag-checkout-review-actions:not([hidden]){display:block!important}
  .stag-app-shell .stag-checkout-review-list{display:grid!important;gap:7px!important;margin:8px 0 12px!important}
  .stag-app-shell .stag-checkout-review-row{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:62px!important;
    padding:9px 10px!important;
    border:1px solid #e1e3e5!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  .stag-app-shell .stag-checkout-review-row>i{
    display:grid!important;place-items:center!important;
    width:40px!important;height:40px!important;
    border-radius:9px!important;
    background:#f0f1f2!important;
    color:#202124!important;
    -webkit-text-fill-color:#202124!important;
    font-style:normal!important;font-size:16px!important;font-weight:800!important;
  }
  .stag-app-shell .stag-checkout-review-row>span{display:grid!important;gap:2px!important;min-width:0!important}
  .stag-app-shell .stag-checkout-review-row strong{
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    color:#171717!important;-webkit-text-fill-color:#171717!important;font-size:12px!important
  }
  .stag-app-shell .stag-checkout-review-row small{color:#73787d!important;-webkit-text-fill-color:#73787d!important;font-size:9px!important}
  .stag-app-shell .stag-checkout-review-row>b{color:#171717!important;-webkit-text-fill-color:#171717!important;font-size:13px!important;white-space:nowrap!important}
  .stag-app-shell .stag-checkout-review-empty{padding:20px!important;border:1px dashed #d9dcdf!important;border-radius:10px!important;text-align:center!important;color:#777d82!important}
  .stag-app-shell .stag-checkout-review-actions:not([hidden]){
    display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
    gap:8px!important;
    margin:12px 0 4px!important;
  }
  .stag-app-shell .stag-checkout-review-actions .stag-btn{min-height:52px!important;border-radius:9px!important;font-size:11px!important}
  .stag-app-shell .stag-checkout-continue{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .stag-app-shell .stag-checkout-payment-stage[hidden]{display:none!important}
  .stag-app-shell .stag-checkout-back-basket{
    display:inline-flex!important;align-items:center!important;
    min-height:38px!important;margin:0 0 8px!important;padding:4px 2px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
    color:#4d5358!important;-webkit-text-fill-color:#4d5358!important;
    font-size:10px!important;font-weight:760!important;
  }

  .stag-app-shell .stag-budtender-full-menu{display:block!important;margin-top:16px!important;padding-top:14px!important;border-top:1px solid #e4e6e8!important}
  .stag-app-shell .stag-budtender-full-menu-head{display:grid!important;gap:2px!important;margin-bottom:9px!important}
  .stag-app-shell .stag-budtender-full-menu-head small{color:#7b8085!important;-webkit-text-fill-color:#7b8085!important;font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important}
  .stag-app-shell .stag-budtender-full-menu-head strong{color:#171717!important;-webkit-text-fill-color:#171717!important;font-size:14px!important}
  .stag-app-shell .stag-budtender-menu-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .stag-app-shell .stag-budtender-menu-link{
    min-height:50px!important;padding:9px 10px!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    border:1px solid #e0e2e4!important;border-radius:9px!important;
    background:#fff!important;color:#26292c!important;-webkit-text-fill-color:#26292c!important;
    text-decoration:none!important;font-size:10px!important;font-weight:720!important;
  }
  .stag-app-shell .stag-budtender-menu-link i{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;color:inherit!important}
  .stag-app-shell .stag-budtender-menu-link.active{border-color:#111!important;background:#f3f3f3!important;color:#111!important;-webkit-text-fill-color:#111!important}

  /* The basket-to-payment action is deliberately strong and kept in the thumb
     zone above the cashier navigation. */
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar .stag-btn{
    min-width:190px!important;
    background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-weight:780!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar .stag-btn:disabled{
    background:#dfe1e3!important;color:#70767b!important;-webkit-text-fill-color:#70767b!important;
  }
}

/* Tablet treatment: retain the bottom cashier pattern, but keep sheets centred
   and comfortably sized rather than stretching edge-to-edge across a tablet. */
@media (min-width:700px) and (max-width:1180px),
       (min-width:700px) and (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell .stag-checkout-summary{
    left:50%!important;right:auto!important;
    width:min(760px,calc(100vw - 36px))!important;
    max-width:760px!important;
    border-radius:20px 20px 0 0!important;
    transform:translate(-50%,106%)!important;
  }
  .stag-app-shell .stag-checkout-summary.is-open{transform:translate(-50%,0)!important}
  .stag-app-shell .stag-budtender-more-sheet:not([hidden]){
    left:50%!important;right:auto!important;
    width:min(760px,calc(100vw - 36px))!important;
    max-width:760px!important;
    transform:translateX(-50%)!important;
    border-radius:20px 20px 0 0!important;
  }
  .stag-app-shell .stag-budtender-more-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .stag-app-shell .stag-budtender-menu-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-checkout-main{max-width:980px!important;margin-inline:auto!important}
}

@media(max-width:520px){
  .stag-app-shell .stag-checkout-review-actions:not([hidden]){grid-template-columns:1fr!important}
  .stag-app-shell .stag-checkout-review-actions .stag-btn{width:100%!important}
  .stag-app-shell .stag-budtender-menu-links{grid-template-columns:1fr!important}
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar .stag-btn{min-width:150px!important;font-size:11px!important}
}

/* ========================================================================
   v2.12.01 — Fast cashier flow + unified phone/tablet shell
   One frontline experience: member -> search/tap products -> Pay.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  /* Budtenders never get the desktop application rail on a touch cashier
     device. More is the single gateway to the rest of the permitted portal. */
  html.stag-has-budtender-nav .stag-app-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
  }
  html.stag-has-budtender-nav .stag-side{display:none!important}
  html.stag-has-budtender-nav .stag-main{width:100%!important;min-width:0!important;margin:0!important}
  html.stag-has-budtender-nav .stag-page{width:100%!important;max-width:none!important;margin:0!important;padding-bottom:154px!important}

  /* Keep the frontline screen focused. Search results are the product browser;
     no full catalogue is dumped onto the page. */
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-sale-product-block .stag-selected-stock-item,
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-sale-product-block .stag-sale-add-row,
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-sale-product-block [data-wf-qty-wrap]{display:none!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-sale-product-block .stag-wf-product-picker{
    position:relative!important;
    top:auto!important;
    z-index:12!important;
    width:100%!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline [data-wf-product-search]{
    min-height:54px!important;
    border-radius:12px!important;
    font-size:16px!important;
    padding:0 16px!important;
    background:#fff!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline [data-wf-product-results]:empty{display:none!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline [data-wf-product-results]{
    margin-top:8px!important;
    max-height:min(48vh,430px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    border:1px solid #dfe2e5!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 12px 32px rgba(15,18,20,.10)!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline [data-wf-product-results] .stag-live-result{
    min-height:66px!important;
    padding:11px 13px!important;
    border-radius:0!important;
    border:0!important;
    border-bottom:1px solid #eceeef!important;
    background:#fff!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline [data-wf-product-results] .stag-live-result:last-child{border-bottom:0!important}

  /* Checkout is one sheet: compact basket confirmation and payment together.
     This removes the extra Review -> Continue to payment step. */
  .stag-app-shell .stag-checkout-summary .stag-checkout-sheet-progress,
  .stag-app-shell .stag-checkout-summary .stag-checkout-review-actions,
  .stag-app-shell .stag-checkout-summary .stag-checkout-back-basket{display:none!important}
  .stag-app-shell .stag-checkout-summary .stag-checkout-review:not([hidden]){
    display:block!important;
    margin:0 0 10px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-review-list{
    max-height:190px!important;
    overflow:auto!important;
    padding-right:2px!important;
    margin:4px 0 10px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-summary-head{margin-bottom:8px!important}
  .stag-app-shell .stag-checkout-summary .stag-checkout-summary-head h3{font-size:20px!important;letter-spacing:-.025em!important}
  .stag-app-shell .stag-checkout-summary .stag-checkout-payment-stage{display:block!important}
  .stag-app-shell .stag-checkout-summary .stag-checkout-payment-quick{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-payment-choice{min-height:50px!important;font-size:12px!important;border-radius:10px!important}
  .stag-app-shell .stag-checkout-summary .stag-sale-complete{min-height:56px!important;font-size:12px!important;border-radius:11px!important}

  /* The primary action is obvious and lives directly above the bottom cashier
     navigation on both a phone and a tablet. */
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar{
    border-top:1px solid #e0e3e5!important;
    box-shadow:0 -8px 24px rgba(20,24,28,.08)!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar .stag-btn{
    min-height:54px!important;
    min-width:170px!important;
    border-radius:12px!important;
    font-size:12px!important;
    letter-spacing:0!important;
  }
}

@media (min-width:700px) and (max-width:1180px),
       (min-width:700px) and (hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-page{padding-left:24px!important;padding-right:24px!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline{max-width:1000px!important;margin:0 auto!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-checkout-main{max-width:920px!important}
  .stag-app-shell .stag-budtender-bottom-nav{left:50%!important;right:auto!important;width:min(760px,calc(100vw - 32px))!important;transform:translateX(-50%)!important;border-radius:18px 18px 0 0!important}
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar{left:50%!important;right:auto!important;width:min(760px,calc(100vw - 32px))!important;transform:translateX(-50%)!important}
}


/* ========================================================================
   v2.12.02 — cashier payment clarity + single Menu entry
   Phone and tablet Budtender sessions use the bottom Menu button only.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-nav-open,
  html.stag-has-budtender-nav .stag-top .stag-nav-open,
  html.stag-has-budtender-nav button[data-stag-open]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html.stag-has-budtender-nav .stag-top>div:first-child{
    padding-left:0!important;
  }

  /* The cashier action is payment, not another navigation/review stage. */
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar{
    min-height:74px!important;
    padding:9px 12px!important;
    background:rgba(255,255,255,.99)!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar>div{
    display:grid!important;
    gap:1px!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar>div span{
    color:#72777c!important;
    -webkit-text-fill-color:#72777c!important;
    font-size:9px!important;
    font-weight:720!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar>div strong{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-size:19px!important;
    line-height:1.1!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar .stag-btn{
    min-width:180px!important;
    min-height:56px!important;
    border-radius:14px!important;
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar .stag-btn:disabled{
    background:#e4e6e8!important;
    border-color:#e4e6e8!important;
    color:#767b80!important;
    -webkit-text-fill-color:#767b80!important;
  }

  /* Payment sheet: keep the basket visible as context, then make payment the
     dominant task. No separate review/continue screen. */
  .stag-app-shell .stag-checkout-summary.is-open{
    display:flex!important;
    flex-direction:column!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-summary-head{
    padding-right:42px!important;
    margin-bottom:9px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-summary-head small{
    color:#6e7378!important;
    -webkit-text-fill-color:#6e7378!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-summary-head h3{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font-size:23px!important;
    font-weight:780!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-review-list{
    max-height:132px!important;
    margin-bottom:8px!important;
    border:1px solid #e4e6e8!important;
    border-radius:10px!important;
    background:#fafafa!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-review-row{
    min-height:54px!important;
    padding:8px 10px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-totals{
    margin:4px 0 10px!important;
    padding:10px 12px!important;
    border:1px solid #e0e2e4!important;
    border-radius:11px!important;
    background:#fff!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-grand-total{
    padding-top:8px!important;
    margin-top:6px!important;
    border-top:1px solid #e4e6e8!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-grand-total strong{
    font-size:23px!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-sale-block-title{
    margin-bottom:9px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-sale-block-title strong{
    font-size:17px!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-sale-block-title small{
    color:#73787d!important;
    -webkit-text-fill-color:#73787d!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-payment-quick{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-bottom:10px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-payment-choice{
    min-height:56px!important;
    border:1px solid #ced1d4!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
    font-size:13px!important;
    font-weight:760!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-payment-choice.active{
    border-color:#111!important;
    background:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-payment-line{
    gap:8px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-payment-line label{
    color:#4c5156!important;
    -webkit-text-fill-color:#4c5156!important;
    font-size:10px!important;
    font-weight:720!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-payment-line input,
  .stag-app-shell .stag-checkout-summary .stag-payment-line select{
    min-height:50px!important;
    font-size:16px!important;
    border-radius:10px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-payment-balance{
    margin-top:9px!important;
    padding:9px 10px!important;
    border-radius:9px!important;
    background:#f5f6f7!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-complete{
    margin-top:8px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-complete>span,
  .stag-app-shell .stag-checkout-summary .stag-checkout-complete>small{
    display:none!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-sale-complete{
    min-height:58px!important;
    width:100%!important;
    border-radius:13px!important;
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14px!important;
    font-weight:820!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-sale-complete:disabled{
    background:#e3e5e7!important;
    border-color:#e3e5e7!important;
    color:#777c81!important;
    -webkit-text-fill-color:#777c81!important;
  }
}

@media(max-width:520px){
  html.stag-has-budtender-nav .stag-app-shell .stag-mobile-checkout-bar .stag-btn{
    min-width:145px!important;
  }
  .stag-app-shell .stag-checkout-summary .stag-checkout-payment-quick{
    grid-template-columns:1fr 1fr!important;
  }
}


/* ========================================================================
   v2.12.03 — Budtender tablet/mobile: bottom nav is the ONLY navigation
   Do not depend on JS-added html classes to remove the desktop side rail.
   The :has() selector keys directly off the server-rendered cashier nav.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell:has(.stag-budtender-bottom-nav){
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
  }
  .stag-app-shell:has(.stag-budtender-bottom-nav)>.stag-side{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .stag-app-shell:has(.stag-budtender-bottom-nav)>.stag-main{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    grid-column:1/-1!important;
  }
  .stag-app-shell:has(.stag-budtender-bottom-nav) .stag-page{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  .stag-app-shell:has(.stag-budtender-bottom-nav) .stag-nav-open,
  .stag-app-shell:has(.stag-budtender-bottom-nav) button[data-stag-open]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* ========================================================================
   v2.12.04 — deterministic cashier shell + tablet payment visibility
   Budtender phone/tablet uses ONE navigation system: bottom cashier nav.
   This targets the server-rendered cashier workflow class so it does not
   depend on :has() support or JS adding an html class after load.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell.stag-workflow-cashier{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .stag-app-shell.stag-workflow-cashier>.stag-side,
  .stag-app-shell.stag-workflow-cashier>.stag-scrim,
  .stag-app-shell.stag-workflow-cashier .stag-nav-open,
  .stag-app-shell.stag-workflow-cashier button[data-stag-open]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .stag-app-shell.stag-workflow-cashier>.stag-main{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    grid-column:1/-1!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-top,
  .stag-app-shell.stag-workflow-cashier .stag-page{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }

  /* Pay is part of the cashier shell on BOTH phones and tablets. Previous
     builds only set display:flex below 900px, which hid it on many tablets. */
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    display:flex!important;
    position:fixed!important;
    z-index:10050!important;
    left:0!important;
    right:0!important;
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
    min-height:74px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:9px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left))!important;
    background:#fff!important;
    border-top:1px solid #dfe2e5!important;
    box-shadow:0 -8px 24px rgba(20,24,28,.09)!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:56px!important;
    min-width:180px!important;
    border-radius:14px!important;
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px!important;
    font-weight:820!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-btn:disabled{
    background:#e2e4e6!important;
    border-color:#e2e4e6!important;
    color:#73787d!important;
    -webkit-text-fill-color:#73787d!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-checkout-pos{
    padding-bottom:calc(164px + env(safe-area-inset-bottom))!important;
  }

  /* Bottom Menu is the only way into the rest of the cashier portal. */
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav{
    display:grid!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-budtender-more-sheet:not([hidden]){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-budtender-more-backdrop:not([hidden]){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media (min-width:700px) and (max-width:1180px),
       (min-width:700px) and (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    left:50%!important;
    right:auto!important;
    width:min(760px,calc(100vw - 32px))!important;
    transform:translateX(-50%)!important;
    border-radius:18px 18px 0 0!important;
  }
}

/* ========================================================================
   v2.12.05 — cashier performance pass
   Keep the Square-style shell visually crisp while reducing paint/reflow work
   on phones and tablets. No workflow or server request is added here.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell.stag-workflow-cashier,
  .stag-app-shell.stag-workflow-cashier .stag-main,
  .stag-app-shell.stag-workflow-cashier .stag-page{
    scroll-behavior:auto!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-top,
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-more-sheet,
  .stag-app-shell.stag-workflow-cashier .stag-checkout-summary{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-checkout-section,
  .stag-app-shell.stag-workflow-cashier .stag-selected-member,
  .stag-app-shell.stag-workflow-cashier .stag-basket-row,
  .stag-app-shell.stag-workflow-cashier .stag-live-result{
    box-shadow:none!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-checkout-section,
  .stag-app-shell.stag-workflow-cashier .stag-basket,
  .stag-app-shell.stag-workflow-cashier .stag-live-results{
    contain:layout style!important;
  }
  .stag-app-shell.stag-workflow-cashier *{
    transition-duration:.08s!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-sale-toast{
    transition:opacity .08s ease!important;
  }
}

/* v2.12.06 — explicit sale cancellation from payment checkout */
.stag-app-shell .stag-cancel-sale-x{
  background:#17191b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#17191b!important;
}
.stag-app-shell .stag-cancel-sale-x:hover,
.stag-app-shell .stag-cancel-sale-x:focus-visible{
  background:#b42318!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#b42318!important;
  outline:3px solid rgba(180,35,24,.16)!important;
}
.stag-cancel-sale-confirm[hidden]{display:none!important}
.stag-cancel-sale-confirm{
  position:fixed;
  inset:0;
  z-index:100250;
  display:grid;
  place-items:center;
  padding:20px;
}
.stag-cancel-sale-confirm-backdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(17,19,21,.54)!important;
  box-shadow:none!important;
}
.stag-cancel-sale-confirm-dialog{
  position:relative;
  z-index:1;
  width:min(100%,420px);
  padding:22px;
  border:1px solid #e0e2e4;
  border-radius:18px;
  background:#fff;
  color:#17191b;
  box-shadow:0 18px 60px rgba(0,0,0,.2);
}
.stag-cancel-sale-confirm-dialog>span{
  display:block;
  margin-bottom:6px;
  color:#70767c;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}
.stag-cancel-sale-confirm-dialog h3{
  margin:0 0 8px!important;
  color:#17191b!important;
  font-size:24px!important;
  line-height:1.15!important;
}
.stag-cancel-sale-confirm-dialog p{
  margin:0 0 18px;
  color:#616970;
  font-size:14px;
  line-height:1.5;
}
.stag-cancel-sale-confirm-dialog .stag-quick-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0!important;
}
.stag-app-shell .stag-cancel-sale-confirm-btn{
  background:#b42318!important;
  border-color:#b42318!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.stag-app-shell .stag-cancel-sale-confirm-btn:hover,
.stag-app-shell .stag-cancel-sale-confirm-btn:focus-visible{
  background:#8f1d14!important;
  border-color:#8f1d14!important;
}
html.stag-cancel-sale-open{overflow:hidden!important}
@media(max-width:620px){
  .stag-cancel-sale-confirm{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}
  .stag-cancel-sale-confirm-dialog{width:100%;padding:20px;border-radius:20px}
  .stag-cancel-sale-confirm-dialog .stag-quick-actions{grid-template-columns:1fr!important}
  .stag-cancel-sale-confirm-dialog .stag-quick-actions .stag-btn{min-height:50px!important}
}

/* ========================================================================
   v2.12.09 · Daily Recon experience
   Preview-mode reconciliation is intentionally testable, while the rest of
   the operational preview lock remains intact.
   ======================================================================== */
.stag-recon-experience{display:grid;gap:18px;max-width:1180px;margin:0 auto}
.stag-recon-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:6px 2px 2px}
.stag-recon-heading>div:first-child{min-width:0}
.stag-recon-heading span,.stag-recon-card-head span{display:block;margin-bottom:5px;color:#73777c;font-size:10px;font-weight:800;letter-spacing:.12em}
.stag-recon-heading h2{margin:0!important;color:#151719!important;font-size:27px!important;line-height:1.15!important;letter-spacing:-.025em!important}
.stag-recon-heading p{max-width:680px;margin:7px 0 0!important;color:#697076!important;font-size:13px!important;line-height:1.5!important}
.stag-recon-date-badge{flex:0 0 auto;min-width:150px;padding:10px 13px;border:1px solid #e1e3e5;border-radius:12px;background:#fff;text-align:right}
.stag-recon-date-badge small{display:block;color:#8a8f94;font-size:9px;font-weight:800;letter-spacing:.12em}
.stag-recon-date-badge strong{display:block;margin-top:3px;color:#17191b;font-size:14px}
.stag-recon-card{padding:20px!important;border:1px solid #e1e3e5!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important}
.stag-recon-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eceeef}
.stag-recon-card-head h3{margin:0!important;color:#151719!important;font-size:20px!important;line-height:1.2!important}
.stag-recon-card-head p{margin:5px 0 0!important;color:#70767b!important;font-size:12px!important;line-height:1.45!important}
.stag-recon-step-badge{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#17191b;color:#fff;font-size:13px;font-weight:800}
.stag-recon-practice,.stag-recon-preview-notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;border:1px solid #e7dbc7!important;border-radius:10px!important;background:#faf6ef!important;color:#4e4335!important}
.stag-recon-practice{flex-direction:column;gap:2px}
.stag-recon-practice strong,.stag-recon-preview-notice strong{color:#3e352b!important}
.stag-recon-practice span{color:#766653;font-size:12px;line-height:1.45}
.stag-recon-card form[data-wf-denoms]{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:14px 18px;align-items:start}
.stag-recon-card form[data-wf-denoms]>.stag-denoms{grid-column:1/2;grid-row:1/5;margin:0!important}
.stag-recon-card form[data-wf-denoms]>label{grid-column:2/3;margin:0!important}
.stag-recon-card form[data-wf-denoms]>.stag-recon-save{grid-column:2/3;min-height:48px!important;margin-top:2px!important}
.stag-recon-card .stag-denoms{grid-template-columns:repeat(4,minmax(86px,1fr))!important;gap:9px!important;padding:14px!important;border:1px solid #e2e4e6!important;border-radius:12px!important;background:#f7f8f8!important;color:#17191b!important}
.stag-recon-card .stag-denoms>b{color:#3f4448!important;font-size:11px!important;letter-spacing:.05em!important}
.stag-recon-card .stag-denoms label{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:7px!important;padding:7px 8px!important;border:1px solid #e5e7e9!important;border-radius:9px!important;background:#fff!important;color:#555b60!important;font-size:12px!important;font-weight:700!important}
.stag-recon-card .stag-denoms input{width:100%!important;min-width:0!important;height:36px!important;padding:5px 7px!important;border:1px solid #d7dadd!important;border-radius:7px!important;background:#fff!important;color:#111!important;text-align:center!important;font-size:15px!important;font-weight:750!important}
.stag-recon-card .stag-denom-total{margin-top:3px!important;padding:12px 4px 0!important;border-top:1px solid #dfe2e4!important;color:#4c5155!important}
.stag-recon-card .stag-denom-total strong{color:#111!important;font-size:24px!important;letter-spacing:-.025em!important}
.stag-recon-card form[data-wf-denoms]>label>input{height:44px!important;border:1px solid #d9dcdf!important;background:#fff!important;color:#111!important}
.stag-recon-card .stag-recon-save{border-color:#111!important;background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800!important}
.stag-recon-card .stag-recon-save:hover,.stag-recon-card .stag-recon-save:focus-visible{border-color:#2b2f33!important;background:#2b2f33!important;color:#fff!important}
.stag-recon-sequence-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important;padding:0!important;background:transparent!important}
.stag-recon-sequence-tabs a{display:grid!important;gap:3px!important;padding:11px 12px!important;border:1px solid #e0e3e5!important;border-radius:10px!important;background:#f8f9f9!important;color:#4d5358!important;text-decoration:none!important}
.stag-recon-sequence-tabs a strong{font-size:11px!important;line-height:1.3!important}
.stag-recon-sequence-tabs a small{color:#8a9095!important;font-size:9px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.stag-recon-sequence-tabs a.active{border-color:#17191b!important;background:#17191b!important;color:#fff!important;box-shadow:none!important}
.stag-recon-sequence-tabs a.active strong,.stag-recon-sequence-tabs a.active small{color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-recon-opening>.stag-grid.two{gap:10px!important}
.stag-recon-opening>.stag-grid.two article{padding:14px!important;border:1px solid #e2e4e6!important;border-radius:10px!important;background:#f8f9f9!important}
.stag-recon-opening>.stag-grid.two article span{color:#73797e!important;font-size:10px!important;font-weight:750!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.stag-recon-opening>.stag-grid.two article strong{display:block;margin-top:5px;color:#151719!important;font-size:22px!important}

@media(max-width:1024px){
  .stag-recon-experience{max-width:none;padding-bottom:84px}
  .stag-recon-card form[data-wf-denoms]{grid-template-columns:1fr 230px}
  .stag-recon-card .stag-denoms{grid-template-columns:repeat(3,minmax(82px,1fr))!important}
}
@media(max-width:760px){
  .stag-recon-experience{gap:12px}
  .stag-recon-heading{align-items:flex-start;padding:2px 0}
  .stag-recon-heading h2{font-size:23px!important}
  .stag-recon-heading p{font-size:12px!important}
  .stag-recon-date-badge{min-width:118px;padding:8px 10px}
  .stag-recon-card{padding:15px!important;border-radius:12px!important}
  .stag-recon-card form[data-wf-denoms]{grid-template-columns:1fr!important;gap:11px!important}
  .stag-recon-card form[data-wf-denoms]>.stag-denoms,
  .stag-recon-card form[data-wf-denoms]>label,
  .stag-recon-card form[data-wf-denoms]>.stag-recon-save{grid-column:1!important;grid-row:auto!important}
  .stag-recon-card .stag-denoms{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:10px!important;gap:7px!important}
  .stag-recon-card .stag-denoms label{grid-template-columns:1fr!important;gap:3px!important;padding:6px!important;text-align:center!important}
  .stag-recon-card .stag-denoms input{height:39px!important;font-size:16px!important}
  .stag-recon-card .stag-recon-save{min-height:52px!important;font-size:14px!important}
  .stag-recon-sequence-tabs{grid-template-columns:1fr!important}
  .stag-recon-sequence-tabs a{min-height:50px!important}
}
@media(max-width:430px){
  .stag-recon-heading{display:grid;grid-template-columns:1fr;gap:10px}
  .stag-recon-date-badge{width:100%;text-align:left}
  .stag-recon-card .stag-denoms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stag-recon-card-head h3{font-size:18px!important}
  .stag-recon-step-badge{width:30px;height:30px;flex-basis:30px}
}

/* ========================================================================
   v2.12.10 · Lightweight phone/tablet cashier runtime
   Keep the polished cashier hierarchy, but remove expensive paint/compositing
   work and redundant navigation on touch-sized frontline screens.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html:has(.stag-workflow-cashier){scroll-behavior:auto!important}
  .stag-workflow-cashier{
    grid-template-columns:minmax(0,1fr)!important;
    background:#f6f7f8!important;
  }
  .stag-workflow-cashier .stag-side,
  .stag-workflow-cashier .stag-scrim,
  .stag-workflow-cashier .stag-nav-open{display:none!important}
  .stag-workflow-cashier .stag-main{width:100%!important;min-width:0!important;margin:0!important}
  .stag-workflow-cashier .stag-top{
    position:relative!important;top:auto!important;z-index:2!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .stag-workflow-cashier .stag-page{padding-left:12px!important;padding-right:12px!important}
  .stag-workflow-cashier .stag-preview-banner{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .stag-workflow-cashier .stag-preview-banner span{display:none!important}
  .stag-workflow-cashier .stag-card,
  .stag-workflow-cashier .stag-checkout-section,
  .stag-workflow-cashier .stag-selected-member,
  .stag-workflow-cashier .stag-selected-stock-item,
  .stag-workflow-cashier .stag-live-results,
  .stag-workflow-cashier .stag-budtender-more-sheet,
  .stag-workflow-cashier [data-wf-checkout-summary],
  .stag-workflow-cashier .stag-cancel-sale-confirm-dialog{
    box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .stag-workflow-cashier *,
  .stag-workflow-cashier *::before,
  .stag-workflow-cashier *::after{
    animation-duration:0s!important;animation-delay:0s!important;
    transition-duration:0s!important;transition-delay:0s!important;
  }
  .stag-workflow-cashier button,
  .stag-workflow-cashier a,
  .stag-workflow-cashier input,
  .stag-workflow-cashier select{touch-action:manipulation}
  .stag-workflow-cashier .stag-card:not(.stag-wf-sale):not(.stag-potters-sale){
    content-visibility:auto;
    contain-intrinsic-size:280px;
  }
  .stag-workflow-cashier .stag-checkout-sheet-backdrop,
  .stag-workflow-cashier .stag-budtender-more-backdrop{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .stag-workflow-cashier .stag-sale-toast{box-shadow:none!important}
}

/* v2.12.13 Daily Recon opening-save + fatal-date-validator resilience */
.stag-recon-inline-status{grid-column:2/3;border:1px solid #d9dcdf;border-radius:10px;padding:10px 12px;background:#f7f7f7;color:#222;font-size:13px;line-height:1.35}
.stag-recon-inline-status.is-success{border-color:#9fc9ab;background:#f3faf5}
.stag-recon-inline-status.is-error{border-color:#d6a0a0;background:#fff6f6}
.stag-recon-ready{border-color:#9fc9ab!important;background:#f3faf5!important}
.stag-recon-card [data-stag-recon-interval-submit][disabled]{opacity:.52;cursor:not-allowed}
@media(max-width:760px){.stag-recon-inline-status{grid-column:1!important}}

/* v2.12.16 — POS-style Daily Recon cash actions */
.stag-recon-pos-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #e1e3e5;border-radius:14px;background:#f6f7f7}
.stag-recon-pos-progress>div{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 12px;border:1px solid transparent;border-radius:10px;color:#777;background:transparent;font-size:12px;font-weight:800}
.stag-recon-pos-progress b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#e2e4e6;color:#555;font-size:11px}
.stag-recon-pos-progress .active{border-color:#17191b;background:#fff;color:#17191b;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.stag-recon-pos-progress .active b,.stag-recon-pos-progress .done b{background:#17191b;color:#fff}
.stag-recon-pos-progress .done{color:#303438}
.stag-recon-pos-progress .done span:after{content:' ✓';font-weight:900}
.stag-recon-pos-progress .ready{color:#4e5459;background:#fff}
.stag-recon-pos-progress .locked{opacity:.58}
.stag-recon-action-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stag-recon-action-tile{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;gap:1px 12px;min-height:82px;padding:14px 16px;border:2px solid #dfe2e4;border-radius:14px;background:#fff;color:#16181a;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.stag-recon-action-tile:hover:not(:disabled),.stag-recon-action-tile:focus-visible:not(:disabled),.stag-recon-action-tile.selected{border-color:#151719;box-shadow:0 4px 16px rgba(0,0,0,.07);transform:translateY(-1px)}
.stag-recon-action-tile:disabled{opacity:.45;cursor:not-allowed}
.stag-recon-action-icon{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#151719;color:#fff;font-size:24px;font-weight:900}
.stag-recon-action-tile strong{align-self:end;font-size:15px;line-height:1.15}
.stag-recon-action-tile small{align-self:start;color:#777d82;font-size:11px;line-height:1.35}
.stag-recon-movement-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding:16px;border:2px solid #17191b;border-radius:14px;background:#fafafa}
.stag-recon-movement-form[hidden]{display:none!important}
.stag-recon-movement-form-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #dedfe1}
.stag-recon-movement-form-head strong{font-size:16px;color:#17191b}
.stag-recon-movement-form-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eceeef;color:#151719;font-size:22px;line-height:1;cursor:pointer}
.stag-recon-movement-form label{display:grid;gap:6px;margin:0!important;color:#4e5459;font-size:11px!important;font-weight:800!important;letter-spacing:.02em}
.stag-recon-movement-form input,.stag-recon-movement-form select,.stag-recon-movement-form textarea{width:100%!important;border:1px solid #cfd3d6!important;border-radius:9px!important;background:#fff!important;color:#111!important;font-size:15px!important}
.stag-recon-movement-form input,.stag-recon-movement-form select{min-height:46px!important}
.stag-recon-movement-form textarea{min-height:72px!important;resize:vertical}
.stag-recon-movement-form .stag-recon-inline-status,.stag-recon-movement-form .stag-recon-save{grid-column:1/-1}
.stag-recon-movement-form .stag-recon-save{min-height:50px!important}
.stag-recon-movement-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.stag-recon-movement-summary>div{padding:12px 14px;border:1px solid #e1e3e5;border-radius:11px;background:#f7f8f8}
.stag-recon-movement-summary span{display:block;color:#747a7f;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.stag-recon-movement-summary strong{display:block;margin-top:4px;color:#151719;font-size:19px;letter-spacing:-.02em}
.stag-recon-movement-list{display:grid;gap:7px;margin-top:10px}
.stag-recon-movement-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3e5e7;border-radius:10px;background:#fff}
.stag-recon-movement-row>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1b1d1f;color:#fff;font-size:17px;font-weight:900}
.stag-recon-movement-row>div{min-width:0;display:grid;gap:2px}
.stag-recon-movement-row strong{color:#17191b;font-size:12px}
.stag-recon-movement-row small{overflow:hidden;color:#7a8085;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.stag-recon-movement-row>b{color:#17191b;font-size:14px;white-space:nowrap}
.stag-recon-empty-movements{padding:12px;border:1px dashed #d7dadd;border-radius:10px;color:#7b8186;background:#fafafa;text-align:center;font-size:11px}
.stag-recon-card label>small{display:inline;color:#858b90;font-size:10px;font-weight:600}
@media(max-width:760px){
  .stag-recon-pos-progress{grid-template-columns:1fr;padding:6px;gap:5px}
  .stag-recon-pos-progress>div{min-height:40px;padding:6px 9px}
  .stag-recon-action-tiles{grid-template-columns:1fr}
  .stag-recon-action-tile{min-height:76px}
  .stag-recon-movement-form{grid-template-columns:1fr;padding:13px}
  .stag-recon-movement-form-head,.stag-recon-movement-form .stag-recon-inline-status,.stag-recon-movement-form .stag-recon-save{grid-column:1}
  .stag-recon-movement-summary{grid-template-columns:1fr 1fr}
  .stag-recon-movement-summary>div{padding:10px}
  .stag-recon-movement-summary strong{font-size:16px}
}
@media(max-width:420px){
  .stag-recon-movement-summary{grid-template-columns:1fr}
  .stag-recon-movement-row{grid-template-columns:30px minmax(0,1fr) auto;padding:9px}
  .stag-recon-movement-row>span{width:29px;height:29px}
}

.stag-recon-movement-form [hidden]{display:none!important}

/* ========================================================================
   v2.12.17 — Budtender phone/tablet POS shell + opening cash reminder
   ======================================================================== */
.stag-cashier-session-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:58px;margin:0 0 14px;padding:10px 12px;
  border:1px solid #d9dde0;border-radius:12px;background:#fff;color:#17191b;
}
.stag-cashier-session-identity{display:flex;align-items:center;gap:9px;min-width:0}
.stag-cashier-session-identity>div{display:grid;gap:1px;min-width:0}
.stag-cashier-session-identity small{font-size:8px!important;font-weight:850!important;letter-spacing:.1em!important;color:#737a80!important;-webkit-text-fill-color:#737a80!important}
.stag-cashier-session-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important}
.stag-cashier-session-dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#c98428;box-shadow:0 0 0 4px #fbf0df}
.stag-cashier-session-bar.is-open .stag-cashier-session-dot{background:#2f7144;box-shadow:0 0 0 4px #e8f4eb}
.stag-cashier-till-state{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.stag-cashier-till-state>span{font-size:11px!important;font-weight:800!important;color:#7b4e16!important;-webkit-text-fill-color:#7b4e16!important}
.stag-cashier-session-bar.is-open .stag-cashier-till-state>span{color:#2d6540!important;-webkit-text-fill-color:#2d6540!important}
.stag-cashier-till-state>a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid #25282b;border-radius:9px;background:#25282b;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:820!important}

.stag-opening-cash-reminder[hidden]{display:none!important}
.stag-opening-cash-reminder{position:fixed;inset:0;z-index:100500;display:grid;place-items:center;padding:18px}
.stag-opening-cash-reminder-backdrop{position:absolute;inset:0;background:rgba(18,20,22,.56)}
.stag-opening-cash-reminder-card{position:relative;z-index:1;width:min(100%,430px);padding:24px;border:1px solid #d7dade;border-radius:20px;background:#fff;color:#17191b;box-shadow:0 24px 70px rgba(0,0,0,.22);text-align:left}
.stag-opening-cash-reminder-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 0 15px;border-radius:14px;background:#181a1c;color:#fff;font-size:20px;font-weight:900}
.stag-opening-cash-reminder-card>small{display:block;margin-bottom:5px;color:#9b6a32!important;-webkit-text-fill-color:#9b6a32!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important}
.stag-opening-cash-reminder-card h2{margin:0!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important;font-size:27px!important;letter-spacing:-.035em!important}
.stag-opening-cash-reminder-card p{margin:9px 0 19px!important;color:#626a71!important;-webkit-text-fill-color:#626a71!important;font-size:13px!important;line-height:1.55!important}
.stag-opening-cash-reminder-card .stag-btn{width:100%!important;min-height:52px!important;margin:0 0 8px!important;border-radius:11px!important;font-size:12px!important}
.stag-opening-cash-reminder-card .stag-opening-cash-primary{background:#17191b!important;border-color:#17191b!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stag-opening-cash-reminder-note{display:block;margin-top:6px;color:#8a9095!important;-webkit-text-fill-color:#8a9095!important;font-size:9px!important;line-height:1.45!important;text-align:center}
html.stag-opening-reminder-open{overflow:hidden!important}

/* A cashier should see an app bar, not a back-office header. */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-top{height:60px!important;min-height:60px!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid #e0e3e5!important}
  .stag-workflow-cashier .stag-top>div:first-child{min-width:0!important}
  .stag-workflow-cashier .stag-top .stag-eyebrow{display:none!important}
  .stag-workflow-cashier .stag-top h1{margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:17px!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important}
  .stag-workflow-cashier .stag-top-right{gap:6px!important}
  .stag-workflow-cashier .stag-user-trigger{min-height:44px!important;padding:3px!important;border:0!important;background:transparent!important}
  .stag-workflow-cashier .stag-user-trigger>b{width:38px!important;height:38px!important;border-radius:11px!important}
  .stag-workflow-cashier .stag-user-trigger>span,.stag-workflow-cashier .stag-user-trigger>i{display:none!important}
  .stag-workflow-cashier .stag-switcher{display:none!important}
  .stag-workflow-cashier .stag-page{padding-top:10px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .stag-workflow-cashier .stag-cashier-session-bar{margin-bottom:10px!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav{background:#fff!important;border-top:1px solid #dfe2e4!important;box-shadow:0 -6px 18px rgba(20,24,28,.07)!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>a,
  .stag-workflow-cashier .stag-budtender-bottom-nav>button{min-height:64px!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav i{width:27px!important;height:27px!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav span{font-size:9px!important;font-weight:780!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .active{color:#111!important;-webkit-text-fill-color:#111!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .active i{background:#f1e5d2!important;border-radius:9px!important}
  .stag-workflow-cashier .stag-budtender-more-sheet{border-radius:22px 22px 0 0!important}
}

/* Tablet is a real two-pane till: shopping on the left, payment always visible
   on the right. This intentionally overrides the older mobile bottom sheet. */
@media (min-width:700px) and (max-width:1180px){
  .stag-workflow-cashier .stag-page{padding-left:16px!important;padding-right:16px!important}
  .stag-workflow-cashier .stag-budtender-workspace.is-frontline{max-width:1180px!important}
  .stag-workflow-cashier .stag-checkout-pos{padding:14px 14px calc(86px + env(safe-area-inset-bottom))!important}
  .stag-workflow-cashier .stag-checkout-title{margin-bottom:10px!important}
  .stag-workflow-cashier .stag-checkout-title h3{font-size:22px!important}
  .stag-workflow-cashier .stag-checkout-title p{display:none!important}
  .stag-workflow-cashier .stag-checkout-progress{position:static!important;margin-bottom:12px!important;box-shadow:none!important}
  .stag-workflow-cashier .stag-checkout-layout{display:grid!important;grid-template-columns:minmax(0,1.42fr) minmax(320px,.82fr)!important;gap:14px!important;align-items:start!important}
  .stag-workflow-cashier .stag-checkout-main{min-width:0!important;gap:10px!important}
  .stag-workflow-cashier .stag-checkout-section{padding:14px!important}
  .stag-workflow-cashier .stag-checkout-summary{
    position:sticky!important;left:auto!important;right:auto!important;bottom:auto!important;top:10px!important;z-index:5!important;
    display:block!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 100px)!important;margin:0!important;
    padding:14px!important;border:1px solid #cfd4d8!important;border-radius:14px!important;background:#fff!important;
    overflow-y:auto!important;transform:none!important;pointer-events:auto!important;box-shadow:0 3px 12px rgba(31,35,40,.06)!important;
  }
  .stag-workflow-cashier .stag-checkout-summary.is-open{transform:none!important}
  .stag-workflow-cashier .stag-checkout-mobile-handle,.stag-workflow-cashier .stag-checkout-sheet-backdrop{display:none!important}
  .stag-workflow-cashier .stag-checkout-sheet-close{display:grid!important;position:absolute!important;right:10px!important;top:10px!important;width:38px!important;height:38px!important;min-height:38px!important}
  .stag-workflow-cashier .stag-checkout-summary-head{padding-right:42px!important}
  .stag-workflow-cashier .stag-checkout-sheet-progress{display:none!important}
  .stag-workflow-cashier .stag-checkout-payment-stage{display:block!important}
  .stag-workflow-cashier .stag-checkout-back-basket{display:none!important}
  .stag-workflow-cashier .stag-mobile-checkout-bar{display:none!important}
  .stag-workflow-cashier .stag-checkout-complete{position:sticky!important;bottom:-14px!important;margin:8px -14px -14px!important;padding:11px 14px 14px!important;background:#fff!important;border-top:1px solid #d8dde0!important;box-shadow:0 -5px 12px rgba(31,35,40,.05)!important}
  .stag-workflow-cashier .stag-checkout-complete .stag-sale-complete{min-height:56px!important;font-size:14px!important;border-radius:11px!important}
  .stag-workflow-cashier .stag-checkout-payment-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stag-workflow-cashier .stag-payment-choice{min-height:50px!important;font-size:11px!important}
  .stag-workflow-cashier .stag-checkout-pos .stag-member-review-control input,
  .stag-workflow-cashier .stag-checkout-pos .stag-wf-product-picker input{min-height:54px!important;font-size:16px!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav{left:50%!important;right:auto!important;width:min(760px,calc(100vw - 32px))!important;transform:translateX(-50%)!important;border-radius:18px 18px 0 0!important}
}

/* Phone: one action at a time, with large touch targets and a fixed Pay bar. */
@media(max-width:699px){
  .stag-workflow-cashier .stag-page{padding:8px 8px calc(164px + env(safe-area-inset-bottom))!important}
  .stag-workflow-cashier .stag-cashier-session-bar{min-height:50px!important;padding:7px 8px!important;border-radius:10px!important}
  .stag-workflow-cashier .stag-cashier-session-identity small{display:none!important}
  .stag-workflow-cashier .stag-cashier-session-identity strong{font-size:11px!important}
  .stag-workflow-cashier .stag-cashier-till-state>span{font-size:9px!important}
  .stag-workflow-cashier .stag-cashier-till-state>a{min-height:34px!important;padding-inline:9px!important;font-size:9px!important}
  .stag-workflow-cashier .stag-checkout-pos{padding:10px 8px calc(162px + env(safe-area-inset-bottom))!important;border-radius:12px!important}
  .stag-workflow-cashier .stag-checkout-title{padding:0 3px 8px!important;margin:0!important}
  .stag-workflow-cashier .stag-checkout-title>span,.stag-workflow-cashier .stag-checkout-title>p{display:none!important}
  .stag-workflow-cashier .stag-checkout-title h3{font-size:21px!important;margin:0!important}
  .stag-workflow-cashier .stag-checkout-progress{display:none!important}
  .stag-workflow-cashier .stag-checkout-section{padding:12px 10px!important;border-radius:10px!important}
  .stag-workflow-cashier .stag-checkout-section-head{gap:8px!important;margin-bottom:10px!important}
  .stag-workflow-cashier .stag-checkout-step-number{width:27px!important;height:27px!important;flex-basis:27px!important}
  .stag-workflow-cashier .stag-checkout-section-head small{display:none!important}
  .stag-workflow-cashier .stag-checkout-section-head h4{font-size:16px!important}
  .stag-workflow-cashier .stag-checkout-pos .stag-member-review-control input,
  .stag-workflow-cashier .stag-checkout-pos .stag-wf-product-picker input{min-height:56px!important;font-size:16px!important;border:2px solid #b9bec3!important;border-radius:11px!important;padding-inline:12px!important}
  .stag-workflow-cashier .stag-checkout-pos .stag-live-result{min-height:62px!important;padding:11px!important}
  .stag-workflow-cashier .stag-checkout-empty{min-height:84px!important;padding:14px!important}
  .stag-workflow-cashier .stag-mobile-checkout-bar{bottom:calc(70px + env(safe-area-inset-bottom))!important;min-height:72px!important;padding:8px 10px!important}
  .stag-workflow-cashier .stag-mobile-checkout-bar>div span{font-size:9px!important}
  .stag-workflow-cashier .stag-mobile-checkout-bar>div strong{font-size:20px!important}
  .stag-workflow-cashier .stag-mobile-checkout-bar .stag-btn{min-width:132px!important;min-height:54px!important;border-radius:12px!important;font-size:14px!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav{min-height:70px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding-bottom:env(safe-area-inset-bottom)!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>a,.stag-workflow-cashier .stag-budtender-bottom-nav>button{min-width:0!important;padding:4px 1px!important}
  .stag-opening-cash-reminder{padding:12px!important}
  .stag-opening-cash-reminder-card{padding:20px 16px!important;border-radius:16px!important}
  .stag-opening-cash-reminder-card h2{font-size:24px!important}
}


/* v2.12.20 — one final action on phone/tablet: Charge. The old fixed Pay
   launcher duplicated the Charge button and could remain visible over payment. */
@media(max-width:699px){
  .stag-workflow-cashier .stag-mobile-checkout-bar{display:none!important}
  .stag-workflow-cashier .stag-checkout-pos{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
  .stag-workflow-cashier .stag-checkout-summary{
    position:static!important;inset:auto!important;display:block!important;width:auto!important;max-width:none!important;max-height:none!important;
    margin:12px 0 0!important;padding:12px 10px!important;border:1px solid #d2d7da!important;border-radius:12px!important;
    background:#fff!important;overflow:visible!important;transform:none!important;pointer-events:auto!important;box-shadow:none!important;
  }
  .stag-workflow-cashier .stag-checkout-summary.is-open{transform:none!important}
  .stag-workflow-cashier .stag-checkout-mobile-handle,
  .stag-workflow-cashier .stag-checkout-sheet-backdrop,
  .stag-workflow-cashier .stag-checkout-sheet-progress,
  .stag-workflow-cashier .stag-checkout-sheet-close,
  .stag-workflow-cashier .stag-checkout-back-basket{display:none!important}
  .stag-workflow-cashier .stag-checkout-payment-stage{display:block!important}
  .stag-workflow-cashier .stag-checkout-complete{position:static!important;margin:10px 0 0!important;padding:10px 0 0!important;border-top:1px solid #dde1e4!important;box-shadow:none!important;background:#fff!important}
  .stag-workflow-cashier .stag-checkout-complete .stag-sale-complete{width:100%!important;min-height:58px!important;font-size:16px!important;border-radius:12px!important}
  html.stag-checkout-sheet-open{overflow:auto!important}
}
@media(min-width:700px) and (max-width:1180px){
  .stag-workflow-cashier .stag-mobile-checkout-bar{display:none!important}
}


/* v2.12.24 — mobile Edit Customer search + account ledger navigation */
.stag-app-shell .stag-account-customer-link{display:grid;gap:3px;color:inherit!important;text-decoration:none!important}
.stag-app-shell .stag-account-customer-link:hover strong,.stag-app-shell .stag-account-customer-link:focus strong{text-decoration:underline}
.stag-app-shell .stag-account-customer-ledger{margin-bottom:18px}
.stag-app-shell .stag-account-ledger-table td small{display:block;margin-top:3px}
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-member-edit-search-card{content-visibility:visible!important;contain:none!important;overflow:visible!important;position:relative!important;z-index:40!important}
  .stag-workflow-cashier .stag-member-edit-search-card .stag-autocomplete{position:relative!important;z-index:500!important;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;width:100%!important;margin-top:8px!important;max-height:42vh!important;overflow-y:auto!important;z-index:501!important;display:grid!important;background:#fff!important;border:1px solid #171a1d!important;border-radius:10px!important}
  .stag-workflow-cashier .stag-member-edit-search-card [data-wf-member-nav-results]:empty{display:none!important}
  .stag-workflow-cashier .stag-member-edit-search-card [data-wf-member-nav-results] .stag-live-result{min-height:58px!important;padding:10px 12px!important}
}


/* v2.12.25 — final recon recount, report sharing and shift close */
.stag-recon-mismatch-warning{display:grid;gap:5px;margin:0 0 14px;padding:14px 15px;border:2px solid #b88422;border-radius:12px;background:#fff8e8;color:#3e321e}
.stag-recon-mismatch-warning strong{font-size:15px;color:#2b2418}
.stag-recon-mismatch-warning span{font-size:12px;line-height:1.5}
.stag-recon-finish-card{display:grid;gap:14px;padding:18px;border:2px solid #17191b;border-radius:14px;background:#fafafa}
.stag-recon-finish-card>span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#72777c}
.stag-recon-finish-card h3{margin:0!important;font-size:22px!important;color:#17191b!important}
.stag-recon-finish-card>p{margin:0!important;color:#5f656a!important;font-size:13px!important;line-height:1.5!important}
.stag-recon-report-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.stag-recon-report-summary>div{padding:12px;border:1px solid #dfe2e4;border-radius:10px;background:#fff}
.stag-recon-report-summary small{display:block;margin-bottom:5px;color:#777d82;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.stag-recon-report-summary strong{font-size:17px;color:#17191b}
.stag-recon-report-summary .stag-recon-closing-cash{border:2px solid #17191b;background:#f6f1e9}
.stag-recon-report-summary .stag-recon-closing-cash strong{font-size:20px}
.stag-recon-report-summary .stag-recon-closing-cash em{display:block;margin-top:5px;color:#6b625a;font-size:10px;font-style:normal;line-height:1.35}
.stag-recon-report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.stag-recon-close-shift-form{margin:0!important}
.stag-recon-close-shift{width:100%!important;min-height:54px!important;background:#17191b!important;color:#fff!important;font-weight:850!important}
@media(max-width:760px){.stag-recon-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stag-recon-report-actions{grid-template-columns:1fr}.stag-recon-finish-card{padding:14px}}
@media print{
  .stag-recon-pos-progress,.stag-recon-opening,.stag-recon-cash-actions,.stag-recon-sequence-tabs,.stag-recon-report-actions,.stag-recon-close-shift-form,.stag-budtender-bottom-nav,.stag-cashier-session-bar,.stag-top,.stag-sidebar,.stag-nav{display:none!important}
  .stag-recon-experience,.stag-recon-sequence,.stag-recon-finish-card{max-width:none!important;border:0!important;box-shadow:none!important;background:#fff!important;padding:0!important;margin:0!important}
  .stag-recon-finish-card{display:grid!important}.stag-recon-report-summary{grid-template-columns:repeat(5,1fr)!important}
}

.stag-recon-report-meta{display:grid;gap:2px;padding-bottom:10px;border-bottom:1px solid #dedfe1}.stag-recon-report-meta strong{font-size:14px}.stag-recon-report-meta span{color:#73797e;font-size:11px}


/* ========================================================================
   v2.12.26 · STAG premium speed-first cashier pass
   Visual polish is CSS-only. No font pack, framework, blur layer or animation
   library is introduced; touch paint/DOM work remains intentionally lean.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier{--stag-pos-radius:12px;--stag-pos-line:#dfe2e4;--stag-pos-ink:#17191b;--stag-pos-gold:#c89a4b}
  .stag-workflow-cashier .stag-top{border-bottom-color:#eceeef!important}
  .stag-workflow-cashier .stag-page-head h2,.stag-workflow-cashier .stag-page-head h3{letter-spacing:-.025em!important}
  .stag-workflow-cashier .stag-card,.stag-workflow-cashier .stag-checkout-section{border-color:#e2e5e7!important}
  .stag-workflow-cashier .stag-live-results{contain:layout paint!important}
  .stag-workflow-cashier .table-card,
  .stag-workflow-cashier [data-wf-transaction-search-wrap],
  .stag-workflow-cashier .stag-account-customer-ledger{content-visibility:auto;contain-intrinsic-size:420px}
  .stag-workflow-cashier .stag-budtender-bottom-nav{box-shadow:0 -1px 0 rgba(20,24,28,.04)!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>a,
  .stag-workflow-cashier .stag-budtender-bottom-nav>button{border-radius:12px!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .active i{background:#f5ecde!important;border:1px solid #eadbc4!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .active span{font-weight:850!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important}
  .stag-workflow-cashier .stag-sale-complete{letter-spacing:-.01em!important}
  .stag-workflow-cashier form.is-processing .stag-sale-complete,
  .stag-workflow-cashier form[aria-busy="true"] .stag-sale-complete{opacity:.72!important;cursor:wait!important}
  .stag-workflow-cashier .stag-live-result:active,.stag-workflow-cashier button:active{transform:none!important}
}
@media(max-width:699px){
  .stag-connectivity{top:max(6px,env(safe-area-inset-top))!important;left:auto!important;right:8px!important;transform:none!important;min-width:0!important;padding:5px 8px!important;border:1px solid #d9dddf!important;border-radius:999px!important;background:rgba(255,255,255,.96)!important;box-shadow:none!important;font-size:8px!important;letter-spacing:.06em!important}
  .stag-workflow-cashier~.stag-pending-sales-button,.stag-pending-sales-button{display:flex!important;visibility:visible!important;opacity:1!important;z-index:10022!important}
  body>.stag-cashier-sync-control{position:fixed!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:10022!important;min-width:84px!important;min-height:44px!important;height:44px!important}
  .stag-connectivity:before{width:7px!important;height:7px!important}
  .stag-connectivity.offline{border-color:#e2b7ae!important;background:#fff5f2!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav{left:8px!important;right:8px!important;width:auto!important;transform:none!important;border:1px solid #e2e5e7!important;border-bottom:0!important;border-radius:16px 16px 0 0!important}
  .stag-workflow-cashier .stag-checkout-section{background:#fff!important}
  .stag-workflow-cashier .stag-checkout-summary{border-color:#e0e3e5!important}
}
@media(min-width:700px) and (max-width:1180px){
  .stag-connectivity{top:8px!important;left:auto!important;right:12px!important;transform:none!important;min-width:0!important;padding:5px 9px!important;border:1px solid #d9dddf!important;box-shadow:none!important;font-size:9px!important}
  .stag-pending-sales-button{display:flex!important;visibility:visible!important;opacity:1!important;z-index:10022!important}
  .stag-workflow-cashier .stag-checkout-layout{gap:12px!important}
  .stag-workflow-cashier .stag-checkout-summary{box-shadow:0 2px 8px rgba(31,35,40,.045)!important}
}
@media(prefers-reduced-motion:reduce){
  .stag-workflow-cashier *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* ========================================================================
   v2.12.27 · Search visibility + compact mobile keyboard behaviour
   Search panels must never be paint-contained on touch devices. Rendering in
   normal document flow prevents iOS/iPadOS/Android keyboards and transformed
   cards from hiding a populated type-ahead panel.
   ======================================================================== */
@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,
  .stag-workflow-cashier .stag-search-host .stag-autocomplete,
  .stag-workflow-cashier .stag-search-host .stag-wf-product-picker,
  .stag-workflow-cashier .stag-search-host [data-account-member-picker],
  .stag-workflow-cashier .stag-search-host .stag-invoice-product-picker,
  .stag-workflow-cashier .stag-live-directory-search{
    content-visibility:visible!important;
    contain:none!important;
    overflow:visible!important;
  }
  .stag-workflow-cashier .stag-live-results,
  .stag-workflow-cashier .stag-search-results-panel,
  .stag-app-shell.stag-workflow-cashier .stag-card .stag-live-results,
  .stag-app-shell.stag-workflow-cashier .stag-wf-sale .stag-live-results,
  .stag-app-shell.stag-workflow-cashier .stag-live-directory-search .stag-live-results,
  .stag-app-shell.stag-workflow-cashier .stag-invoice-product-picker .stag-live-results,
  .stag-app-shell.stag-workflow-cashier [data-account-member-picker] .stag-live-results{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    max-height:min(250px,32dvh)!important;
    margin:7px 0 0!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;
    contain:none!important;
    content-visibility:visible!important;
    z-index:550!important;
    background:#fff!important;
    border:1px solid #cfd4d8!important;
    border-radius:11px!important;
    box-shadow:0 8px 20px rgba(18,22,26,.08)!important;
  }
  .stag-workflow-cashier .stag-live-results:empty,
  .stag-workflow-cashier .stag-search-results-panel:empty{display:none!important}
  .stag-workflow-cashier .stag-live-results.stag-has-results,
  .stag-workflow-cashier .stag-search-results-panel.stag-has-results{display:grid!important}
  .stag-workflow-cashier .stag-live-results .stag-live-result{min-height:54px!important;padding:9px 11px!important;flex:0 0 auto!important}
  .stag-workflow-cashier .stag-search-target,
  .stag-workflow-cashier .stag-search-target-active,
  .stag-workflow-cashier .table-card.stag-search-target-active{
    content-visibility:visible!important;contain:none!important;
  }
  .stag-workflow-cashier input.stag-mobile-input-optimised,
  .stag-workflow-cashier textarea.stag-mobile-input-optimised{scroll-margin-top:12px;scroll-margin-bottom:12px}
  html.stag-keyboard-open .stag-workflow-cashier .stag-budtender-bottom-nav{display:none!important}
  html.stag-keyboard-open .stag-connectivity{display:none!important}
  html.stag-keyboard-open .stag-workflow-cashier .stag-top{min-height:0!important;padding-top:2px!important;padding-bottom:2px!important}
  html.stag-keyboard-open .stag-workflow-cashier .stag-page{padding-bottom:10px!important}
  html.stag-keyboard-open .stag-workflow-cashier .stag-live-results,
  html.stag-keyboard-open .stag-workflow-cashier .stag-search-results-panel{max-height:min(220px,28dvh)!important}
}

/* ========================================================================
   v2.12.28 · Search runtime recovery + compact payment controls/keypad
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line{
    grid-template-columns:minmax(0,1.15fr) minmax(100px,.62fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:8px!important;
    align-items:end!important;
  }
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line label{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    gap:4px!important;
    font-size:10px!important;
  }
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line select,
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line input,
  .stag-app-shell .stag-potters-sale-layout [data-wf-payment-method],
  .stag-app-shell .stag-potters-sale-layout [data-wf-payment-amount]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    min-height:38px!important;
    height:38px!important;
    padding:6px 8px!important;
    margin:0!important;
    border-radius:8px!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line [data-wf-remove-payment]{
    grid-column:1/-1!important;
    justify-self:start!important;
    min-height:30px!important;
    padding:4px 8px!important;
  }
  .stag-app-shell .stag-potters-sale-layout .stag-wf-payment{
    overflow:hidden!important;
  }
  .stag-app-shell .stag-potters-sale-layout .stag-checkout-payment-quick{
    gap:8px!important;
  }
  .stag-app-shell .stag-potters-sale-layout .stag-payment-choice{
    min-height:42px!important;
    padding:7px 10px!important;
    font-size:14px!important;
  }
}
@media(max-width:520px){
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line{
    grid-template-columns:minmax(0,1fr) minmax(94px,.48fr)!important;
  }
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line select,
  .stag-app-shell .stag-potters-sale-layout .stag-payment-line input,
  .stag-app-shell .stag-potters-sale-layout [data-wf-payment-method],
  .stag-app-shell .stag-potters-sale-layout [data-wf-payment-amount]{font-size:14px!important}
}

/* Numeric operational fields use a compact STAG keypad on touch devices.
   Six keys per row keeps the pad materially smaller than the native keyboard. */
.stag-compact-keypad{
  position:fixed;
  left:50%;
  bottom:max(8px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(520px,calc(100vw - 16px));
  z-index:100000;
  padding:8px;
  background:#fff;
  color:#17191b;
  border:1px solid #d9dddf;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(18,22,26,.18);
  box-sizing:border-box;
}
.stag-compact-keypad[hidden]{display:none!important}
.stag-compact-keypad-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding:0 2px}
.stag-compact-keypad-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stag-compact-keypad-head button{border:0;background:#111;color:#fff;border-radius:8px;min-height:30px;padding:4px 12px;font-weight:800}
.stag-compact-keypad-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.stag-compact-keypad-grid button{min-width:0;min-height:44px;border:1px solid #d7dbde;background:#f7f8f9;color:#17191b;border-radius:9px;font-size:18px;font-weight:800;padding:0}
.stag-compact-keypad-grid button:active{background:#eee8df}
@media(max-width:420px){
  .stag-compact-keypad{padding:7px}
  .stag-compact-keypad-grid{gap:4px}
  .stag-compact-keypad-grid button{min-height:42px;font-size:17px}
}
html.stag-compact-keypad-open .stag-workflow-cashier .stag-budtender-bottom-nav,
html.stag-compact-keypad-open .stag-connectivity{display:none!important}
html.stag-compact-keypad-open .stag-workflow-cashier .stag-page{padding-bottom:160px!important}
.stag-workflow-cashier input[data-stag-compact-numeric="1"]{cursor:pointer!important;background:#fff!important}


/* ========================================================================
   v2.12.29 · Compact text-search pad + always-visible tablet Charge action
   ======================================================================== */
.stag-compact-searchpad{
  position:fixed;
  left:50%;
  bottom:max(8px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(620px,calc(100vw - 12px));
  z-index:100001;
  padding:7px;
  background:#fff;
  color:#17191b;
  border:1px solid #d9dddf;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(18,22,26,.17);
  box-sizing:border-box;
}
.stag-compact-searchpad[hidden]{display:none!important}
.stag-compact-searchpad-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;padding:0 2px}
.stag-compact-searchpad-head strong{min-width:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stag-compact-searchpad-head span{display:flex;gap:5px;flex:0 0 auto}
.stag-compact-searchpad-head button{border:1px solid #d8dcdf;background:#f5f6f7;color:#17191b;border-radius:7px;min-height:28px;padding:3px 9px;font-size:10px;font-weight:800}
.stag-compact-searchpad-head button.is-done{background:#111;border-color:#111;color:#fff}
.stag-compact-searchpad-rows{display:grid;gap:4px}
.stag-compact-searchpad-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-inline:auto;width:100%}
.stag-compact-searchpad-row.is-short{width:90%}
.stag-compact-searchpad-row button{min-width:0;min-height:34px;padding:0 2px;border:1px solid #d7dbde;background:#f7f8f9;color:#17191b;border-radius:7px;font-size:13px;font-weight:800;line-height:1}
.stag-compact-searchpad-row button:active{background:#eee8df}
.stag-compact-searchpad-row.is-bottom button.is-space{grid-column:span 2;font-size:10px}
@media(max-width:520px){
  .stag-compact-searchpad{padding:6px}
  .stag-compact-searchpad-rows{gap:3px}
  .stag-compact-searchpad-row{gap:3px}
  .stag-compact-searchpad-row button{min-height:32px;font-size:12px;border-radius:6px}
}
html.stag-compact-searchpad-open .stag-workflow-cashier .stag-budtender-bottom-nav,
html.stag-compact-searchpad-open .stag-connectivity{display:none!important}
html.stag-compact-searchpad-open .stag-workflow-cashier .stag-page{padding-bottom:205px!important}
.stag-workflow-cashier input[data-stag-compact-search="1"]{cursor:pointer!important;background:#fff!important}

/* Tablet payment must never require scrolling to discover the final Charge
   action. The payment pane scrolls, while the Charge footer stays pinned to
   the visible bottom edge above the cashier navigation. */
@media (min-width:700px) and (max-width:1180px),
       (min-width:700px) and (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-checkout-summary{
    max-height:calc(100dvh - 176px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding-bottom:0!important;
  }
  .stag-workflow-cashier .stag-checkout-complete{
    position:sticky!important;
    bottom:0!important;
    z-index:30!important;
    margin:10px -14px 0!important;
    padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid #d8dde0!important;
    box-shadow:0 -6px 14px rgba(31,35,40,.08)!important;
  }
  .stag-workflow-cashier .stag-checkout-complete .stag-sale-complete{
    display:flex!important;
    width:100%!important;
    min-height:56px!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .stag-workflow-cashier .stag-checkout-safe-note{display:none!important}
}


/* ========================================================================
   v2.12.30 · Register/Edit Customer compact entry + payment guard polish
   ======================================================================== */
/* The final alphanumeric row includes common name/email/passport symbols
   without adding another keyboard row. */
.stag-compact-searchpad-row.is-bottom{grid-template-columns:repeat(11,minmax(0,1fr))}
@media(max-width:520px){
  .stag-compact-searchpad-head span{gap:3px}
  .stag-compact-searchpad-head button{padding:3px 6px;font-size:9px}
  .stag-compact-searchpad-row.is-bottom button{font-size:11px}
}
.stag-workflow-cashier [data-wf-member-register-form] input[data-stag-compact-search="1"],
.stag-workflow-cashier [data-wf-member-register-form] input[data-stag-compact-numeric="1"]{
  cursor:pointer!important;
  background:#fff!important;
}


/* ========================================================================
   v2.12.31 · Fixed touch Charge dock (normalized in v2.12.32)
   ======================================================================== */
.stag-app-shell .stag-touch-charge{display:none!important}
@media (max-width:1180px),
       (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell.stag-workflow-cashier .stag-checkout-complete .stag-sale-complete{display:none!important}
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:10080!important;
  }
  html.stag-checkout-sheet-open .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-touch-charge{
    display:inline-flex!important;
    flex:1 1 auto!important;
    max-width:360px!important;
    min-width:160px!important;
    min-height:54px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    background:#111!important;
    border:1px solid #111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-radius:12px!important;
    font-weight:820!important;
    white-space:nowrap!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-touch-charge:disabled{
    background:#e2e4e6!important;
    border-color:#e2e4e6!important;
    color:#73787d!important;
    -webkit-text-fill-color:#73787d!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-checkout-summary{
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:520px){
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{gap:8px!important}
  .stag-app-shell.stag-workflow-cashier .stag-touch-charge{min-width:145px!important;max-width:230px!important;font-size:12px!important}
}

/* ========================================================================
   v2.12.32 · Guaranteed visible Cancel Sale cross
   Draw the X with CSS bars so visibility does not depend on font rendering.
   ======================================================================== */
.stag-app-shell .stag-cancel-sale-x,
.stag-app-shell .stag-cancel-sale-x:hover,
.stag-app-shell .stag-cancel-sale-x:focus,
.stag-app-shell .stag-cancel-sale-x:focus-visible,
.stag-app-shell .stag-cancel-sale-x:active{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  background:#17191b!important;
  border:1px solid #17191b!important;
  border-radius:50%!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  overflow:visible!important;
}
.stag-app-shell .stag-cancel-sale-x span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
.stag-app-shell .stag-cancel-sale-x::before,
.stag-app-shell .stag-cancel-sale-x::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:22px!important;
  height:3px!important;
  margin-left:-11px!important;
  margin-top:-1.5px!important;
  display:block!important;
  background:#fff!important;
  border:0!important;
  border-radius:2px!important;
  opacity:1!important;
  z-index:2!important;
  pointer-events:none!important;
  transform-origin:center center!important;
}
.stag-app-shell .stag-cancel-sale-x::before{transform:rotate(45deg)!important}
.stag-app-shell .stag-cancel-sale-x::after{transform:rotate(-45deg)!important}
@media (min-width:700px) and (max-width:1180px),
       (min-width:700px) and (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell.stag-workflow-cashier .stag-cancel-sale-x{
    display:grid!important;
    background:#17191b!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}


/* ========================================================================
   v2.12.33 · Tablet Charge dock cleanup
   Remove the mobile white checkout-bar surface at tablet widths. Keep only
   the fixed Charge action visible above the cashier navigation.
   ======================================================================== */
@media (min-width:561px) and (max-width:1180px),
       (hover:none) and (pointer:coarse) and (min-width:561px) and (max-width:1400px){
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    background:transparent!important;
    border:0!important;
    border-top:0!important;
    box-shadow:none!important;
    min-height:0!important;
    height:auto!important;
    padding:0 18px calc(78px + env(safe-area-inset-bottom)) 18px!important;
    justify-content:flex-end!important;
    pointer-events:none!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar>div{
    display:none!important;
  }
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-touch-charge{
    pointer-events:auto!important;
    flex:0 1 360px!important;
    width:min(360px,calc(100vw - 36px))!important;
    max-width:360px!important;
    margin:0!important;
    box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
  }
}


/* ========================================================================
   v2.12.34 · Tablet Charge button only — remove white moving dock wrapper
   Older tablet rules use html.stag-has-budtender-nav and !important. This
   deliberately outranks them so the wrapper can never repaint white.
   ======================================================================== */
@media (min-width:561px) and (max-width:1180px),
       (hover:none) and (pointer:coarse) and (min-width:561px) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    display:block!important;
    position:fixed!important;
    z-index:10080!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    width:min(520px,calc(100vw - 36px))!important;
    min-width:0!important;
    max-width:520px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    border-top:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar::before,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar::after{
    content:none!important;
    display:none!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar>div{
    display:none!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-touch-charge{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 18px!important;
    pointer-events:auto!important;
    background:#111!important;
    border:1px solid #111!important;
    border-radius:12px!important;
    box-shadow:0 4px 12px rgba(0,0,0,.14)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-touch-charge:disabled{
    background:#e2e4e6!important;
    border-color:#e2e4e6!important;
    color:#73787d!important;
    -webkit-text-fill-color:#73787d!important;
  }
}


/* ========================================================================
   v2.12.35 · Remove obsolete sticky Complete footer on touch checkout
   The final Charge action now lives in the dedicated fixed touch button.
   Leaving the old .stag-checkout-complete footer sticky created an empty
   white panel that moved over the discount/payment controls on tablets.
   ======================================================================== */
@media (max-width:1180px),
       (hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-complete{
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-complete::before,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-complete::after{
    content:none!important;
    display:none!important;
  }
}


/* v2.12.39 — fast, explicit transaction breakdown */
.stag-app-shell tr.stag-wf-tx-detail-row[hidden]{display:none!important}
.stag-app-shell tr.stag-wf-tx-detail-row:not([hidden]){display:table-row!important}
.stag-app-shell .stag-tx-breakdown-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:76px;height:34px;padding:0 10px;border:1px solid #c8ccd0;border-radius:8px;background:#fff;color:#17191c;font:inherit;font-weight:800;cursor:pointer}
.stag-app-shell .stag-tx-breakdown-button b{font-size:15px;line-height:1;transition:transform .12s ease}
.stag-app-shell .stag-tx-breakdown-button.open b{transform:rotate(180deg)}
.stag-app-shell .stag-wf-tx-detail{padding:16px 8px 20px}
.stag-app-shell .stag-wf-tx-detail .stag-kpis{margin-bottom:12px}
.stag-app-shell .stag-tx-payment-detail{margin-top:16px}
.stag-app-shell .stag-tx-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 0;border-top:1px solid #eceeef;border-bottom:1px solid #eceeef}
.stag-app-shell .stag-tx-pagination>span{font-size:12px;font-weight:750;color:#646a70}
.stag-app-shell .stag-tx-pagination>div{display:flex;gap:8px}
@media(max-width:1024px){
  .stag-app-shell .stag-transaction-table{content-visibility:auto;contain-intrinsic-size:900px}
  .stag-app-shell .stag-wf-tx-detail .stag-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stag-app-shell .stag-tx-breakdown-button{min-width:62px;height:38px}
  .stag-app-shell .stag-tx-pagination{position:relative!important;background:transparent!important}
}

/* v2.12.46: one-minute sign-in timeout with automatic recovery. */
.stag-login-card button:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}
.stag-login-card .stag-error.stag-lock-ready{border-color:#cfd4d8!important;background:#f6f7f7!important;color:#2f3539!important}


/* v2.12.47 — touch navigation: explicit left-side sign out action */
.stag-budtender-signout-left{display:none}
@media (max-width:1100px),(pointer:coarse){
  .stag-workflow-cashier .stag-budtender-signout-left{
    display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
    align-self:flex-start!important;margin:0 0 10px 0!important;padding:9px 12px!important;min-height:40px!important;
    border:1px solid #d9dcdf!important;border-radius:10px!important;background:#fff!important;color:#17191b!important;text-decoration:none!important;
    font-size:13px!important;font-weight:800!important;box-shadow:none!important
  }
  .stag-workflow-cashier .stag-budtender-signout-left span{font-size:18px!important;line-height:1!important}
}

/* v2.12.47 finance report: subtotal after discounts */
.stag-financial-line.subtotal{font-weight:750;background:#fafafa}


/* v2.12.48 — true left-most Sign Out tab + compact secure-code keypad */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-budtender-bottom-nav{
    grid-template-columns:56px repeat(5,minmax(0,1fr))!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout{
    grid-column:1!important;
    order:-99!important;
    min-width:0!important;
    color:#454b50!important;
    -webkit-text-fill-color:#454b50!important;
    border-right:1px solid #eceeef!important;
    border-radius:0!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout i{
    width:25px!important;height:25px!important;background:#f4f5f6!important;color:#222!important;border-radius:8px!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout span{
    font-size:7.5px!important;font-weight:800!important;white-space:nowrap!important;
  }
  .stag-budtender-signout-left{display:none!important}
}
@media (max-width:430px){
  .stag-workflow-cashier .stag-budtender-bottom-nav{grid-template-columns:50px repeat(5,minmax(0,1fr))!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout span{font-size:7px!important}
}

/* Six-digit Quick Access must never summon the large alphanumeric STAG pad.
   Keep the secure field masked and use the shortest numeric dock possible. */
.stag-compact-keypad.is-passcode{
  width:min(410px,calc(100vw - 16px))!important;
  padding:6px!important;
  border-radius:12px!important;
}
.stag-compact-keypad.is-passcode .stag-compact-keypad-head{margin-bottom:4px!important}
.stag-compact-keypad.is-passcode .stag-compact-keypad-head button{min-height:28px!important;padding:3px 10px!important}
.stag-compact-keypad.is-passcode .stag-compact-keypad-grid{gap:4px!important}
.stag-compact-keypad.is-passcode .stag-compact-keypad-grid button{min-height:36px!important;font-size:16px!important}
.stag-compact-keypad.is-passcode [data-stag-key="."]{visibility:hidden!important;pointer-events:none!important}
html.stag-passcode-keypad-open .stag-login{padding-bottom:112px!important}
html.stag-passcode-keypad-open .stag-user-dropdown{max-height:calc(100vh - 125px)!important;overflow:auto!important}
html.stag-passcode-keypad-open input[data-stag-secure-code="1"]{scroll-margin-top:18px!important;scroll-margin-bottom:125px!important}
/* Login-page fallback: when the compact alphanumeric pad is being used for
   username/password entry, leave scroll room for the Quick Access section
   instead of visually trapping it behind the pad. */
html.stag-compact-searchpad-open .stag-login{
  padding-bottom:225px!important;
  min-height:calc(100vh + 225px)!important;
}
html.stag-compact-searchpad-open .stag-login-form{align-items:flex-start!important}


/* ========================================================================
   v2.12.49 · left Sign Out + non-blocking secure keypad
   ======================================================================== */
.stag-mobile-left-signout{display:none!important}

@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  /* Sign Out must be physically first from the left regardless of inherited
     direction/order/grid rules from the WordPress theme or older cached CSS. */
  .stag-workflow-cashier .stag-budtender-bottom-nav{
    direction:ltr!important;
    grid-template-columns:58px repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(1){grid-column:1!important;grid-row:1!important;order:0!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(2){grid-column:2!important;grid-row:1!important;order:1!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(3){grid-column:3!important;grid-row:1!important;order:2!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(4){grid-column:4!important;grid-row:1!important;order:3!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(5){grid-column:5!important;grid-row:1!important;order:4!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(6){grid-column:6!important;grid-row:1!important;order:5!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout{
    justify-self:stretch!important;
    align-self:stretch!important;
    margin:0!important;
  }

  /* Finance/admin mobile navigation also exposes Sign Out from the left-side
     menu rather than requiring the right-side profile dropdown. */
  .stag-app-shell .stag-side-foot .stag-mobile-left-signout{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    order:-100!important;
    min-height:42px!important;
    margin:0 0 6px!important;
    padding:0 10px!important;
    border:1px solid #d9dcdf!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#17191b!important;
    -webkit-text-fill-color:#17191b!important;
    font-weight:850!important;
  }
  .stag-app-shell .stag-user-dropdown .stag-user-signout{display:none!important}
}

@media (max-width:430px){
  .stag-workflow-cashier .stag-budtender-bottom-nav{grid-template-columns:54px repeat(5,minmax(0,1fr))!important}
}

/* A 6-digit passcode keypad is inline, never fixed over the form. */
.stag-compact-keypad.is-passcode{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:7px 0 9px!important;
  padding:6px!important;
  z-index:4!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
.stag-code-login .stag-compact-keypad.is-passcode,
.stag-switch-user-form .stag-compact-keypad.is-passcode{align-self:stretch!important}
html.stag-passcode-keypad-open .stag-login{padding-bottom:0!important}
html.stag-passcode-keypad-open .stag-login-form{align-items:center!important;overflow:visible!important}
html.stag-passcode-keypad-open .stag-user-dropdown{
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
html.stag-passcode-keypad-open input[data-stag-secure-code="1"]{
  scroll-margin-top:12px!important;
  scroll-margin-bottom:12px!important;
}


/* ========================================================================
   v2.12.51 · visible red Sign Out immediately beside Menu
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-budtender-bottom-nav{
    direction:ltr!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(1){grid-column:1!important;order:1!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(2){grid-column:2!important;order:2!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(3){grid-column:3!important;order:3!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(4){grid-column:4!important;order:4!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(5){grid-column:5!important;order:5!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav>:nth-child(6){grid-column:6!important;order:6!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout{
    color:#d92d20!important;
    -webkit-text-fill-color:#d92d20!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    margin:0!important;
    font-weight:900!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout i{
    width:26px!important;
    height:26px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff1f0!important;
    color:#d92d20!important;
    -webkit-text-fill-color:#d92d20!important;
    border:1px solid #f4b7b2!important;
    border-radius:8px!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout span{
    color:#d92d20!important;
    -webkit-text-fill-color:#d92d20!important;
    font-size:9px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
}
@media (max-width:430px){
  .stag-workflow-cashier .stag-budtender-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .stag-workflow-cashier .stag-budtender-bottom-nav .stag-budtender-nav-signout span{font-size:8px!important}
}

/* ========================================================================
   v2.12.52 · active mobile/tablet Menu must read white on black
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more].active,
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"]{
    background:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more].active i,
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"] i{
    background:transparent!important;
    border-color:transparent!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more].active svg,
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"] svg{
    color:#fff!important;
    stroke:#fff!important;
    fill:none!important;
  }
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more].active span,
  .stag-workflow-cashier .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"] span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-weight:850!important;
  }
}

/* v2.12.54 Daily Recon / Day End completion flow */
.stag-day-end-status{display:grid;gap:3px;padding:12px 14px;border:1px solid #d9dde0;border-radius:11px;background:#f7f8f8;color:#34383c}
.stag-day-end-status strong{font-size:13px;color:#17191b}.stag-day-end-status span{font-size:11px;color:#697076;line-height:1.4}
.stag-day-end-status.is-ok{border-color:#9fc9ad;background:#f1faf4}.stag-day-end-status.is-ok strong{color:#176b3a}
.stag-day-end-status.is-error{border:2px solid #b52b2b;background:#fff2f2}.stag-day-end-status.is-error strong{color:#a02727}.stag-day-end-status.is-error span{color:#6e3434}
.stag-day-end-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.stag-day-end-checklist>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:11px 12px;border:1px solid #dfe2e4;border-radius:10px;background:#fff}
.stag-day-end-checklist b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eceeef;color:#555;font-size:12px}
.stag-day-end-checklist span{display:grid;gap:2px}.stag-day-end-checklist strong{font-size:12px;color:#17191b}.stag-day-end-checklist small{font-size:9px;color:#73797e;line-height:1.35}
.stag-day-end-checklist .done{border-color:#b8d5c1;background:#f5fbf7}.stag-day-end-checklist .done b{background:#176b3a;color:#fff}.stag-day-end-checklist .ready b{background:#17191b;color:#fff}
.stag-recon-report-actions form{margin:0!important}.stag-recon-report-actions .stag-btn{width:100%!important;min-height:46px!important}
.stag-recon-reopen{border-color:#a32d2d!important;color:#a32d2d!important;background:#fff!important}
.stag-recon-close-shift-form{display:grid;gap:6px}.stag-recon-close-shift-form small{display:block;text-align:center;color:#73797e;font-size:10px;line-height:1.35}
.stag-recon-complete-modal{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}
.stag-recon-complete-dialog{position:relative;display:grid;gap:13px;width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:22px;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28);color:#17191b}
.stag-recon-complete-dialog>span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#72777c}.stag-recon-complete-dialog h3{margin:0!important;font-size:24px!important;color:#17191b!important}.stag-recon-complete-dialog>p{margin:0!important;font-size:13px!important;color:#5f656a!important;line-height:1.5!important}.stag-recon-complete-dialog>small{font-size:10px;color:#777d82;line-height:1.45}
.stag-recon-modal-x{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#eceeef;color:#17191b;font-size:24px;line-height:1;cursor:pointer}
.stag-recon-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stag-recon-modal-actions form{margin:0!important}.stag-recon-modal-actions .stag-btn{width:100%!important;min-height:48px!important}
html.stag-recon-modal-open{overflow:hidden!important}
@media(max-width:760px){.stag-day-end-checklist{grid-template-columns:1fr}.stag-recon-modal-actions{grid-template-columns:1fr}.stag-recon-complete-dialog{padding:18px 15px}.stag-recon-complete-modal{padding:10px}}
@media print{.stag-day-end-status,.stag-day-end-checklist,.stag-recon-send-cashup-form,.stag-recon-reopen-form,.stag-recon-complete-modal{display:none!important}}

/* v2.12.54 Finance Daily Recon income statement */
.stag-recon-income-statement{overflow:hidden}
.stag-recon-income-table{display:grid;border:1px solid #d9dde0;border-radius:12px;overflow:hidden;background:#fff}
.stag-recon-income-table>div{display:grid;grid-template-columns:minmax(180px,1.45fr) minmax(110px,.75fr) minmax(110px,.75fr);align-items:center;gap:12px;padding:12px 14px;border-top:1px solid #e5e7e9}
.stag-recon-income-table>div:first-child{border-top:0}
.stag-recon-income-table .head{background:#f3f4f5;font-size:11px;letter-spacing:.04em;color:#697076}
.stag-recon-income-table .head strong:nth-child(n+2),.stag-recon-income-table>div:not(.head)>strong{text-align:right}
.stag-recon-income-table>div span{font-size:13px;font-weight:750;color:#17191b}
.stag-recon-income-table>div strong{font-size:14px;color:#17191b}
.stag-recon-income-table .less span{padding-left:18px;font-weight:650}
.stag-recon-income-table .subtotal{background:#fafafa}
.stag-recon-income-table .total{border-top:2px solid #c9cdd0}
.stag-recon-income-table .grand{border-top:3px solid #17191b;background:#f6f1e8}
.stag-recon-income-table .grand span,.stag-recon-income-table .grand strong{font-size:16px;font-weight:850}
.stag-recon-income-table .meta span,.stag-recon-income-table .meta strong{font-weight:850}
@media(max-width:700px){.stag-recon-income-table>div{grid-template-columns:minmax(132px,1.2fr) minmax(86px,.8fr) minmax(86px,.8fr);gap:8px;padding:11px 10px}.stag-recon-income-table>div span{font-size:11px}.stag-recon-income-table>div strong{font-size:12px}.stag-recon-income-table .less span{padding-left:8px}.stag-recon-income-table .grand span,.stag-recon-income-table .grand strong{font-size:13px}}

/* v2.12.54 Dashboard income statement: Today + MTD */
.stag-financial-lines-compare .stag-financial-line{grid-template-columns:minmax(180px,1.45fr) minmax(105px,.75fr) minmax(105px,.75fr);gap:14px}
.stag-financial-lines-compare .stag-financial-line.head{background:#f3f4f5;color:#697076;border-bottom:1px solid #d9dde0}
.stag-financial-lines-compare .stag-financial-line.head span,.stag-financial-lines-compare .stag-financial-line.head strong{font-size:11px!important;font-weight:850!important;letter-spacing:.04em;color:#697076!important}
@media(max-width:700px){.stag-financial-lines-compare .stag-financial-line{grid-template-columns:minmax(125px,1.25fr) minmax(82px,.75fr) minmax(82px,.75fr);gap:7px;padding:11px 9px}.stag-financial-lines-compare .stag-financial-line span{font-size:11px}.stag-financial-lines-compare .stag-financial-line strong{font-size:12px}.stag-financial-lines-compare .stag-financial-line.less span{padding-left:7px}.stag-financial-lines-compare .stag-financial-line.grand span,.stag-financial-lines-compare .stag-financial-line.grand strong{font-size:13px}}

/* v2.13.33.32 — light inline Income Statement drill-down */
.stag-app-shell .stag-financial-line .stag-finance-drilldown-trigger{appearance:none!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important;font:inherit!important;font-size:18px!important;font-weight:800!important;text-align:right!important;white-space:nowrap!important;padding:7px 8px!important;margin:-7px -8px!important;cursor:pointer!important;text-decoration:underline!important;text-decoration-color:#c8aa68!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;box-shadow:none!important}
.stag-app-shell .stag-financial-line .stag-finance-drilldown-trigger:hover,.stag-app-shell .stag-financial-line .stag-finance-drilldown-trigger:focus-visible{background:#f8f3e8!important;outline:1px solid #c8aa68!important;outline-offset:1px!important}
.stag-app-shell .stag-financial-line.grand .stag-finance-drilldown-trigger{font-size:20px!important;font-weight:900!important}
.stag-app-shell .stag-financial-line.meta .stag-finance-drilldown-trigger{font-size:16px!important}
.stag-finance-drilldown[hidden]{display:none!important}.stag-finance-drilldown{display:block;margin:18px 0 0;padding-top:18px;border-top:1px solid #dedede}.stag-finance-drilldown-panel{width:100%;overflow:hidden;border:1px solid #d8dde0;border-radius:14px;background:#fff;padding:18px;box-shadow:none}
.stag-finance-drilldown-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0 18px}.stag-finance-drilldown-summary>div{display:grid;gap:5px;border:1px solid #dde1e4;border-radius:10px;background:#f7f8f8;padding:13px}.stag-finance-drilldown-summary span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#596168}.stag-finance-drilldown-summary strong{font-size:18px;color:#17191b}.stag-finance-drilldown-table{max-height:460px;overflow:auto;border:1px solid #e0e3e5;border-radius:10px}.stag-finance-drilldown-table table{min-width:760px}.stag-finance-drilldown-table thead,.stag-finance-drilldown-table thead tr,.stag-finance-drilldown-table th{background:#eef1f2!important;color:#30363a!important}.stag-finance-drilldown-table th{border-color:#d9dee1!important}.stag-finance-drilldown-table tbody tr:nth-child(even){background:#fafbfb}
@media(max-width:700px){.stag-app-shell .stag-financial-line .stag-finance-drilldown-trigger{font-size:12px!important;padding:8px 4px!important;margin:-8px -4px!important}.stag-app-shell .stag-financial-line.grand .stag-finance-drilldown-trigger{font-size:13px!important}.stag-app-shell .stag-financial-line.meta .stag-finance-drilldown-trigger{font-size:12px!important}.stag-finance-drilldown{margin-top:14px;padding-top:14px}.stag-finance-drilldown-panel{padding:13px}.stag-finance-drilldown-summary{grid-template-columns:1fr}.stag-finance-drilldown-summary strong{font-size:15px}}


/* ========================================================================
   v2.12.56 · Daily Recon restart + deterministic active Menu contrast
   ======================================================================== */
.stag-recon-restart-card{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  border:1px solid #e0d7cc!important;background:#fffdf9!important;
}
.stag-recon-restart-card>div{display:grid;gap:4px;min-width:0}
.stag-recon-restart-card span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7c5a32}
.stag-recon-restart-card h3{margin:0;font-size:18px}
.stag-recon-restart-card p{margin:0;color:#72777c;font-size:12px;line-height:1.45}
.stag-recon-restart-form{margin:0;flex:0 0 auto}

@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  /* Do not depend on the legacy .stag-workflow-cashier ancestor: the server
     renders the bottom nav before that class is guaranteed to exist. */
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more].active,
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more].menu-open,
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"],
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more].active,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more].menu-open,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"]{
    background:#111!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more].active *,
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more].menu-open *,
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"] *,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more].active *,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more].menu-open *,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"] *{
    color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more].active svg *,
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more].menu-open svg *,
  .stag-app-shell .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"] svg *,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more].active svg *,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more].menu-open svg *,
  .stag-budtender-workspace .stag-budtender-bottom-nav>button[data-stag-budtender-more][aria-expanded="true"] svg *{
    stroke:#fff!important;
  }
  .stag-recon-restart-card{align-items:stretch;flex-direction:column}
  .stag-recon-restart-form .stag-btn{width:100%}
}


/* ========================================================================
   v2.12.57 · deterministic cashier Menu white active state
   Direct class selectors intentionally avoid assumptions about wrapper classes.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-budtender-bottom-nav>.stag-menu-tab.active,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]{
    background:#111!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  .stag-budtender-bottom-nav>.stag-menu-tab.active>i,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open>i,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]>i,
  .stag-budtender-bottom-nav>.stag-menu-tab.active>span,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open>span,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]>span,
  .stag-budtender-bottom-nav>.stag-menu-tab.active>i>svg,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open>i>svg,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]>i>svg{
    color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important;border-color:transparent!important;
  }
  .stag-budtender-bottom-nav>.stag-menu-tab.active>i>svg *,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open>i>svg *,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]>i>svg *{stroke:#fff!important;}
}


/* v2.12.58 · Daily Recon variance warning must be impossible to miss */
.stag-recon-critical-alert{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin:0 0 18px;padding:16px 18px;border:3px solid #b42318;border-radius:14px;background:#fff0ef;color:#611a15;box-shadow:0 8px 24px rgba(180,35,24,.14)}
.stag-recon-critical-alert>span{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#b42318;color:#fff;font-size:22px;font-weight:900;line-height:1}
.stag-recon-critical-alert strong{display:block;color:#8f1d14;font-size:16px;font-weight:900;letter-spacing:.02em}
.stag-recon-critical-alert p{margin:5px 0 0;color:#6d2b26;font-size:13px;line-height:1.5;font-weight:650}
.stag-recon-mismatch-warning{border:3px solid #b42318!important;background:#fff0ef!important;color:#611a15!important;box-shadow:0 8px 24px rgba(180,35,24,.12)!important}
.stag-recon-mismatch-warning strong{color:#8f1d14!important;font-size:16px!important;font-weight:900!important}
.stag-recon-mismatch-warning span{color:#6d2b26!important;font-size:13px!important;font-weight:650}
.stag-recon-variance-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.stag-recon-variance-dialog{width:min(520px,calc(100vw - 24px));padding:26px 24px 22px;border:4px solid #b42318;border-radius:18px;background:#fff;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.34)}
.stag-recon-warning-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:999px;background:#b42318;color:#fff;font-size:38px;font-weight:900;line-height:1}
.stag-recon-variance-dialog>small{display:block;color:#b42318;font-size:12px;font-weight:900;letter-spacing:.18em}
.stag-recon-variance-dialog h3{margin:8px 0 9px;color:#8f1d14;font-size:25px;line-height:1.14;font-weight:900}
.stag-recon-variance-dialog p{margin:0 0 18px;color:#4f2622;font-size:15px;line-height:1.55;font-weight:650}
.stag-recon-warning-button{width:100%;min-height:52px;background:#b42318!important;border-color:#b42318!important;color:#fff!important;font-weight:900!important}
html.stag-recon-variance-open{overflow:hidden!important}
.stag-recon-complete-modal.is-variance .stag-recon-complete-dialog{border:4px solid #b42318;background:#fff5f4}
.stag-recon-complete-modal.is-variance .stag-recon-complete-dialog>span,.stag-recon-complete-modal.is-variance .stag-recon-complete-dialog h3{color:#9b2017}
@media(max-width:760px){.stag-recon-critical-alert{padding:14px 13px;gap:10px}.stag-recon-variance-dialog{padding:22px 17px 18px}.stag-recon-variance-dialog h3{font-size:22px}}

/* ========================================================================
   v2.12.60 · cashier Menu hard contrast + streamlined recon + STAG signout
   ======================================================================== */
.stag-menu-glyph{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:0!important}
.stag-menu-glyph>b{display:block!important;width:21px!important;height:2px!important;border:0!important;border-radius:999px!important;background:#575c61!important;box-shadow:none!important}
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-budtender-bottom-nav>.stag-menu-tab.active,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]{
    background:#111!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  .stag-budtender-bottom-nav>.stag-menu-tab.active>.stag-menu-label,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open>.stag-menu-label,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]>.stag-menu-label{
    color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;
  }
  .stag-budtender-bottom-nav>.stag-menu-tab.active>.stag-menu-glyph,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open>.stag-menu-glyph,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]>.stag-menu-glyph{
    background:transparent!important;border:0!important;color:#fff!important;
  }
  .stag-budtender-bottom-nav>.stag-menu-tab.active>.stag-menu-glyph>b,
  .stag-budtender-bottom-nav>.stag-menu-tab.menu-open>.stag-menu-glyph>b,
  .stag-budtender-bottom-nav>.stag-menu-tab[aria-expanded="true"]>.stag-menu-glyph>b{
    background:#fff!important;border-color:#fff!important;
  }
}

.stag-recon-check-note{display:grid;gap:4px;margin:0 0 14px;padding:12px 14px;border:1px solid #cfd5d9;border-radius:11px;background:#f8fafb}
.stag-recon-check-note strong{font-size:12px;color:#17191b}.stag-recon-check-note span{font-size:11px;line-height:1.45;color:#626970}
.stag-recon-dual-check{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.stag-recon-dual-check>div{display:grid;gap:3px;padding:11px 12px;border:1px solid #cfd5d9;border-radius:10px;background:#fff;text-align:left}
.stag-recon-dual-check span{font-size:10px;font-weight:850;letter-spacing:.04em;color:#5f666c}.stag-recon-dual-check strong{font-size:13px!important}
.stag-recon-dual-check .ok{border-color:#a7cfb5;background:#f3faf5}.stag-recon-dual-check .ok strong{color:#176b3a!important}
.stag-recon-dual-check .bad{border:2px solid #b42318;background:#fff3f2}.stag-recon-dual-check .bad strong{color:#9b2017!important}
.stag-recon-variance-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.stag-recon-variance-actions form{margin:0!important}.stag-recon-variance-actions .stag-btn{width:100%!important;min-height:50px!important}
.stag-recon-continue-variance{border:2px solid #b42318!important;background:#fff!important;color:#b42318!important;-webkit-text-fill-color:#b42318!important;font-weight:900!important}
.stag-recon-movement-row{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.stag-recon-movement-edit{min-height:34px;padding:0 10px;border:1px solid #c9ced2;border-radius:8px;background:#fff;color:#17191b;font-size:10px;font-weight:850;cursor:pointer}
.stag-recon-opening-done{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:11px 13px;border:1px solid #acd0b9;border-radius:10px;background:#f3faf5}.stag-recon-opening-done strong{color:#176b3a}.stag-recon-opening-done span{font-size:11px;color:#647169}
.stag-recon-restart-compact{margin-top:10px!important}.stag-link-button{border:0;background:transparent;color:#9b2017;text-decoration:underline;font-size:11px;font-weight:800;cursor:pointer;padding:3px 0}
@media(max-width:620px){.stag-recon-dual-check,.stag-recon-variance-actions{grid-template-columns:1fr}.stag-recon-movement-row{grid-template-columns:auto minmax(0,1fr) auto!important}.stag-recon-movement-edit{grid-column:2/-1;justify-self:start}}

.stag-signout-modal[hidden]{display:none!important}.stag-signout-modal{position:fixed;inset:0;z-index:2147483400;display:grid;place-items:center;padding:16px}
.stag-signout-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}
.stag-signout-dialog{position:relative;z-index:1;display:grid;gap:13px;width:min(470px,100%);max-height:calc(100dvh - 28px);overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 26px 80px rgba(0,0,0,.35);color:#17191b}
.stag-signout-dialog>img{display:block;max-width:118px;max-height:54px;object-fit:contain}.stag-signout-dialog>small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7c5a32}.stag-signout-dialog h2{margin:0!important;font-size:25px!important;color:#17191b!important}.stag-signout-dialog>p{margin:0!important;color:#646b71;font-size:12px;line-height:1.5}
.stag-signout-context{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stag-signout-context>div{display:grid;gap:3px;padding:12px;border:1px solid #dde1e4;border-radius:10px;background:#fafafa}.stag-signout-context span{font-size:9px;font-weight:850;letter-spacing:.06em;color:#777e84}.stag-signout-context strong{font-size:13px;color:#17191b}
.stag-signout-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.stag-signout-dialog .stag-btn{width:100%;min-height:50px}.stag-signout-confirm{background:#b42318!important;border-color:#b42318!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.stag-signout-open{overflow:hidden!important}@media(max-width:560px){.stag-signout-dialog{padding:20px 16px}.stag-signout-context,.stag-signout-dialog form{grid-template-columns:1fr}}
.stag-recon-accept-inline{margin-top:10px!important}.stag-recon-accept-inline .stag-btn{min-height:44px!important}

/* ========================================================================
   v2.12.61 · guided interim recon + creative STAG restart modal
   No image/font/network assets: CSS-only so cashier performance is unchanged.
   ======================================================================== */
.stag-recon-restart-modal[hidden]{display:none!important}
.stag-recon-restart-modal{position:fixed;inset:0;z-index:2147483450;display:grid;place-items:center;padding:18px}
.stag-recon-restart-backdrop{position:absolute;inset:0;border:0;background:rgba(15,15,15,.74);backdrop-filter:blur(4px)}
.stag-recon-restart-dialog{position:relative;z-index:1;width:min(690px,calc(100vw - 28px));max-height:calc(100dvh - 30px);overflow:auto;padding:36px 42px 30px;border:1px solid #eadfce;border-radius:24px;background:linear-gradient(165deg,#fff 0%,#fffdf9 56%,#f8efe3 100%);box-shadow:0 30px 90px rgba(0,0,0,.36);text-align:center;color:#251b13}
.stag-recon-restart-orb{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:0 auto 12px;border-radius:999px;background:radial-gradient(circle at 35% 28%,#fff9ee 0,#f4dfc5 64%,#ecd0ac 100%);box-shadow:0 10px 25px rgba(123,80,42,.16)}
.stag-recon-restart-orb>span{font-size:62px;line-height:1;color:#83572f;font-weight:300;transform:translateY(-2px)}
.stag-recon-restart-orb>b{position:absolute;display:grid;place-items:center;width:30px;height:25px;border-radius:5px;background:#fff6e9;color:#6d4726;font-size:18px;box-shadow:0 3px 8px rgba(60,35,17,.18)}
.stag-recon-restart-dialog h3{margin:0!important;color:#2c1d12!important;font-size:clamp(27px,4vw,38px)!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-.025em}
.stag-recon-restart-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:17px auto 19px;color:#c9a77e}.stag-recon-restart-rule i{display:block;width:72px;height:1px;background:#e8d8c4}.stag-recon-restart-rule b{font-size:15px}
.stag-recon-restart-dialog>p{max-width:580px;margin:0 auto 18px!important;color:#46413c!important;font-size:16px!important;line-height:1.55!important}
.stag-recon-restart-info{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;max-width:540px;margin:0 auto 24px;padding:16px 18px;border:1px solid #dec8ad;border-radius:14px;background:rgba(255,250,243,.82);text-align:left}
.stag-recon-restart-info>span{display:grid;place-items:center;width:42px;height:42px;border:2px solid #cda67b;border-radius:999px;color:#a1784f;font-size:24px;font-family:Georgia,serif;font-weight:700}
.stag-recon-restart-info p{margin:0!important;color:#4a3b2e!important;font-size:14px!important;line-height:1.42!important}.stag-recon-restart-info strong{color:#38271a}.stag-recon-restart-info small{display:block;margin-top:3px;color:#7a6b5d;font-size:11px}
.stag-recon-restart-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stag-recon-restart-actions .stag-btn{min-height:56px!important;border-radius:13px!important;font-size:14px!important;font-weight:900!important}
.stag-recon-restart-confirm{background:linear-gradient(135deg,#3b2414,#75471f)!important;border-color:#553317!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 8px 20px rgba(78,45,20,.2)!important}
html.stag-recon-restart-open{overflow:hidden!important}

.stag-recon-interim{border-color:#dac8b2!important;background:linear-gradient(180deg,#fff,#fffcf8)}
.stag-recon-sales-check{display:grid;gap:4px;margin:0 0 15px;padding:13px 15px;border:1px solid #dbc8af;border-radius:12px;background:#fbf6ef}
.stag-recon-sales-check>span{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8a633d}.stag-recon-sales-check>strong{font-size:12px;color:#29231e}.stag-recon-sales-check>small{font-size:10px;line-height:1.45;color:#6f6861}
.stag-recon-pos-progress>div.done{border-color:#9bc7aa!important;background:#f1f9f4!important}.stag-recon-pos-progress>div.done>b{background:#257746!important;color:#fff!important}
.stag-recon-pos-progress>div.locked{opacity:.48}

.stag-recon-movement-row{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.stag-recon-movement-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.stag-recon-movement-delete{min-height:34px;padding:0 10px;border:1px solid #d8a09a;border-radius:8px;background:#fff7f6;color:#a1261d;font-size:10px;font-weight:900;cursor:pointer}
.stag-recon-movement-delete.is-confirming{background:#b42318!important;border-color:#b42318!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:620px){
  .stag-recon-restart-dialog{padding:27px 17px 20px;border-radius:20px}.stag-recon-restart-orb{width:78px;height:78px}.stag-recon-restart-orb>span{font-size:52px}.stag-recon-restart-actions{grid-template-columns:1fr}.stag-recon-restart-info{grid-template-columns:auto 1fr;padding:13px}.stag-recon-restart-dialog>p{font-size:14px!important}
  .stag-recon-movement-row{grid-template-columns:auto minmax(0,1fr) auto!important}.stag-recon-movement-actions{grid-column:2/-1;justify-self:start}
  .stag-recon-pos-progress{grid-template-columns:repeat(3,1fr)!important}.stag-recon-pos-progress>div span small{display:block}
}


/* ================================================================
   v2.12.62 · simple restart + explicit interim schedule
   ================================================================ */
.stag-recon-schedule-note{margin:8px 0 0!important;font-size:11px!important;font-weight:800;color:#666!important;text-align:center}
.stag-recon-restart-dialog.stag-recon-restart-simple{width:min(430px,calc(100vw - 28px))!important;max-height:none!important;overflow:visible!important;padding:24px!important;border-radius:18px!important;background:#fff!important;text-align:center!important;box-shadow:0 22px 70px rgba(0,0,0,.32)!important}
.stag-recon-restart-simple .stag-recon-restart-simple-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:999px;background:#f4eee6;color:#6e4525;font-size:32px;font-weight:800;line-height:1}
.stag-recon-restart-simple h3{margin:0 0 8px!important;font-size:24px!important;line-height:1.15!important;color:#1f1f1f!important;letter-spacing:-.02em!important}
.stag-recon-restart-simple>p{margin:0 0 5px!important;font-size:15px!important;line-height:1.45!important;color:#383838!important}
.stag-recon-restart-simple>small{display:block;margin:0 0 20px!important;color:#777!important;font-size:11px!important;line-height:1.45!important}
.stag-recon-restart-simple .stag-recon-restart-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.stag-recon-restart-simple .stag-recon-restart-actions .stag-btn{min-height:46px!important;border-radius:11px!important;font-size:13px!important;font-weight:900!important}
.stag-recon-restart-simple .stag-recon-restart-confirm{background:#181818!important;border-color:#181818!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}
@media(max-width:560px){.stag-recon-restart-dialog.stag-recon-restart-simple{padding:20px 16px!important}.stag-recon-restart-simple .stag-recon-restart-actions{grid-template-columns:1fr!important}}

/* v2.12.66 · professional Final Recon reopen / Day End decisions */
html.stag-recon-decision-open,html.stag-recon-decision-open body{overflow:hidden!important}
.stag-recon-decision-modal{position:fixed;inset:0;z-index:100120;display:grid;place-items:center;padding:20px;background:rgba(12,14,16,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.stag-recon-decision-card{position:relative;width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;display:grid;justify-items:center;gap:11px;padding:30px 30px 26px;border:1px solid #ded8d1;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfaf8 100%);box-shadow:0 28px 80px rgba(0,0,0,.3);text-align:center;color:#17191b}
.stag-recon-decision-x{position:absolute;top:13px;right:15px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f1f2;color:#313437;font-size:24px;line-height:1;cursor:pointer}
.stag-recon-decision-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#17191b;color:#fff;font-size:29px;font-weight:850;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.stag-recon-decision-modal.is-reopen .stag-recon-decision-icon{background:#7d4b22}
.stag-recon-decision-kicker{font-size:10px;font-weight:900;letter-spacing:.2em;color:#766b61}
.stag-recon-decision-card h3{margin:0!important;font-size:28px!important;line-height:1.12!important;color:#17191b!important}
.stag-recon-decision-card>p{margin:0!important;max-width:560px;color:#61666b!important;font-size:14px!important;line-height:1.55!important}
.stag-recon-decision-client{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:3px;text-align:left}
.stag-recon-decision-client>div{display:grid;gap:3px;padding:12px 14px;border:1px solid #e0e2e3;border-radius:12px;background:#fff}
.stag-recon-decision-client small{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8a8f93}
.stag-recon-decision-client strong{font-size:13px;color:#202326;overflow-wrap:anywhere}
.stag-recon-decision-client em{font-size:10px;font-style:normal;color:#7b8084}
.stag-recon-decision-note{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #dfd3c6;border-radius:11px;background:#fbf6ef;color:#604a37;font-size:12px;line-height:1.45;text-align:left}
.stag-recon-decision-modal.is-day-end .stag-recon-decision-note{border-color:#b9d2c1;background:#f3faf5;color:#2b5d3a}
.stag-recon-decision-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px;margin-top:3px}
.stag-recon-decision-actions .stag-btn{min-height:50px!important;margin:0!important}
@media(max-width:620px){.stag-recon-decision-modal{padding:10px}.stag-recon-decision-card{padding:24px 16px 18px;border-radius:18px}.stag-recon-decision-card h3{font-size:23px!important}.stag-recon-decision-client{grid-template-columns:1fr}.stag-recon-decision-actions{grid-template-columns:1fr}.stag-recon-decision-actions .secondary{order:2}}

/* v2.12.66 · signed-out Day End receipt */
.stag-day-end-receipt{width:min(560px,100%);box-sizing:border-box;display:grid;justify-items:center;gap:10px;margin:0 0 16px;padding:24px;border:1px solid #b9d2c1;border-radius:18px;background:linear-gradient(180deg,#fbfffc 0%,#f2faf5 100%);box-shadow:0 12px 36px rgba(0,0,0,.08);text-align:center}
.stag-day-end-receipt-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#176b3a;color:#fff;font-size:27px;font-weight:900}
.stag-day-end-receipt>span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#4a7659}
.stag-day-end-receipt h2{margin:0!important;font-size:24px!important;color:#17191b!important}
.stag-day-end-receipt>p{margin:0!important;color:#626a65!important;font-size:13px!important;line-height:1.5!important}
.stag-day-end-receipt-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:3px;text-align:left}
.stag-day-end-receipt-grid>div{display:grid;gap:3px;padding:11px 12px;border:1px solid #d7e5db;border-radius:10px;background:#fff}
.stag-day-end-receipt-grid small{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#829087}
.stag-day-end-receipt-grid strong{font-size:12px;color:#202823;overflow-wrap:anywhere}
.stag-day-end-receipt-grid em{font-size:9px;font-style:normal;color:#7a857e}
.stag-day-end-receipt-status{width:100%;box-sizing:border-box;display:grid;gap:2px;padding:11px 12px;border-radius:10px;background:#176b3a;color:#fff;text-align:left}
.stag-day-end-receipt-status b{font-size:12px}.stag-day-end-receipt-status span{font-size:10px;line-height:1.35;opacity:.9}
@media(max-width:620px){.stag-day-end-receipt{padding:19px 14px}.stag-day-end-receipt-grid{grid-template-columns:1fr}}
.stag-recon-reopened-banner{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;padding:15px 17px;margin:0 0 14px;border:1px solid #d8c6b5;border-radius:14px;background:linear-gradient(90deg,#fffaf4,#fff);box-shadow:0 5px 18px rgba(75,48,24,.06)}
.stag-recon-reopened-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#7d4b22;color:#fff;font-size:25px;font-weight:900}
.stag-recon-reopened-banner>div:last-child{display:grid;gap:3px}.stag-recon-reopened-banner span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#906846}.stag-recon-reopened-banner h3{margin:0!important;font-size:17px!important;color:#222!important}.stag-recon-reopened-banner p{margin:0!important;font-size:11px!important;color:#69625c!important}.stag-recon-reopened-banner small{font-size:10px;line-height:1.4;color:#7b746e}
@media(max-width:560px){.stag-recon-reopened-banner{grid-template-columns:42px minmax(0,1fr);padding:12px}.stag-recon-reopened-icon{width:40px;height:40px;font-size:20px}}


/* v2.12.69 — cash tender/change: clear, fast, local-only payment feedback. */
.stag-app-shell .stag-change-panel{margin-top:10px;padding:12px;border:1px solid #d7d0c9;border-radius:14px;background:#fbfaf8;display:grid;gap:10px}
.stag-app-shell .stag-change-panel[hidden]{display:none!important}
.stag-app-shell .stag-change-due{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stag-app-shell .stag-change-due>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#6b625b}
.stag-app-shell .stag-change-due>strong{font-size:20px;line-height:1;color:#111}
.stag-app-shell .stag-change-due>small{flex-basis:100%;font-size:11px;color:#625b55}
.stag-app-shell .stag-change-panel .stag-keep-change{margin:0;padding:10px;border-radius:10px;background:#fff;border:1px solid #e2ddd8;font-weight:800}
.stag-app-shell .stag-change-panel .stag-keep-change input:disabled+*{opacity:.6}
@media (max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell .stag-change-panel{padding:10px;margin-top:8px}
  .stag-app-shell .stag-change-due>strong{font-size:18px}
}

/* v2.12.70 — opening/closing continuity is visible without blocking the till. */
.stag-recon-inline-status.is-warning{border-color:#d8b45c;background:#fff8e8;color:#5e4610}
.stag-recon-opening-continuity{margin-top:12px;padding:12px 14px;border-radius:10px;border:1px solid #d8d8d8;display:grid;gap:4px;font-size:13px;line-height:1.4}
.stag-recon-opening-continuity.is-match{border-color:#9fc9ab;background:#f3faf5;color:#174d2a}
.stag-recon-opening-continuity.is-mismatch,.stag-notice.stag-recon-opening-mismatch{border-color:#d8b45c;background:#fff8e8;color:#5e4610}
.stag-recon-opening-continuity span{display:block}

/* ========================================================================
   v2.12.73 · responsive login structure repair
   v2.12.72 removed legacy dark login rules, but that legacy block also
   contained essential layout/form structure. Keep all login structure and
   palette here so mobile/tablet/desktop share one source of truth.
   ======================================================================== */
.stag-login{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(400px,480px)!important;
  width:100%!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  margin:0!important;
  overflow:visible!important;
  background:var(--stag-ui-bg)!important;
  color:var(--stag-ui-text)!important;
}
.stag-login-brand{
  min-height:100vh!important;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding:44px clamp(28px,4vw,58px)!important;
  border-right:1px solid var(--stag-ui-border)!important;
  background:var(--stag-ui-surface)!important;
}
.stag-login-brand>img{
  display:block!important;
  align-self:flex-start!important;
  width:150px!important;
  max-width:42vw!important;
  height:auto!important;
  max-height:96px!important;
  object-fit:contain!important;
}
.stag-login-brand>div{max-width:680px!important}
.stag-login-brand>small{display:block!important;font-size:10px!important;line-height:1.4!important}
.stag-login-form{
  min-width:0!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  background:var(--stag-ui-bg)!important;
}
.stag-login-card{
  display:block!important;
  width:min(430px,100%)!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:28px!important;
  background:var(--stag-ui-surface)!important;
  color:var(--stag-ui-text)!important;
  border:1px solid var(--stag-ui-border)!important;
  border-radius:16px!important;
  box-shadow:var(--stag-ui-shadow)!important;
}
.stag-login-card>span{display:block!important;font-size:9px!important;font-weight:850!important;letter-spacing:.15em!important}
.stag-login-card h2{margin:7px 0 5px!important}
.stag-login-card>p{margin:0 0 20px!important;font-size:11px!important;line-height:1.5!important}
.stag-login-card form{display:grid!important;gap:12px!important;margin:0!important}
.stag-login-card label{
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:var(--stag-ui-text)!important;
}
.stag-login-card input[type=text],
.stag-login-card input[type=password],
.stag-login-card input:not([type]){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  box-sizing:border-box!important;
  margin:6px 0 0!important;
  padding:0 12px!important;
  border:1px solid var(--stag-ui-border-strong)!important;
  border-radius:10px!important;
  background:var(--stag-ui-surface)!important;
  color:var(--stag-ui-text)!important;
  font:inherit!important;
  font-size:16px!important;
  line-height:46px!important;
}
.stag-login-card .stag-check{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-weight:550!important;
  color:var(--stag-ui-muted)!important;
}
.stag-login-card .stag-check input{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
}
.stag-login-card button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  cursor:pointer!important;
}
.stag-login-card .stag-btn.secondary{
  background:var(--stag-ui-surface)!important;
  border:1px solid var(--stag-ui-dark)!important;
  color:var(--stag-ui-dark)!important;
  -webkit-text-fill-color:var(--stag-ui-dark)!important;
}
.stag-login-divider{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:16px 0!important;
  color:var(--stag-ui-subtle)!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
}
.stag-login-divider:before,.stag-login-divider:after{content:""!important;display:block!important;flex:1!important;height:1px!important;background:var(--stag-ui-border)!important}
.stag-code-login{display:grid!important;gap:10px!important}
.stag-code-login input{text-align:center!important;letter-spacing:.28em!important;font-size:18px!important}

/* Tablet and mobile use one compact STAG header above the sign-in card.
   This keeps the brand visible without sacrificing the login fields. */
@media(max-width:1024px){
  .stag-login{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    min-height:100dvh!important;
  }
  .stag-login-brand{
    min-height:0!important;
    height:104px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:max(12px,env(safe-area-inset-top)) 20px 12px!important;
    border-right:0!important;
    border-bottom:1px solid var(--stag-ui-border)!important;
    background:var(--stag-ui-surface)!important;
  }
  .stag-login-brand>img{
    align-self:auto!important;
    width:126px!important;
    max-width:44vw!important;
    max-height:70px!important;
    margin:0 auto!important;
  }
  .stag-login-brand>div,.stag-login-brand>small{display:none!important}
  .stag-login-form{
    min-height:calc(100dvh - 104px)!important;
    justify-content:center!important;
    padding:22px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important;
  }
  .stag-login-card{width:min(480px,100%)!important;padding:26px!important}
}
@media(max-width:600px){
  .stag-login-brand{height:78px!important;padding:max(8px,env(safe-area-inset-top)) 16px 8px!important}
  .stag-login-brand>img{width:102px!important;max-height:54px!important}
  .stag-login-form{
    min-height:calc(100dvh - 78px)!important;
    justify-content:flex-start!important;
    padding:14px max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
  }
  .stag-login-card{width:100%!important;padding:20px!important;border-radius:14px!important;box-shadow:none!important}
  .stag-login-card h2{font-size:23px!important}
  .stag-login-card>p{margin-bottom:16px!important}
  .stag-login-divider{margin:13px 0!important}
}
@media(max-height:720px) and (max-width:1024px){
  .stag-login-brand{height:70px!important}
  .stag-login-brand>img{width:96px!important;max-height:48px!important}
  .stag-login-form{min-height:calc(100dvh - 70px)!important;justify-content:flex-start!important;padding-top:12px!important}
  .stag-login-card{padding:20px!important}
}
html.stag-passcode-keypad-open .stag-login-form,
html.stag-compact-searchpad-open .stag-login-form{
  justify-content:flex-start!important;
  overflow-y:auto!important;
}

/* v2.12.74 — member CRM: lightweight checkout flags, notes and birthday rewards */
.stag-member-flag-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 10px;background:#1f8b4c;box-shadow:0 0 0 3px rgba(31,139,76,.11)}
.stag-member-flag-dot.amber{background:#d18a00;box-shadow:0 0 0 3px rgba(209,138,0,.12)}
.stag-member-flag-dot.red{background:#c82d35;box-shadow:0 0 0 3px rgba(200,45,53,.12)}
.stag-member-service-flag{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid #e0bd76;border-radius:12px;background:#fff8e8;color:#5d4106}
.stag-member-service-flag.red{border-color:#e1a3a6;background:#fff1f1;color:#8f1720}.stag-member-service-flag.green{border-color:#b9d7c5;background:#f3fbf6;color:#25643d}
.stag-member-service-flag>span{display:inline-block;width:12px;height:12px;border-radius:50%;margin-top:4px;background:#d18a00}.stag-member-service-flag.red>span{background:#c82d35}.stag-member-service-flag.green>span{background:#1f8b4c}
.stag-member-service-flag strong,.stag-member-service-flag small{display:block}.stag-member-service-flag small{margin-top:2px}
.stag-member-result-main{display:flex;flex-direction:column;gap:2px;min-width:0}.stag-member-result-main strong{display:flex;align-items:center;gap:7px}.stag-member-result-main em{font-style:normal;font-size:12px;font-weight:700;color:#9b6200}
.stag-member-result.red,.stag-member-result.is-blocked{opacity:.6;filter:grayscale(.65);background:#f1f2f3!important}.stag-member-result.red em{color:#a31d25}.stag-member-result.is-blocked:hover{opacity:.72}
.stag-member-note-preview{margin-top:10px;padding:10px 12px;border:1px solid var(--stag-ui-border,#ddd);border-radius:12px;background:#faf9f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.stag-member-note-preview p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72ch}.stag-member-note-preview button{white-space:nowrap}
/* v2.12.98: the author display:flex rule must never override the HTML hidden attribute. */
.stag-birthday-reward[hidden]{display:none!important}
.stag-birthday-reward{margin-top:10px;padding:12px 14px;border:1px solid #d9c29a;border-radius:14px;background:#fffaf1;display:flex;justify-content:space-between;align-items:center;gap:16px}.stag-birthday-reward span,.stag-birthday-reward strong,.stag-birthday-reward small{display:block}.stag-birthday-reward span{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--stag-ui-accent,#8a6335)}
.stag-member-notes-dialog{width:min(620px,calc(100vw - 28px));max-height:min(80vh,720px);border:0;border-radius:18px;padding:0;box-shadow:0 22px 70px rgba(0,0,0,.25);background:#fff;color:#171717}.stag-member-notes-dialog::backdrop{background:rgba(0,0,0,.48)}.stag-member-notes-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #e7e3dd}.stag-member-notes-dialog-head span{font-size:11px;letter-spacing:.09em;color:#7a6b59;font-weight:800}.stag-member-notes-dialog-head h3{margin:3px 0 0}.stag-member-notes-dialog-head button{border:0;background:#f1f1f1;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer}.stag-member-notes-dialog [data-wf-member-notes-body]{padding:16px 20px;max-height:52vh;overflow:auto}.stag-member-note-detail{padding:12px 0;border-bottom:1px solid #eee}.stag-member-note-detail:last-child{border-bottom:0}.stag-member-note-detail small{color:#777}.stag-member-note-detail p{white-space:pre-wrap;margin:5px 0 0}.stag-member-notes-dialog-actions{padding:12px 20px 18px;text-align:right}
.stag-member-crm-card{margin-top:18px}.stag-member-crm-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.stag-member-crm-head h3{display:flex;align-items:center;gap:9px}.stag-member-note-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:16px 0}.stag-member-note-add label{margin:0}.stag-member-note-list{display:grid;gap:9px}.stag-member-note-row{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #e5e1dc;border-radius:12px;background:#fafafa}.stag-member-note-row strong,.stag-member-note-row small{display:block}.stag-member-note-row p{margin:5px 0 0;white-space:pre-wrap}.stag-member-flag-editor{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.45fr) minmax(280px,1fr);gap:12px;padding:12px;border:1px solid #e5e1dc;border-radius:12px;background:#fafafa}
.stag-birthday-settings{margin-bottom:16px}
@media(max-width:760px){.stag-birthday-reward,.stag-member-note-preview,.stag-member-crm-head,.stag-member-note-row{align-items:flex-start;flex-direction:column}.stag-member-note-add,.stag-member-flag-editor{grid-template-columns:1fr}.stag-member-note-preview p{white-space:normal;max-width:none}.stag-member-note-preview button,.stag-member-note-row form,.stag-member-note-row .stag-btn{width:100%}}

/* v2.12.76 — larger touch targets for the lightweight in-app keypad.
   CSS-only: no new listeners, libraries or network work. */
@media (pointer:coarse), (max-width:1100px){
  .stag-compact-keypad{
    width:min(570px,calc(100vw - 12px))!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .stag-compact-keypad-head{margin-bottom:8px!important}
  .stag-compact-keypad-head strong{font-size:13px!important}
  .stag-compact-keypad-head button{min-height:36px!important;padding:6px 15px!important;font-size:14px!important}
  .stag-compact-keypad-grid{gap:7px!important}
  .stag-compact-keypad-grid button{
    min-height:52px!important;
    border-radius:11px!important;
    font-size:20px!important;
  }
  .stag-compact-keypad.is-passcode{padding:8px!important;margin:9px 0 11px!important}
  .stag-compact-keypad.is-passcode .stag-compact-keypad-grid button{min-height:46px!important;font-size:19px!important}
}
@media(max-width:420px){
  .stag-compact-keypad-grid{gap:6px!important}
  .stag-compact-keypad-grid button{min-height:50px!important;font-size:19px!important}
  .stag-compact-keypad.is-passcode .stag-compact-keypad-grid button{min-height:45px!important;font-size:18px!important}
}


/* ========================================================================
   v2.12.77 · larger POS search letters + blocked-member context
   ======================================================================== */
@media (pointer:coarse), (max-width:1180px){
  .stag-compact-searchpad.is-pos-search{
    width:min(720px,calc(100vw - 10px))!important;
    padding:9px!important;
  }
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-head strong{font-size:13px!important}
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-head button{min-height:34px!important;font-size:12px!important;padding:5px 10px!important}
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-rows{gap:6px!important}
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row{gap:5px!important}
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row button{
    min-height:42px!important;
    font-size:18px!important;
    font-weight:900!important;
    border-radius:9px!important;
  }
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row.is-bottom button{font-size:16px!important}
  html.stag-compact-searchpad-open .stag-workflow-cashier .stag-page{padding-bottom:230px!important}
}
@media(max-width:520px){
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row button{min-height:40px!important;font-size:17px!important}
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row.is-bottom button{font-size:15px!important}
}
.stag-member-result.is-blocked .stag-member-blocked-note{display:block!important;margin-top:5px!important;color:#8a1f1f!important;font-style:normal!important;line-height:1.35!important;white-space:normal!important}
.stag-member-blocked-notice{margin:10px 0 0;padding:13px 15px;border:2px solid #c93636;border-radius:14px;background:#fff5f5;color:#3a1717;box-shadow:0 8px 24px rgba(125,25,25,.08)}
.stag-member-blocked-notice>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stag-member-blocked-notice>div span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#b42323;color:#fff;font-size:11px;letter-spacing:.08em;font-weight:900}.stag-member-blocked-notice>div strong{font-size:16px}.stag-member-blocked-notice p{margin:7px 0 0;line-height:1.45}.stag-member-blocked-notice b{color:#8a1f1f}

/* v2.12.78 · birthday rewards are fixed Rand amounts configured inside Loyalty tiers */

/* ========================================================================
   v2.12.85 · mobile/tablet authentication reliability
   Login credentials intentionally use the native OS keyboard. STAG's compact
   operational keyboard remains active after authentication for POS/search.
   ======================================================================== */
.stag-login-card [data-stag-native-keyboard="1"]{
  -webkit-user-select:text!important;
  user-select:text!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  caret-color:var(--stag-ui-text)!important;
}
@media(max-width:1024px){
  .stag-login-form{scroll-padding-top:16px!important;scroll-padding-bottom:45vh!important}
  .stag-login-card{margin-bottom:max(18px,env(safe-area-inset-bottom))!important}
  .stag-login-card [data-stag-native-keyboard="1"]{font-size:16px!important;min-height:50px!important;height:50px!important;line-height:50px!important}
  .stag-login-card button{min-height:50px!important;height:50px!important;font-size:12px!important}
  .stag-code-login input[data-stag-native-keyboard="1"]{font-size:20px!important;letter-spacing:.34em!important}
}
@media(max-width:600px){
  .stag-login-form{padding-bottom:max(30px,env(safe-area-inset-bottom))!important}
  .stag-login-card{overflow:visible!important}
}

/* v2.12.91: keep the phone/tablet frontline More sheet lighter. The read-only
   Members history tile remains a desktop-only convenience. */
@media (max-width: 1100px){
  .stag-budtender-workspace.is-frontline .stag-budtender-more-grid > .stag-desktop-members-menu{display:none!important}
}

/* v2.12.94: never expose the general Members area in the frontline Bud-tender mobile/tablet More menu. */
.stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-menu-links a[href*="stag_module=members"]{display:none!important}


/* ========================================================================
   v2.12.95 · global large-finger STAG in-app keyboard
   The same larger targets apply to every operational search/text/numeric
   entry point on phone/tablet; no extra listeners or network work is added.
   ======================================================================== */
@media (pointer:coarse), (max-width:1180px){
  .stag-compact-keypad{
    width:min(640px,calc(100vw - 10px))!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .stag-compact-keypad-head{margin-bottom:10px!important;gap:10px!important}
  .stag-compact-keypad-head strong{font-size:15px!important}
  .stag-compact-keypad-head button{
    min-height:44px!important;
    padding:8px 18px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  .stag-compact-keypad-grid{gap:8px!important}
  .stag-compact-keypad-grid button{
    min-height:62px!important;
    border-radius:13px!important;
    font-size:24px!important;
    font-weight:900!important;
    touch-action:manipulation!important;
  }
  .stag-compact-keypad.is-passcode{
    padding:10px!important;
    margin:10px 0 12px!important;
  }
  .stag-compact-keypad.is-passcode .stag-compact-keypad-head button{min-height:42px!important}
  .stag-compact-keypad.is-passcode .stag-compact-keypad-grid{gap:7px!important}
  .stag-compact-keypad.is-passcode .stag-compact-keypad-grid button{
    min-height:56px!important;
    font-size:22px!important;
  }

  /* All text/search keyboards now use the larger POS-sized treatment, not just
     the Process Sale member/product fields. */
  .stag-compact-searchpad{
    width:min(760px,calc(100vw - 8px))!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  .stag-compact-searchpad-head{
    gap:8px!important;
    margin-bottom:9px!important;
  }
  .stag-compact-searchpad-head strong{font-size:14px!important}
  .stag-compact-searchpad-head span{gap:5px!important}
  .stag-compact-searchpad-head button{
    min-height:42px!important;
    padding:7px 11px!important;
    border-radius:9px!important;
    font-size:13px!important;
    font-weight:900!important;
    touch-action:manipulation!important;
  }
  .stag-compact-searchpad-rows{gap:7px!important}
  .stag-compact-searchpad-row{gap:5px!important}
  .stag-compact-searchpad-row button,
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row button{
    min-height:54px!important;
    border-radius:10px!important;
    font-size:20px!important;
    font-weight:900!important;
    touch-action:manipulation!important;
  }
  .stag-compact-searchpad-row.is-bottom button,
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row.is-bottom button{
    font-size:18px!important;
  }
  html.stag-compact-keypad-open .stag-workflow-cashier .stag-page{padding-bottom:210px!important}
  html.stag-compact-searchpad-open .stag-workflow-cashier .stag-page{padding-bottom:305px!important}
}
@media(max-width:520px){
  .stag-compact-keypad{padding:9px!important}
  .stag-compact-keypad-grid{gap:6px!important}
  .stag-compact-keypad-grid button{min-height:58px!important;font-size:22px!important}
  .stag-compact-keypad.is-passcode .stag-compact-keypad-grid button{min-height:54px!important;font-size:21px!important}
  .stag-compact-searchpad{padding:8px!important}
  .stag-compact-searchpad-head{margin-bottom:7px!important}
  .stag-compact-searchpad-head span{gap:3px!important}
  .stag-compact-searchpad-head button{min-height:40px!important;padding:6px 8px!important;font-size:12px!important}
  .stag-compact-searchpad-rows{gap:5px!important}
  .stag-compact-searchpad-row{gap:3px!important}
  .stag-compact-searchpad-row button,
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row button{
    min-height:52px!important;
    font-size:19px!important;
  }
  .stag-compact-searchpad-row.is-bottom button,
  .stag-compact-searchpad.is-pos-search .stag-compact-searchpad-row.is-bottom button{font-size:17px!important}
  html.stag-compact-searchpad-open .stag-workflow-cashier .stag-page{padding-bottom:292px!important}
}


/* ========================================================================
   v2.12.96 · movable STAG touch keyboard
   Operational number/search keyboards can be dragged anywhere inside the
   visible phone/tablet viewport. Position is remembered per device; Bottom
   snaps the pad back to its default dock. Secure-code pads stay inline.
   ======================================================================== */
@media (pointer:coarse), (max-width:1180px){
  .stag-pad-dragbar{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    min-height:34px;margin:-2px 0 8px;padding:2px 2px 5px;
    border-bottom:1px solid #e2e5e7;user-select:none;-webkit-user-select:none;
  }
  .stag-pad-dragbar .stag-pad-move{
    flex:1 1 auto;min-height:32px;border:1px dashed #b7bdc1;background:#f5f6f7;
    color:#25292d;border-radius:9px;font-size:13px;font-weight:900;text-align:left;
    padding:5px 10px;cursor:grab;touch-action:none;
  }
  .stag-pad-dragbar .stag-pad-move:active{cursor:grabbing;background:#eceff1}
  .stag-pad-dragbar .stag-pad-reset{
    flex:0 0 auto;min-height:32px;border:1px solid #d5d9dc;background:#fff;color:#25292d;
    border-radius:9px;font-size:12px;font-weight:850;padding:5px 10px;touch-action:manipulation;
  }
  .stag-compact-keypad.is-passcode .stag-pad-dragbar{display:none!important}
  .stag-compact-keypad.is-floating-moved,
  .stag-compact-searchpad.is-floating-moved{
    position:fixed!important;margin:0!important;right:auto!important;bottom:auto!important;
    max-height:calc(100dvh - 12px);overflow:auto;overscroll-behavior:contain;
  }
  html.stag-pad-dragging,html.stag-pad-dragging *{user-select:none!important;-webkit-user-select:none!important}
  html.stag-pad-dragging .stag-pad-move{cursor:grabbing!important}
}
@media(max-width:520px){
  .stag-pad-dragbar{min-height:32px;margin-bottom:6px}
  .stag-pad-dragbar .stag-pad-move{min-height:30px;font-size:12px;padding:4px 8px}
  .stag-pad-dragbar .stag-pad-reset{min-height:30px;font-size:11px;padding:4px 8px}
}

/* v2.13.02 — Supplier Invoice -> Goods Received workflow */
.stag-supplier-flow{margin:0 0 18px!important}
.stag-supplier-flow .stag-card{min-height:130px}
.stag-supplier-flow .stag-card>span,.stag-goods-received>span{font-size:11px;font-weight:850;letter-spacing:.14em}
.stag-goods-received{border:2px solid #e6d6bc!important}
.stag-grn-lines{grid-column:1/-1;overflow:auto}
.stag-grn-lines input[type="number"]{min-width:110px}
.stag-remove-member-discount{margin-top:12px!important;padding:12px 14px!important;border:1px solid #d8dde1!important;border-radius:12px!important;background:#fafafa!important;font-weight:750!important}

/* Finance/Owner stays full-featured on desktop. The compact overview and
   thumb navigation are only exposed on tablet/mobile. */
.stag-finance-mobile-overview,.stag-finance-bottom-nav{display:none}
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-finance-mobile-overview{display:block!important}
  .stag-workflow-finance .stag-finance-mobile-overview ~ *{display:none!important}
  .stag-workflow-finance .stag-page{padding-bottom:96px!important}
  .stag-workflow-finance .stag-nav-open{display:none!important}
  .stag-finance-mobile-overview{margin:0!important}
  .stag-mobile-finance-heading{margin:0 0 14px;padding:2px 2px 0}
  .stag-mobile-finance-heading>span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#7a6a52}
  .stag-mobile-finance-heading h2{font-size:30px!important;line-height:1.05!important;margin:5px 0 7px!important}
  .stag-mobile-finance-heading p{margin:0;color:#687079;font-size:13px;line-height:1.45}
  .stag-mobile-finance-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
  .stag-mobile-finance-kpis article{background:#fff;border:1px solid #dfe3e6;border-radius:14px;padding:14px;min-width:0;box-shadow:0 2px 8px rgba(20,24,28,.035)}
  .stag-mobile-finance-kpis span{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;color:#687079;text-transform:uppercase}
  .stag-mobile-finance-kpis strong{display:block;font-size:24px;line-height:1.1;margin:7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stag-mobile-finance-kpis small{display:block;font-size:11px;color:#687079}
  .stag-mobile-finance-profit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
  .stag-mobile-finance-profit>div{background:#17191b;color:#fff;border-radius:14px;padding:14px}
  .stag-mobile-finance-profit span{display:block;font-size:9px;font-weight:850;letter-spacing:.14em;opacity:.72}
  .stag-mobile-finance-profit strong{display:block;font-size:21px;margin:6px 0 3px}
  .stag-mobile-finance-profit small{font-size:10px;opacity:.72}
  .stag-mobile-finance-transactions{padding:14px!important;margin-bottom:10px!important}
  .stag-mobile-finance-transaction-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
  .stag-mobile-finance-transaction-head span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#7a6a52}
  .stag-mobile-finance-transaction-head h3{margin:2px 0 0!important;font-size:20px!important}
  .stag-mobile-finance-transaction-head>strong{font-size:13px;background:#f3f4f5;border-radius:999px;padding:6px 10px}
  .stag-mobile-finance-transaction-list{display:grid;gap:0}
  .stag-mobile-finance-tx{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 2px;border-top:1px solid #eceff1}
  .stag-mobile-finance-tx:first-child{border-top:0}
  .stag-mobile-finance-tx>div{min-width:0}
  .stag-mobile-finance-tx>div:last-child{text-align:right}
  .stag-mobile-finance-tx strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stag-mobile-finance-tx small{display:block;color:#6c737a;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
  .stag-finance-bottom-nav{display:grid!important;position:fixed;z-index:10020;left:8px;right:8px;bottom:0;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid #dfe3e6;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -7px 20px rgba(20,24,28,.10);padding:5px 4px calc(5px + env(safe-area-inset-bottom));min-height:70px}
  .stag-finance-bottom-nav>a,.stag-finance-bottom-nav>button{appearance:none;border:0;background:transparent;color:#51575d;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border-radius:12px;padding:4px 2px;font:inherit;cursor:pointer}
  .stag-finance-bottom-nav i{font-style:normal;font-size:24px;line-height:1;width:34px;height:30px;display:grid;place-items:center;border-radius:9px}
  .stag-finance-bottom-nav span{font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .stag-finance-bottom-nav .active{color:#111;background:#f7f1e8}
  .stag-finance-bottom-nav .active i{background:#eadbc4}
  .stag-workflow-finance .stag-top{padding-bottom:8px!important}
  .stag-workflow-finance .stag-top .stag-eyebrow{display:none!important}
  .stag-supplier-flow{grid-template-columns:1fr!important}
}
@media (max-width:520px){
  .stag-mobile-finance-kpis,.stag-mobile-finance-profit{grid-template-columns:1fr 1fr}
  .stag-mobile-finance-kpis strong{font-size:20px}
  .stag-finance-bottom-nav span{font-size:8px}
}

/* v2.13.07 Bud-tender report filter controls */
.stag-app-shell .stag-budtender-report-filter{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:12px!important}.stag-app-shell .stag-budtender-report-filter>label{min-width:180px!important}.stag-app-shell .stag-budtender-report-filter select{display:block;width:100%;margin-top:5px;min-height:42px;border:1px solid #c9cdd1;border-radius:8px;background:#fff;color:#1f2328;padding:0 10px}.stag-app-shell .stag-report-section-filter{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;flex:1 1 100%;padding:10px 12px;border:1px solid #e1e4e7;border-radius:8px;background:#fafbfb}.stag-app-shell .stag-report-section-filter>strong{width:100%;font-size:10px;color:#555d65}.stag-app-shell .stag-report-section-filter .stag-check{margin:0!important;min-height:32px!important;color:#2b3035!important}.stag-app-shell .stag-report-section-filter input[type=checkbox]{width:18px!important;height:18px!important}


/* v2.13.08 reporting consolidation */
a[href*="stag_module=cash-up"]{display:none!important}
.stag-report-builder{border:2px solid #111!important}
.stag-report-builder .stag-date-filter{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:14px;align-items:end}
.stag-report-builder label{font-weight:700}
.stag-report-builder select,.stag-report-builder input{min-height:48px}
.stag-report-builder .stag-quick-actions{margin-top:18px}
@media(max-width:900px){.stag-report-builder .stag-date-filter{grid-template-columns:1fr}.stag-report-builder .stag-btn{min-height:52px}}

/* v2.13.09 report builder + retired Cash Up menu hard stop */
.stag-app-shell a[href*='stag_module=cash-up'],.stag-app-shell [data-stag-module='cash-up']{display:none!important}
.stag-app-shell .stag-report-builder{border:2px solid #171717!important}.stag-app-shell .stag-report-builder .stag-quick-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:14px!important}.stag-app-shell .stag-report-builder .stag-quick-actions small{color:#666!important}.stag-app-shell .stag-report-section-filter{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:8px 14px!important}.stag-app-shell .stag-report-section-filter>strong{grid-column:1/-1!important}

/* v2.13.10: server-rendered Bud-tender report builder and retired Cash Up hard removal */
.stag-app-shell .stag-report-builder{border:2px solid #111!important;background:#fff!important;margin-bottom:22px!important}
.stag-app-shell .stag-report-builder>span{display:block!important;letter-spacing:.18em!important;font-size:11px!important;font-weight:800!important;color:#76500d!important;margin-bottom:6px!important}
.stag-app-shell .stag-report-builder h3{font-size:25px!important;margin:0 0 8px!important;color:#111!important}
.stag-app-shell .stag-report-builder-status{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;padding:10px 12px!important;margin:12px 0!important;border-radius:9px!important;background:#f4f5f6!important}
.stag-app-shell .stag-report-builder-status strong{font-size:12px!important}.stag-app-shell .stag-report-builder-status span{font-size:12px!important;color:#5c6268!important}
.stag-app-shell .stag-report-download-row{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin-top:14px!important}
.stag-app-shell .stag-report-pdf-button{min-height:48px!important;padding:0 22px!important;font-weight:800!important}
.stag-app-shell a[href*='stag_module=cash-up']{display:none!important}


/* v2.13.19: Finance/Owner mobile/tablet highlights only */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-mobile-finance-heading{margin-bottom:12px!important}
  .stag-workflow-finance .stag-mobile-finance-heading h2{margin-bottom:0!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-three article{padding:16px 14px!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-three strong{font-size:25px!important;margin-bottom:0!important}
  .stag-workflow-finance .stag-mobile-finance-transactions{margin-top:14px!important}
}
@media (max-width:620px){
  .stag-workflow-finance .stag-mobile-finance-kpis-three{grid-template-columns:1fr 1fr!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-three article:last-child{grid-column:1/-1!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-three strong{font-size:22px!important}
  .stag-workflow-finance .stag-mobile-finance-transaction-head h3{font-size:18px!important}
}


/* v2.13.20: ultra-simple Finance/Owner mobile/tablet shell */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance #stagSide,
  .stag-workflow-finance .stag-scrim,
  .stag-workflow-finance .stag-top{display:none!important}
  .stag-workflow-finance .stag-main{margin-left:0!important;width:100%!important}
  .stag-workflow-finance .stag-page{padding-top:18px!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:92px!important}
  .stag-workflow-finance .stag-page-head{display:none!important}
  .stag-workflow-finance .stag-finance-bottom-nav-simple{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;left:10px!important;right:10px!important;min-height:72px!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom))!important}
  .stag-workflow-finance .stag-finance-bottom-nav-simple>a,
  .stag-workflow-finance .stag-finance-bottom-nav-simple>button{min-height:58px!important;gap:5px!important}
  .stag-workflow-finance .stag-finance-bottom-nav-simple i{font-size:22px!important}
  .stag-workflow-finance .stag-finance-bottom-nav-simple span{font-size:10px!important;font-weight:850!important;white-space:normal!important;line-height:1.05!important;text-align:center!important}
  .stag-workflow-finance .stag-finance-bottom-nav-simple .stag-finance-mobile-signout{color:#a52820!important}
}

/* v2.13.20: Finance/Owner overview metrics */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-mobile-finance-kpis-overview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-overview article{background:#fff!important;border:1px solid #dfe3e6!important;border-radius:14px!important;padding:15px 14px!important;min-width:0!important;box-shadow:0 2px 8px rgba(20,24,28,.035)!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-overview span{display:block!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;line-height:1.25!important;color:#687079!important;text-transform:uppercase!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-overview strong{display:block!important;font-size:21px!important;line-height:1.08!important;margin-top:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-overview .stag-mobile-finance-kpi-count strong{font-size:25px!important}
}
@media (min-width:700px) and (max-width:1180px){
  .stag-workflow-finance .stag-mobile-finance-kpis-overview{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}


/* v2.13.21: Finance/Owner mobile Accounts tab after Overview */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-finance-bottom-nav-simple{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}


/* v2.13.22 — compact supplier workflow and frontline member-note capture */
.stag-supplier-flow-compact{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
.stag-supplier-flow-compact .stag-card{min-height:0!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important}
.stag-supplier-flow-compact .stag-card>span{flex:0 0 auto;white-space:nowrap;font-size:10px!important}
.stag-supplier-flow-compact .stag-card>h3{margin:0!important;font-size:15px!important;line-height:1.2!important}
.stag-member-note-actions{display:flex;justify-content:flex-end;margin-top:8px}
.stag-member-note-checkout-add{padding:14px 20px;border-top:1px solid #e7e3dd;background:#faf9f7}
.stag-member-note-checkout-add label{display:block;margin:0;font-weight:750}
.stag-member-note-checkout-add textarea{display:block;width:100%;min-height:82px;margin-top:7px;resize:vertical}
.stag-member-note-checkout-add small{display:block;min-height:18px;margin-top:5px;color:#687079}
.stag-member-notes-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:760px){.stag-supplier-flow-compact{grid-template-columns:repeat(3,minmax(210px,1fr))!important;overflow-x:auto!important;padding-bottom:4px}.stag-supplier-flow-compact .stag-card{padding:10px 12px!important}.stag-member-note-actions .stag-btn{width:100%}}

/* v2.13.23 Finance mobile transaction purchase summary */
@media (max-width:1024px){
  .stag-workflow-finance .stag-mobile-finance-tx-items{display:block!important;margin:3px 0 2px!important;font-size:12px!important;line-height:1.3!important;color:#30363b!important;font-weight:650!important;}
}

/* v2.13.24 Finance mobile transaction item summaries: show every purchased item. */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-mobile-finance-tx .stag-mobile-finance-tx-items{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    max-width:none!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.35!important;
  }
}

/* v2.13.25 — Finance/Owner tablet layout: full-width canvas and readable KPI cards. */
@media (min-width:700px) and (max-width:1180px),
       (min-width:700px) and (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell.stag-workflow-finance{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:none!important;
  }
  .stag-app-shell.stag-workflow-finance>.stag-main,
  .stag-workflow-finance .stag-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  .stag-workflow-finance .stag-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:22px!important;
    padding-right:22px!important;
    box-sizing:border-box!important;
  }
  .stag-workflow-finance .stag-finance-mobile-overview{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .stag-workflow-finance .stag-mobile-finance-kpis-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .stag-workflow-finance .stag-mobile-finance-kpis-overview article{
    min-height:112px!important;
    padding:18px 18px!important;
  }
  .stag-workflow-finance .stag-mobile-finance-kpis-overview span{
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:.07em!important;
  }
  .stag-workflow-finance .stag-mobile-finance-kpis-overview strong,
  .stag-workflow-finance .stag-mobile-finance-kpis-overview .stag-mobile-finance-kpi-count strong{
    font-size:clamp(22px,3.2vw,30px)!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  .stag-workflow-finance .stag-mobile-finance-transactions{
    width:100%!important;
    max-width:none!important;
    padding:20px!important;
  }
  .stag-workflow-finance .stag-mobile-finance-tx{
    grid-template-columns:minmax(0,1fr) minmax(115px,auto)!important;
    gap:18px!important;
    padding:15px 2px!important;
  }
  .stag-workflow-finance .stag-mobile-finance-tx>div:first-child>strong{
    font-size:16px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .stag-workflow-finance .stag-mobile-finance-tx small{
    max-width:none!important;
  }
}


/* v2.13.27 — Finance/Owner mobile MTD and forecast section. */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-mobile-finance-period-heading{margin-top:20px!important}
  .stag-workflow-finance .stag-mobile-finance-kpis-mtd{margin-bottom:18px!important}
}

/* v2.13.31 Stock Count Finance Review filters */
.stag-stock-review-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin:16px 0 18px;padding:14px;border:1px solid var(--stag-border,#dfe3e7);border-radius:14px;background:#fafafa}.stag-stock-review-filters label{display:grid;gap:6px;font-weight:700;font-size:12px;letter-spacing:.04em}.stag-stock-review-filters input,.stag-stock-review-filters select{width:100%;min-height:44px}.stag-stock-review-filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stag-stock-review-filter-actions small{white-space:nowrap}.stag-stock-review-filters tr[hidden]{display:none!important}@media(max-width:1100px){.stag-stock-review-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.stag-stock-review-filter-actions{grid-column:1/-1}}@media(max-width:680px){.stag-stock-review-filters{grid-template-columns:1fr}}

/* v2.13.31 Stock Count bulk Finance actions */
.stag-stock-review-bulk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 18px;padding:12px 14px;border:1px solid var(--stag-border,#dfe3e7);border-radius:14px;background:#fff}.stag-stock-review-bulk>strong{font-size:13px}.stag-stock-review-bulk>span{font-size:12px;color:var(--stag-muted,#70757d)}.stag-stock-review-bulk .stag-quick-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.stag-stock-review-bulk small{width:100%;color:var(--stag-muted,#70757d)}.stag-stock-review-bulk button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:680px){.stag-stock-review-bulk{align-items:stretch}.stag-stock-review-bulk .stag-quick-actions{margin-left:0;width:100%}.stag-stock-review-bulk form,.stag-stock-review-bulk button{width:100%}}


/* v2.13.31 Finance/Owner mobile/tablet read-only Stock Holding tab. */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-finance-bottom-nav-simple{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .stag-workflow-finance .stag-mobile-stock-holding{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
  .stag-workflow-finance .stag-mobile-stock-card{padding:14px!important;margin:0!important}
  .stag-workflow-finance .stag-mobile-stock-search-label{display:grid!important;gap:7px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#687079!important}
  .stag-workflow-finance .stag-mobile-stock-search{width:100%!important;min-height:50px!important;font-size:16px!important;border:1px solid #cfd4d8!important;border-radius:12px!important;background:#fff!important;padding:0 14px!important}
  .stag-workflow-finance .stag-mobile-stock-table-wrap{margin-top:14px!important;overflow:visible!important;border:0!important}
  .stag-workflow-finance .stag-mobile-stock-table{width:100%!important}
  .stag-workflow-finance .stag-mobile-stock-table td small{display:block!important;margin-top:3px!important;color:#747b82!important;font-size:11px!important}
  .stag-workflow-finance .stag-mobile-stock-table td strong{font-weight:800!important}
}
@media (max-width:699px){
  .stag-workflow-finance .stag-mobile-stock-table thead{display:none!important}
  .stag-workflow-finance .stag-mobile-stock-table tbody{display:grid!important;gap:10px!important}
  .stag-workflow-finance .stag-mobile-stock-table tr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:1px solid #dfe3e6!important;border-radius:14px!important;background:#fff!important;padding:12px 12px!important}
  .stag-workflow-finance .stag-mobile-stock-table tr[hidden]{display:none!important}
  .stag-workflow-finance .stag-mobile-stock-table td{display:block!important;border:0!important;padding:6px 6px!important;min-width:0!important;font-size:14px!important}
  .stag-workflow-finance .stag-mobile-stock-table td:first-child{grid-column:1/-1!important;border-bottom:1px solid #eceff1!important;padding-bottom:10px!important;margin-bottom:4px!important;font-size:16px!important}
  .stag-workflow-finance .stag-mobile-stock-table td:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#747b82}
}

/* v2.13.33.34 — light, local Income Statement line-item explanation popup */
.stag-finance-explain[hidden]{display:none!important}
.stag-finance-explain,.stag-finance-explain.is-open{position:fixed!important;inset:0!important;z-index:100000!important;display:grid!important;place-items:center!important;padding:20px!important}
.stag-finance-explain[hidden]:not(.is-open){display:none!important}
body.stag-finance-popup-open{overflow:hidden!important}
.stag-finance-explain-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(239,242,243,.9)!important;box-shadow:none!important;backdrop-filter:blur(3px)}
.stag-finance-explain-card{position:relative;z-index:1;width:min(620px,100%);max-height:min(82vh,760px);overflow:auto;border:1px solid #d7dde0;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(53,61,66,.18);color:#17191b}
.stag-finance-explain-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 16px;border-bottom:1px solid #e4e7e9;background:#fff}
.stag-finance-explain-head span{display:block;margin-bottom:6px;font-size:10px;font-weight:900;letter-spacing:.15em;color:#767e84}
.stag-finance-explain-head h3{margin:0;color:#17191b;font-size:24px;line-height:1.15}
.stag-finance-explain-head p{margin:5px 0 0;color:#687078;font-size:13px}
.stag-finance-explain-head>button{flex:0 0 38px!important;width:38px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;border:1px solid #d8dde0!important;border-radius:50%!important;background:#f3f5f6!important;color:#31363a!important;-webkit-text-fill-color:#31363a!important;box-shadow:none!important;font-size:25px!important;font-weight:500!important;line-height:34px!important}
.stag-finance-explain-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 22px 12px;padding:15px 16px;border:1px solid #eadfc6;border-radius:12px;background:#fbf7ed}
.stag-finance-explain-total span{font-size:12px;font-weight:800;color:#665d4b}
.stag-finance-explain-total strong{font-size:22px;color:#17191b}
.stag-finance-explain-rows{display:grid;gap:8px;padding:0 22px}
.stag-finance-explain-rows>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #e1e5e7;border-radius:10px;background:#f8f9f9}
.stag-finance-explain-rows span{color:#4f575d;font-size:13px;font-weight:700}
.stag-finance-explain-rows strong{color:#17191b;font-size:15px;text-align:right;white-space:nowrap}
.stag-finance-explain-note{margin:14px 22px 22px;padding:13px 14px;border-left:3px solid #c8aa68;border-radius:0 8px 8px 0;background:#fffaf0;color:#555c61;font-size:13px;line-height:1.5}
@media(max-width:700px){
  .stag-finance-explain,.stag-finance-explain.is-open{align-items:end!important;padding:10px!important}
  .stag-finance-explain-card{max-height:88vh;border-radius:16px}
  .stag-finance-explain-head{padding:18px 16px 14px}
  .stag-finance-explain-head h3{font-size:20px}
  .stag-finance-explain-total{margin:14px 16px 10px}
  .stag-finance-explain-total strong{font-size:18px}
  .stag-finance-explain-rows{padding:0 16px}
  .stag-finance-explain-rows>div{padding:11px 12px}
  .stag-finance-explain-note{margin:12px 16px 18px}
}

/* v2.13.31 mobile/tablet role UX consolidation */
.stag-mobile-context-bar{display:none}
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-finance .stag-mobile-context-bar{
    display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    min-height:58px;padding:10px 16px;border-bottom:1px solid #e3e6e8;background:#fff;
    position:sticky;top:0;z-index:10005;
  }
  .stag-workflow-finance .stag-mobile-context-bar>div{min-width:0}
  .stag-workflow-finance .stag-mobile-context-bar>div:first-child{display:grid;gap:2px}
  .stag-workflow-finance .stag-mobile-context-bar small{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#6f767d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
  .stag-workflow-finance .stag-mobile-context-bar strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
  .stag-workflow-finance .stag-mobile-context-bar>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
  .stag-mobile-context-online{display:inline-flex!important;align-items:center!important;gap:5px!important;border:1px solid #cfd8cf!important;border-radius:999px!important;padding:5px 8px!important;background:#f7fbf7!important;color:#253528!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important}
  .stag-mobile-context-online:before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a;display:block}
  .stag-workflow-finance .stag-mobile-context-bar em{font-style:normal;font-size:10px;color:#687079;font-weight:750;white-space:nowrap}

  /* v2.13.32: Authorisation is desktop-only. Mobile/tablet keeps five compact actions. */
  .stag-workflow-finance.stag-role-owner .stag-finance-bottom-nav-simple,
  .stag-workflow-finance.stag-role-finance .stag-finance-bottom-nav-simple{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .stag-workflow-finance.stag-role-finance .stag-finance-bottom-nav-simple span{font-size:8px!important}

  .stag-mobile-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
  .stag-mobile-approval-card{position:relative;display:grid;gap:6px;min-height:138px;padding:15px;border:1px solid #dfe3e6;border-radius:14px;background:#fff;text-decoration:none!important;color:#17191b!important;box-shadow:0 2px 8px rgba(20,24,28,.035)}
  .stag-mobile-approval-card>span{font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#687079}
  .stag-mobile-approval-card>strong{font-size:30px;line-height:1}
  .stag-mobile-approval-card>small{font-size:11px;line-height:1.35;color:#687079}
  .stag-mobile-approval-card>em{font-style:normal;font-size:11px;font-weight:850;margin-top:auto}
  .stag-mobile-approval-card.needs-attention{border-color:#dfc6bf;background:#fffafa}
  .stag-mobile-approval-card.needs-attention>strong,.stag-mobile-approval-card.needs-attention>em{color:#a52820}
  .stag-mobile-approval-card.is-clear>em{color:#237a43}
  .stag-mobile-approvals-note{font-size:11px!important}

  .stag-owner-attention{padding:14px!important;margin:0 0 14px!important}
  .stag-owner-attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stag-owner-attention-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #e6e9eb;border-radius:10px;background:#fafbfb}
  .stag-owner-attention-list span{font-size:11px;color:#687079;font-weight:750}
  .stag-owner-attention-list strong{font-size:16px}

  /* Bud-tender: keep the More sheet operational only; do not copy the wider backoffice menu. */
  .stag-workflow-cashier .stag-budtender-full-menu{display:none!important}
  .stag-workflow-cashier .stag-budtender-more-sheet{max-height:min(82dvh,720px)!important;overflow:auto!important}
}
@media(max-width:520px){
  .stag-mobile-approval-grid{grid-template-columns:1fr 1fr}
  .stag-mobile-approval-card{min-height:124px;padding:12px}
  .stag-workflow-finance.stag-role-finance .stag-finance-bottom-nav-simple span{font-size:7.5px!important}
}
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-budtender-switch-user{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px 14px 18px;border-top:1px solid #e5e7e9;background:#fff}
  .stag-workflow-cashier .stag-budtender-switch-user label{display:grid;gap:6px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#687079}
  .stag-workflow-cashier .stag-budtender-switch-user input{min-height:48px;font-size:18px;border:1px solid #cfd4d8;border-radius:10px;padding:0 12px;background:#fff}
  .stag-workflow-cashier .stag-budtender-switch-user button{min-height:48px!important;white-space:nowrap}
}
@media(max-width:520px){.stag-workflow-cashier .stag-budtender-switch-user{grid-template-columns:1fr}.stag-workflow-cashier .stag-budtender-switch-user button{width:100%}}

/* v2.13.31 patch · reopened Final Recon edit workflow */
.stag-recon-editing-final{margin:14px 0 16px;padding:14px 16px;border:2px solid #1f6f43;border-radius:12px;background:#f2faf5;display:flex;flex-direction:column;gap:5px}
.stag-recon-editing-final strong{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#185a36}
.stag-recon-editing-final span{font-size:13px;line-height:1.5;color:#26352c}
[data-stag-final-recon-edit="1"] .stag-recon-sequence{scroll-margin-top:18px}

/* v2.13.31 · explicit recon selection + Finance authorisation */
.stag-recon-edit-selector{border:2px solid #111}.stag-recon-edit-options{display:grid;gap:10px}.stag-recon-edit-option{margin:0}.stag-recon-edit-option button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #d9dbde;background:#fff;border-radius:12px;padding:14px 16px;font:inherit;cursor:pointer}.stag-recon-edit-option button:hover{border-color:#111}.stag-recon-edit-option span{display:flex;flex-direction:column;gap:3px}.stag-recon-edit-option strong{font-size:15px}.stag-recon-edit-option small{color:#74777b}.stag-recon-edit-option b{white-space:nowrap}.stag-role-finance .stag-authorisation-tabs{position:sticky;top:0;z-index:4;background:#fff}
@media(max-width:760px){.stag-recon-edit-option button{padding:13px}.stag-recon-edit-option small{font-size:12px}.stag-role-finance .stag-authorisation-tabs{position:static}}


/* v2.13.32 · POS member-note keyboard inside native modal dialog.
   Keep the in-app keyboard in the dialog top layer and leave enough room for
   the note field and Save Note action to remain readable on tablets/phones. */
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad{
  z-index:2147483000!important;
  max-width:calc(100vw - 16px)!important;
}
@media (pointer:coarse), (max-width:1180px){
  .stag-member-notes-dialog:has(.stag-compact-searchpad.is-dialog-pad:not([hidden])){
    padding-bottom:min(235px,36vh)!important;
  }
  .stag-member-note-checkout-add textarea[data-stag-pos-note-keyboard="1"]{
    min-height:90px!important;
    cursor:pointer!important;
    background:#fff!important;
  }
}


/* ========================================================================
   v2.13.32 · member-note keyboard contrast + touch-rendering performance
   Modal dialogs can inherit the global STAG dark button treatment. Force
   every control on the in-app note keyboard to use high-contrast white labels.
   Containment keeps keyboard repaints local while typing/dragging on tablets.
   ======================================================================== */
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad{
  contain:layout paint style;
  background:#fff!important;
}
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad button,
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad .stag-pad-move,
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad .stag-pad-reset,
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad .stag-compact-searchpad-head button,
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad .stag-compact-searchpad-row button{
  background:#17191b!important;
  border-color:#17191b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
.stag-member-notes-dialog .stag-compact-searchpad.is-dialog-pad button:active{
  background:#34373a!important;
  border-color:#34373a!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* v2.13.32 — restore live Supplier Invoice total before save */
[data-wf-supplier-invoice] .stag-invoice-total-panel{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 14px;
  padding:14px 16px;
  border:1px solid var(--stag-line,#d8dadd);
  border-radius:14px;
  background:#f7f7f7;
}
[data-wf-supplier-invoice] .stag-invoice-total-panel>div{display:flex;flex-direction:column;gap:4px;min-width:0;}
[data-wf-supplier-invoice] .stag-invoice-total-panel span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#686d73;}
[data-wf-supplier-invoice] .stag-invoice-total-panel strong{font-size:18px;line-height:1.2;color:#171717;}
[data-wf-supplier-invoice] .stag-invoice-grand-total{padding-left:16px;border-left:2px solid #171717;}
[data-wf-supplier-invoice] .stag-invoice-grand-total strong{font-size:24px;}
@media (max-width:760px){
  [data-wf-supplier-invoice] .stag-invoice-total-panel{grid-template-columns:1fr;gap:10px;}
  [data-wf-supplier-invoice] .stag-invoice-grand-total{padding:10px 0 0;border-left:0;border-top:2px solid #171717;}
}

/* ========================================================================
   v2.13.32 · Simplified Budtender mobile/tablet POS shell
   Primary navigation is Sales / Members / Recon / More. Less-frequent actions
   remain available in More; Finance/Owner navigation is intentionally unchanged.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  /* Frontline workflow strip duplicates the thumb navigation on touch devices. */
  .stag-budtender-workspace.is-frontline .stag-workflow-tabs{display:none!important}

  /* Four calm, equal-width POS actions. This final rule intentionally overrides
     older six-column cashier navigation patches retained for regression safety. */
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>:nth-child(1){grid-column:1!important;order:1!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>:nth-child(2){grid-column:2!important;order:2!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>:nth-child(3){grid-column:3!important;order:3!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>:nth-child(4){grid-column:4!important;order:4!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button{
    min-width:0!important;
    min-height:62px!important;
    padding:7px 4px calc(6px + env(safe-area-inset-bottom,0px))!important;
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav span{font-size:10px!important;font-weight:850!important}

  /* The compact till/recon state becomes the only operational status strip. */
  .stag-budtender-workspace.is-frontline .stag-cashier-session-bar{
    margin:0 0 10px!important;
    min-height:54px!important;
    border-radius:12px!important;
    padding:9px 12px!important;
  }
  .stag-budtender-workspace.is-frontline .stag-cashier-session-bar.needs-opening{
    border:1.5px solid #d49b37!important;
    background:#fff9ec!important;
  }
  .stag-budtender-workspace.is-frontline .stag-cashier-till-state span{font-weight:900!important}
  .stag-budtender-workspace.is-frontline .stag-cashier-till-state a{
    min-height:36px!important;padding:8px 12px!important;border-radius:9px!important;font-weight:900!important
  }

  /* Keep More short and action-oriented. */
  .stag-budtender-workspace.is-frontline .stag-budtender-more-sheet{max-height:min(78dvh,720px)!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-more-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-more-grid>a{
    min-height:92px!important;padding:12px!important;border-radius:12px!important
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-more-grid>a strong{font-size:14px!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-more-grid>a small{font-size:10px!important;line-height:1.3!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-more-signout{
    border-color:#efc6c2!important;background:#fff5f4!important;color:#a72a20!important;-webkit-text-fill-color:#a72a20!important
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-more-signout strong,
  .stag-budtender-workspace.is-frontline .stag-budtender-more-signout small,
  .stag-budtender-workspace.is-frontline .stag-budtender-more-signout span{color:#a72a20!important;-webkit-text-fill-color:#a72a20!important}

  /* Members is one simple destination: search first, add is always visible. */
  .stag-budtender-workspace.is-frontline .stag-budtender-member-hub-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-member-hub-head>div{min-width:0!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-member-hub-head .stag-btn{flex:0 0 auto!important;white-space:nowrap!important}

  /* Reduce decorative shell height without changing desktop or Finance. */
  .stag-budtender-workspace.is-frontline>.stag-page-head{margin-bottom:10px!important}
  .stag-budtender-workspace.is-frontline>.stag-page-head p{margin-bottom:0!important}
}
@media (max-width:620px){
  .stag-budtender-workspace.is-frontline .stag-budtender-more-grid{grid-template-columns:1fr 1fr!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-member-hub-head{align-items:stretch!important;flex-direction:column!important}
  .stag-budtender-workspace.is-frontline .stag-budtender-member-hub-head .stag-btn{width:100%!important;justify-content:center!important}
}

/* v2.13.32 — Guided Budtender checkout on phone/tablet.
   One task at a time: Member -> Products -> Basket/Payment. Desktop is unchanged. */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage] .stag-checkout-title,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage] .stag-checkout-progress{display:none!important}

  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] [data-wf-product-block],
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] [data-wf-checkout-summary]{display:none!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-member-block],
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-checkout-summary]{display:none!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-member-block]{display:none!important}

  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage] [hidden]{display:none!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-product-block],
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-product-block]{display:block!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-product-picker-stage]{display:block!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-guided-basket-stage]{display:block!important}
  /* When Add Another Product is active, keep the existing basket visible on
     both phone and tablet while product search is open. */
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] [data-wf-guided-basket-stage]{display:grid!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket{display:block!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-checkout-summary]{display:block!important}

  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage] .stag-checkout-layout{display:block!important;grid-template-columns:none!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage] .stag-checkout-main{display:block!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage] .stag-checkout-section{margin:0!important}

  .stag-workflow-cashier .stag-guided-member-actions{display:flex;gap:8px;margin-top:10px}
  .stag-workflow-cashier .stag-guided-member-actions .stag-btn{width:100%!important;min-height:50px!important}
  .stag-workflow-cashier .stag-guided-selected-member-actions{display:flex;gap:8px;flex-wrap:wrap}
  .stag-workflow-cashier .stag-guided-selected-member-actions .stag-btn{flex:1 1 145px!important}

  .stag-workflow-cashier .stag-guided-current-member{
    display:flex!important;align-items:center;justify-content:space-between;gap:10px;
    margin:0 0 12px;padding:11px 12px;border:1px solid #d9dde0;border-radius:11px;background:#f7f8f8
  }
  .stag-workflow-cashier .stag-guided-current-member[hidden]{display:none!important}
  .stag-workflow-cashier .stag-guided-current-member>div:first-child{display:grid;gap:2px;min-width:0}
  .stag-workflow-cashier .stag-guided-current-member small{font-size:8px!important;font-weight:850!important;letter-spacing:.11em!important;color:#7b8085!important;-webkit-text-fill-color:#7b8085!important}
  .stag-workflow-cashier .stag-guided-current-member strong{font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#17191b!important;-webkit-text-fill-color:#17191b!important}
  .stag-workflow-cashier .stag-guided-current-member-actions{display:flex;gap:6px;flex:0 0 auto}
  .stag-workflow-cashier .stag-guided-current-member-actions .stag-btn{min-height:38px!important;padding:0 10px!important;font-size:9px!important;border-radius:8px!important}

  .stag-workflow-cashier .stag-guided-basket-stage{display:grid;gap:10px}
  .stag-workflow-cashier .stag-guided-basket-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
  .stag-workflow-cashier .stag-guided-basket-actions .stag-btn{min-height:48px!important;border-radius:10px!important}

  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-summary{
    position:static!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;max-width:none!important;max-height:none!important;margin:12px 0 0!important;padding:12px!important;
    border:1px solid #d4d9dc!important;border-radius:12px!important;background:#fff!important;overflow:visible!important;
    transform:none!important;pointer-events:auto!important;box-shadow:none!important
  }
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-summary-head{padding-right:0!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-sheet-close,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-mobile-handle,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-sheet-progress,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-review,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-review-actions,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-back-basket{display:none!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-payment-stage{display:block!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-complete{position:static!important;margin:10px 0 0!important;padding:10px 0 0!important;border-top:1px solid #dde1e4!important;box-shadow:none!important;background:#fff!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-sale-complete{width:100%!important;min-height:58px!important;border-radius:12px!important;font-size:15px!important}

  /* Basket controls stay visible and easy to edit before payment. */
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket{display:block!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-row,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px 0!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-head,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-head{display:none!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-row>span:nth-child(2),
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-row>span:nth-child(3),
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-row>span:nth-child(4),
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-row>span:nth-child(5){grid-column:2!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-row>span:first-child{grid-column:1!important;grid-row:1 / span 4!important}

  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-row>span:nth-child(2),
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-row>span:nth-child(3),
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-row>span:nth-child(4),
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-row>span:nth-child(5){grid-column:2!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-row>span:first-child{grid-column:1!important;grid-row:1 / span 4!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-basket-qty-control,
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"][data-guided-adding-product="1"] .stag-basket-qty-control{justify-content:flex-end!important}
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-remove]{font-weight:800!important;color:#9d2727!important;-webkit-text-fill-color:#9d2727!important}
}

@media(max-width:699px){
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage] .stag-checkout-pos{padding-top:8px!important}
  .stag-workflow-cashier .stag-guided-current-member{align-items:flex-start!important;flex-direction:column!important}
  .stag-workflow-cashier .stag-guided-current-member-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .stag-workflow-cashier .stag-guided-current-member-actions .stag-btn{width:100%!important}
  .stag-workflow-cashier .stag-guided-basket-actions{grid-template-columns:1fr!important}
}


/* v2.13.32 — Guided Budtender checkout: remove the moving touch checkout dock.
   The final Charge action stays inside the normal Basket/Payment flow. The
   permanent Sales / Members / Recon / More navigation remains unchanged. */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar,
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-summary{
    padding-bottom:12px!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-complete,
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-complete{
    display:block!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:12px 0 0!important;
    padding:12px 0 0!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #dde1e4!important;
    box-shadow:none!important;
    pointer-events:auto!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-complete .stag-sale-complete,
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-complete .stag-sale-complete{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:15px!important;
    pointer-events:auto!important;
  }
  .stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] .stag-checkout-safe-note{
    display:none!important;
  }
}

/* ========================================================================
   v2.13.32 · Budtender bottom-nav active contrast
   Active Sales / Members / Recon / More uses white label + icon on black.
   Scoped to frontline touch navigation only; inactive tabs remain unchanged.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.menu-open,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"]{
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active>span,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active>i,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active>span,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active>i,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.menu-open>span,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.menu-open>i,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"]>span,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"]>i{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active svg,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active svg,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.menu-open svg,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"] svg{
    color:#fff!important;
    fill:none!important;
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active svg *,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active svg *,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.menu-open svg *,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"] svg *{
    stroke:#fff!important;
  }
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active i,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active i,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.menu-open i,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"] i{
    background:transparent!important;
    border-color:transparent!important;
  }
}


/* ========================================================================
   v2.13.32 — Budtender selected-customer card tidy
   Mobile/tablet only: gives member details enough room, keeps service/notes
   full-width, and makes Change Customer a compact secondary action.
   ======================================================================== */
@media(max-width:1024px){
  .stag-workflow-cashier .stag-checkout-customer-card{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:start!important;
  }
  .stag-workflow-cashier .stag-checkout-member-main{min-width:0!important;padding-right:2px!important}
  .stag-workflow-cashier .stag-checkout-member-main strong{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.2!important
  }
  .stag-workflow-cashier .stag-checkout-member-main small{
    white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.35!important
  }
  .stag-workflow-cashier .stag-guided-selected-member-actions{
    display:block!important;align-self:start!important;justify-self:end!important;min-width:0!important
  }
  .stag-workflow-cashier .stag-guided-selected-member-actions .stag-btn,
  .stag-workflow-cashier .stag-guided-selected-member-actions .stag-checkout-change{
    width:auto!important;min-width:0!important;min-height:34px!important;
    padding:6px 9px!important;font-size:9px!important;line-height:1.1!important;
    border-radius:8px!important;white-space:nowrap!important;flex:none!important
  }
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-facts,
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-service-flag,
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-note-preview,
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-note-actions,
  .stag-workflow-cashier .stag-checkout-customer-card .stag-birthday-reward{grid-column:1/-1!important}
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-service-flag{
    width:100%!important;box-sizing:border-box!important;align-items:center!important;gap:9px!important;
    margin-top:8px!important;padding:9px 11px!important
  }
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-service-flag>span{
    flex:0 0 12px!important;width:12px!important;height:12px!important;margin-top:0!important
  }
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-service-flag>div{min-width:0!important}
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-service-flag strong,
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-service-flag small{
    white-space:normal!important;overflow-wrap:anywhere!important
  }
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-note-preview{
    width:100%!important;box-sizing:border-box!important;min-width:0!important
  }
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-note-actions{
    justify-content:flex-start!important;margin-top:6px!important
  }
  .stag-workflow-cashier .stag-checkout-customer-card .stag-member-note-actions .stag-btn{
    width:auto!important;min-width:96px!important;min-height:36px!important;padding:7px 11px!important
  }
}
@media(max-width:390px){
  .stag-workflow-cashier .stag-checkout-customer-card{grid-template-columns:minmax(0,1fr) auto!important}
  .stag-workflow-cashier .stag-guided-selected-member-actions .stag-btn,
  .stag-workflow-cashier .stag-guided-selected-member-actions .stag-checkout-change{padding:6px 7px!important;font-size:8.5px!important}
}

/* v2.13.32 frontline guided-sale simplification: Sales / Recon / More only. */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>:nth-child(1){grid-column:1!important;order:1!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>:nth-child(2){grid-column:2!important;order:2!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>:nth-child(3){grid-column:3!important;order:3!important}
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active,
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active,
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"]{
    color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a.active span,
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button.active span,
  .stag-app-shell .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button[aria-expanded="true"] span{
    color:#fff!important;-webkit-text-fill-color:#fff!important;
  }
}



/* ========================================================================
   v2.13.32 — Budtender customer context (lightweight; Last Order removed).
   Customer details stay visible during Product and Basket stages; only one
   Change Customer control remains. Customer context stays lightweight to keep the
   POS member seed light and avoid extra startup memory/query cost.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-workflow-cashier .stag-guided-current-member{
    display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
    padding:11px 12px!important;background:#f8f9f9!important
  }
  .stag-workflow-cashier .stag-guided-current-member-head{
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;min-width:0!important
  }
  .stag-workflow-cashier .stag-guided-current-member-head>div:first-child{display:grid!important;gap:2px!important;min-width:0!important}
  .stag-workflow-cashier .stag-guided-current-member-actions{display:flex!important;gap:5px!important;width:auto!important;flex:0 0 auto!important}
  .stag-workflow-cashier .stag-guided-current-member-actions .stag-btn{
    width:auto!important;min-width:0!important;min-height:32px!important;padding:5px 8px!important;font-size:8.5px!important;border-radius:7px!important;white-space:nowrap!important
  }
  .stag-workflow-cashier .stag-guided-member-facts{
    display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding-top:8px!important;border-top:1px solid #e1e4e6!important
  }
  .stag-workflow-cashier .stag-guided-member-facts[hidden]{display:none!important}
  .stag-workflow-cashier .stag-guided-member-facts>span{
    display:inline-flex!important;align-items:center!important;gap:4px!important;padding:6px 8px!important;
    border:1px solid #dfe3e5!important;border-radius:8px!important;background:#fff!important;color:#666d73!important;-webkit-text-fill-color:#666d73!important;font-size:9px!important;line-height:1.1!important
  }
  .stag-workflow-cashier .stag-guided-member-facts b{color:#202427!important;-webkit-text-fill-color:#202427!important;font-size:9.5px!important}
  .stag-workflow-cashier .stag-guided-service-chip.green{background:#f3fbf6!important;border-color:#b9d7c5!important}
  .stag-workflow-cashier .stag-guided-service-chip.amber{background:#fff8e8!important;border-color:#e0bd76!important}
  .stag-workflow-cashier .stag-guided-service-chip.red{background:#fff1f1!important;border-color:#e1a3a6!important}
  .stag-workflow-cashier .stag-guided-service-chip i{width:10px!important;height:10px!important;border-radius:50%!important;background:#1f8b4c!important;flex:0 0 10px!important}
  .stag-workflow-cashier .stag-guided-service-chip.amber i{background:#d18a00!important}
  .stag-workflow-cashier .stag-guided-service-chip.red i{background:#c82d35!important}
  .stag-workflow-cashier .stag-guided-basket-actions{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .stag-workflow-cashier .stag-guided-current-member-head{align-items:stretch!important;flex-direction:column!important}
  .stag-workflow-cashier .stag-guided-current-member-actions{align-self:flex-start!important}
}

/* ========================================================================
   v2.13.32 · Native phone/tablet keyboard integration
   STAG no longer renders its in-app text/numeric pads on touch devices. The
   operating-system keyboard is used, while visualViewport keeps focused fields
   and persistent mobile navigation inside the usable screen.
   ======================================================================== */
html.stag-native-keyboard-mode .stag-compact-keypad,
html.stag-native-keyboard-mode .stag-compact-searchpad{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html.stag-native-keyboard-mode{--stag-native-keyboard-offset:0px;--stag-native-keyboard-height:0px}
  html.stag-native-keyboard-mode input.stag-native-mobile-input,
  html.stag-native-keyboard-mode textarea.stag-native-mobile-input{
    -webkit-user-select:text!important;user-select:text!important;
    pointer-events:auto!important;caret-color:var(--stag-ui-text,#17191b)!important;
    scroll-margin-top:14px!important;scroll-margin-bottom:96px!important;
    touch-action:manipulation!important;
    -webkit-text-size-adjust:100%!important;
  }
  /* Prevent iOS/iPadOS focus zoom. This must be true before focus, not merely
     after focusin, so cover every editable STAG text control as a fallback too. */
  html.stag-native-keyboard-mode input.stag-native-mobile-input,
  html.stag-native-keyboard-mode textarea.stag-native-mobile-input,
  html.stag-native-keyboard-mode .stag-app-shell input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),
  html.stag-native-keyboard-mode .stag-app-shell textarea{
    font-size:16px!important;
  }

  /* Older keyboard-open rules hid Budtender navigation because STAG's own pad
     occupied the bottom of the screen. With the native keyboard, keep Sales /
     Recon / More available and lift it only when the OS overlays the viewport. */
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-workflow-cashier .stag-budtender-bottom-nav{
    display:grid!important;
    bottom:var(--stag-native-keyboard-offset,0px)!important;
    z-index:1250!important;
  }
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-workflow-cashier .stag-page{
    padding-bottom:calc(86px + var(--stag-native-keyboard-offset,0px) + env(safe-area-inset-bottom,0px))!important;
  }
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-finance-bottom-nav{
    bottom:var(--stag-native-keyboard-offset,0px)!important;
    z-index:1250!important;
  }
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-budtender-more-sheet:not([hidden]),
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-user-dropdown{
    max-height:min(72dvh,var(--stag-native-vv-height,72dvh))!important;
    overflow:auto!important;overscroll-behavior:contain!important;
  }
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-live-results,
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-search-results-panel{
    max-height:min(220px,30dvh)!important;overscroll-behavior:contain!important;
  }
}

/* ========================================================================
   v2.13.32 · compact Square-style Budtender bottom navigation
   Mobile/tablet only. Keep Sales / Recon / More evenly positioned while
   reducing the oversized full-column active tiles and reclaiming screen height.
   ======================================================================== */
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell .stag-budtender-bottom-nav,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav{
    min-height:0!important;
    gap:2px!important;
    padding:4px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    box-shadow:0 -2px 10px rgba(20,24,28,.06)!important;
    border-radius:14px 14px 0 0!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav>a,
  .stag-app-shell .stag-budtender-bottom-nav>button,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav>a,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav>button,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button{
    justify-self:center!important;
    align-self:center!important;
    width:min(118px,100%)!important;
    min-width:0!important;
    min-height:50px!important;
    height:50px!important;
    padding:4px 5px!important;
    gap:2px!important;
    border-radius:10px!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav i,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav i,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav i{
    width:21px!important;
    height:21px!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav svg,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav svg,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav svg{
    width:20px!important;
    height:20px!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav span,
  .stag-app-shell.stag-workflow-cashier .stag-budtender-bottom-nav span,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav span{
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  /* Reclaim the space previously reserved for the taller 70px navigation. */
  html.stag-has-budtender-nav .stag-main,
  html.stag-has-budtender-nav .stag-main-content,
  .stag-workflow-cashier .stag-page{
    padding-bottom:calc(70px + env(safe-area-inset-bottom))!important;
  }
  .stag-app-shell .stag-budtender-more-sheet:not([hidden]){
    bottom:calc(58px + env(safe-area-inset-bottom))!important;
  }
  html.stag-native-keyboard-mode.stag-keyboard-open .stag-workflow-cashier .stag-page{
    padding-bottom:calc(70px + var(--stag-native-keyboard-offset,0px) + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:430px){
  .stag-app-shell .stag-budtender-bottom-nav>a,
  .stag-app-shell .stag-budtender-bottom-nav>button,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>a,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav>button{
    width:min(104px,100%)!important;
    min-height:48px!important;
    height:48px!important;
  }
  .stag-app-shell .stag-budtender-bottom-nav span,
  .stag-budtender-workspace.is-frontline .stag-budtender-bottom-nav span{font-size:8px!important}
}

/* v2.13.32.12 — stock valuation drill-down */
[data-stag-stock-breakdown-url]{cursor:pointer;}
[data-stag-stock-breakdown-url]:focus{outline:2px solid currentColor;outline-offset:3px;}
[data-stag-stock-breakdown-url] small{display:block;}
#stag-stock-cost-margin .stag-valuation-focus{font-weight:700;text-decoration:underline;text-underline-offset:3px;}
#stag-stock-cost-margin tfoot th{font-weight:700;}


/* v2.13.32.13 — camera barcode / SKU identification. No inventory write styles. */
.stag-product-scan-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.stag-product-scan-search>input{min-width:0;width:100%}
.stag-camera-scan-button{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px}
.stag-camera-scan-button span{font-size:17px;line-height:1}
.stag-barcode-scanner[hidden]{display:none!important}
.stag-barcode-scanner{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px}
.stag-barcode-scanner-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);cursor:default}
.stag-barcode-scanner-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100dvh - 28px);overflow:auto;background:#fff;border:1px solid #d9d9d9;border-radius:22px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.32)}
.stag-barcode-scanner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.stag-barcode-scanner-head span{font-size:11px;letter-spacing:.18em;font-weight:800;color:#6d7278}
.stag-barcode-scanner-head h3{margin:4px 0 0;font-size:24px;color:#171717}
.stag-barcode-scanner-close{border:1px solid #d7d9dc;background:#fff;border-radius:12px;width:42px;height:42px;font-size:28px;line-height:1;color:#111}
.stag-barcode-video-wrap{position:relative;background:#111;border-radius:16px;overflow:hidden;aspect-ratio:4/3}
.stag-barcode-video-wrap video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
.stag-barcode-frame{position:absolute;left:10%;right:10%;top:34%;height:32%;border:3px solid rgba(255,255,255,.95);border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.22)}
.stag-barcode-scanner-status{margin:12px 0 8px;font-weight:700;color:#3e454c}.stag-barcode-scanner-status.is-error{color:#8d2c22}
.stag-barcode-scanner-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.stag-barcode-manual{border-top:1px solid #e2e4e7;padding-top:12px;margin-top:6px}
.stag-barcode-scanner-dialog>small{display:block;color:#70757b;margin-top:10px}
html.stag-barcode-scanner-open,html.stag-barcode-scanner-open body{overflow:hidden}
.stag-stock-count-scan-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #dcdfe2;background:#fff;border-radius:14px;padding:12px 14px;margin:0 0 14px}
.stag-stock-count-scan-tools>div{display:flex;flex-direction:column;gap:2px;flex:1 1 260px}.stag-stock-count-scan-tools small{color:#777d83}
.stag-stock-scan-status{flex:1 1 100%;font-size:13px;font-weight:700;color:#555b61}
.stag-stock-row-scanned{outline:3px solid #c8a25b;outline-offset:-3px;background:#fffaf0!important}
.stag-barcode-form-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.stag-barcode-selected{display:flex;flex-direction:column;gap:3px;border-left:4px solid #c8a25b;background:#fbfaf7;padding:11px 14px;border-radius:8px;margin:12px 0}.stag-barcode-selected span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#74797f}.stag-barcode-selected strong{font-size:17px}.stag-barcode-selected small{color:#6c7176}
@media(max-width:700px){.stag-product-scan-search{grid-template-columns:minmax(0,1fr) auto}.stag-camera-scan-button{min-width:92px;padding-left:12px;padding-right:12px}.stag-barcode-form-grid{grid-template-columns:1fr}.stag-barcode-scanner{padding:8px}.stag-barcode-scanner-dialog{border-radius:16px;padding:14px}.stag-barcode-video-wrap{aspect-ratio:3/4}.stag-barcode-frame{left:7%;right:7%;top:38%;height:24%}}


/* v2.13.32.14 — barcode discoverability. */
.stag-page-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.stag-barcode-import-form{display:grid;gap:12px;max-width:760px}.stag-barcode-import-form label{display:grid;gap:7px;font-weight:800}.stag-barcode-import-form input[type=file]{min-height:48px;padding:10px;border:1px solid #cfd3d7;border-radius:10px;background:#fff}.stag-barcode-import-form code{background:#f3f3f3;padding:2px 5px;border-radius:5px}
@media(max-width:700px){.stag-page-head-actions{width:100%;margin-left:0}.stag-page-head-actions .stag-btn{width:100%;justify-content:center}}

/* v2.13.32.15 — SKU/text Code 128 label maker + scan feedback. */
.stag-barcode-scanner.is-read .stag-barcode-frame{border-color:#2f8a4f;box-shadow:0 0 0 9999px rgba(0,0,0,.18),0 0 0 4px rgba(47,138,79,.18)}
.stag-barcode-scanner.is-read .stag-barcode-scanner-status{color:#21663a}
.stag-barcode-label-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.stag-barcode-label-grid label{display:grid;gap:7px;font-weight:800}
.stag-barcode-label-grid label small{font-weight:500;color:#6e747a;line-height:1.45}
.stag-barcode-label-preview{margin:16px 0;border:1px dashed #cfd3d7;border-radius:14px;min-height:170px;padding:16px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:auto}
.stag-barcode-label-sheet{width:min(100%,520px);text-align:center;background:#fff;color:#111;padding:16px;border:1px solid #e0e2e4;border-radius:10px}
.stag-barcode-label-product{font-weight:800;font-size:16px;margin-bottom:10px}
.stag-barcode-label-svg{color:#111}.stag-barcode-label-svg svg{display:block;width:100%;height:auto;min-height:95px}
.stag-barcode-label-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.stag-barcode-label-grid{grid-template-columns:1fr}.stag-barcode-label-actions .stag-btn{flex:1 1 160px;justify-content:center}.stag-barcode-label-preview{padding:10px;min-height:150px}}

/* v2.13.32.16 — barcode setup search visibility and touch-safe result list */
.stag-app-shell .stag-barcode-manager,
.stag-app-shell .stag-barcode-label-maker{overflow:visible!important;contain:none!important}
.stag-app-shell .stag-barcode-manager .stag-autocomplete,
.stag-app-shell .stag-barcode-label-maker .stag-autocomplete{position:relative!important;z-index:420!important;overflow:visible!important;contain:none!important}
.stag-app-shell .stag-barcode-manager .stag-live-results,
.stag-app-shell .stag-barcode-label-maker .stag-live-results{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 5px)!important;z-index:5000!important;max-height:360px!important;overflow:auto!important;background:#fff!important;border:1px solid #111!important;border-radius:11px!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!important}
.stag-app-shell .stag-barcode-manager .stag-live-results:empty,
.stag-app-shell .stag-barcode-label-maker .stag-live-results:empty{display:none!important}
.stag-app-shell .stag-barcode-manager .stag-live-results .stag-muted,
.stag-app-shell .stag-barcode-label-maker .stag-live-results .stag-muted{padding:12px 14px!important;color:#222!important;background:#fff!important}
@media(max-width:760px){
  .stag-app-shell .stag-barcode-manager .stag-live-results,
  .stag-app-shell .stag-barcode-label-maker .stag-live-results{position:relative!important;left:auto!important;right:auto!important;top:auto!important;z-index:1!important;max-height:34vh!important;margin-top:7px!important}
}

/* v2.13.32.17 barcode bulk labels + deliberate scan confirmation */
.stag-scan-confirm[hidden]{display:none!important}
.stag-scan-confirm{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;padding:18px}
.stag-scan-confirm-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72)}
.stag-scan-confirm-dialog{position:relative;z-index:1;width:min(520px,100%);background:#fff;border:1px solid #d9d9d9;border-radius:20px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.stag-scan-confirm-dialog>span{font-size:11px;letter-spacing:.18em;font-weight:800;color:#6d7278}
.stag-scan-confirm-dialog h3{margin:5px 0 14px;font-size:26px;color:#171717}
.stag-scan-confirm-dialog>p{color:#6d7278;line-height:1.5;margin:14px 0}
.stag-scan-confirm-product{display:grid;gap:5px;border-left:4px solid #c8a25b;background:#fbfaf7;padding:16px;border-radius:9px}
.stag-scan-confirm-product strong{font-size:20px;color:#171717}.stag-scan-confirm-product small{color:#666}.stag-scan-confirm-product code{margin-top:5px;color:#222;background:#f0f0f0;padding:5px 7px;border-radius:5px;width:max-content;max-width:100%;overflow-wrap:anywhere}
.stag-scan-confirm-actions{display:flex;gap:9px;flex-wrap:wrap}.stag-scan-confirm-actions .stag-btn{flex:1 1 135px;justify-content:center}
html.stag-scan-confirm-open,html.stag-scan-confirm-open body{overflow:hidden}
.stag-barcode-bulk-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:10px;align-items:center;margin-bottom:14px}
.stag-barcode-bulk-toolbar input[type=search]{min-height:48px}
.stag-barcode-product-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:520px;overflow:auto;padding:3px}
.stag-barcode-product-option{display:flex;gap:10px;align-items:flex-start;border:1px solid #dfe2e5;border-radius:10px;padding:11px 12px;background:#fff;cursor:pointer}
.stag-barcode-product-option:hover{border-color:#aaa}.stag-barcode-product-option input{margin-top:3px}.stag-barcode-product-option span{display:grid;gap:3px}.stag-barcode-product-option strong{font-size:14px}.stag-barcode-product-option small{color:#6d7278}
.stag-barcode-bulk-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.stag-barcode-bulk-footer small{color:#6d7278}
.stag-barcode-label-grid-single{grid-template-columns:minmax(0,700px)}
.stag-barcode-advanced{padding:0!important;overflow:hidden}.stag-barcode-advanced>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;cursor:pointer}.stag-barcode-advanced>summary::-webkit-details-marker{display:none}.stag-barcode-advanced>summary span{font-size:11px;letter-spacing:.12em;color:#74797f}.stag-barcode-advanced-body{display:grid;gap:22px;padding:0 20px 20px;border-top:1px solid #e6e7e9}.stag-barcode-advanced-body>article{padding-top:20px}
@media(max-width:800px){.stag-barcode-bulk-toolbar{grid-template-columns:1fr 1fr}.stag-barcode-bulk-toolbar input[type=search]{grid-column:1/-1}.stag-barcode-product-checklist{grid-template-columns:1fr;max-height:55vh}}
@media(max-width:520px){.stag-scan-confirm{padding:8px}.stag-scan-confirm-dialog{border-radius:16px;padding:17px}.stag-scan-confirm-dialog h3{font-size:22px}.stag-barcode-bulk-toolbar{grid-template-columns:1fr}.stag-barcode-bulk-toolbar input[type=search]{grid-column:auto}.stag-barcode-bulk-toolbar .stag-btn{width:100%;justify-content:center}}


/* v2.13.32.24 transfer layout + barcode category grouping */
[data-stag-stock-transfer] .stag-transfer-columns{align-items:start;gap:22px}
[data-stag-stock-transfer] .stag-transfer-kpis{grid-template-columns:repeat(2,minmax(155px,1fr));gap:12px}
[data-stag-stock-transfer] .stag-transfer-kpis article{min-width:0;padding:16px 18px}
[data-stag-stock-transfer] .stag-transfer-kpis article>span{display:block;white-space:nowrap;line-height:1.25;font-size:12px;letter-spacing:.02em}
[data-stag-stock-transfer] .stag-transfer-kpis article>strong{display:block;margin-top:7px;white-space:nowrap;font-size:clamp(28px,2.5vw,46px);line-height:1.05}
[data-stag-stock-transfer] .stag-transfer-summary-kpis article>span{line-height:1.3}
.stag-barcode-bulk-toolbar{grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto auto auto auto}
.stag-barcode-bulk-toolbar select{min-height:48px;width:100%}
.stag-barcode-category-list{display:grid;gap:14px;max-height:620px;overflow:auto;padding:3px}
.stag-barcode-category-group{display:grid;gap:8px;border:1px solid #e0e2e4;border-radius:12px;padding:12px;background:#fafafa}
.stag-barcode-category-group[hidden]{display:none!important}
.stag-barcode-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 7px}
.stag-barcode-category-head strong{font-size:15px}.stag-barcode-category-head small{color:#6d7278}
.stag-barcode-category-group .stag-barcode-product-checklist{max-height:none;overflow:visible;padding:0}
@media(max-width:1050px){.stag-barcode-bulk-toolbar{grid-template-columns:1fr 1fr 1fr}.stag-barcode-bulk-toolbar input[type=search]{grid-column:1/-1}}
@media(max-width:900px){[data-stag-stock-transfer] .stag-transfer-columns{grid-template-columns:1fr}[data-stag-stock-transfer] .stag-transfer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){[data-stag-stock-transfer] .stag-transfer-kpis{grid-template-columns:1fr 1fr}[data-stag-stock-transfer] .stag-transfer-kpis article>span{white-space:normal}.stag-barcode-bulk-toolbar{grid-template-columns:1fr}.stag-barcode-bulk-toolbar input[type=search]{grid-column:auto}.stag-barcode-bulk-toolbar .stag-btn{width:100%;justify-content:center}}

/* v2.13.32.25 — surface the existing birthday reward inside the guided tablet/mobile sale flow. */
.stag-guided-current-member .stag-guided-birthday-reward{width:100%;box-sizing:border-box;margin-top:12px}
.stag-guided-current-member .stag-guided-birthday-reward[hidden]{display:none!important}
@media(max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-guided-current-member .stag-guided-birthday-reward{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px}
  .stag-guided-current-member .stag-guided-birthday-reward strong{font-size:18px;line-height:1.2}
  .stag-guided-current-member .stag-guided-birthday-reward small{margin-top:4px}
  .stag-guided-current-member .stag-guided-birthday-reward .stag-check{min-height:44px;display:flex;align-items:center;gap:9px;white-space:nowrap}
}
@media(max-width:699px){
  .stag-guided-current-member .stag-guided-birthday-reward{align-items:flex-start;flex-direction:column}
  .stag-guided-current-member .stag-guided-birthday-reward .stag-check{width:100%;white-space:normal}
}

/* v2.13.32.28 — SMS exclusion search is deliberately in-flow so Finance can always see results. */
.stag-app-shell [data-stag-sms-exclusion-picker]{position:relative!important;min-width:0!important;overflow:visible!important}
.stag-app-shell [data-stag-sms-exclusion-picker] .stag-live-results{position:relative!important;left:auto!important;right:auto!important;top:auto!important;z-index:2!important;max-height:360px!important;overflow:auto!important;margin-top:7px!important;background:#fff!important;border:1px solid #111!important;border-radius:11px!important;box-shadow:none!important}
.stag-app-shell [data-stag-sms-exclusion-picker] .stag-live-results[hidden]{display:none!important}
.stag-app-shell [data-stag-sms-exclusion-picker] .stag-live-results .stag-muted{padding:12px 14px!important;color:#222!important;background:#fff!important}

/* v2.13.32.29 — loaded credit at checkout + account credit origin clarity */
.stag-loaded-credit-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 16px;border:1px solid #cfd8d2;border-radius:16px;background:#f3faf6}
.stag-loaded-credit-panel[hidden]{display:none!important}.stag-loaded-credit-panel>div{display:grid;gap:3px}.stag-loaded-credit-panel span{font-size:11px;letter-spacing:.12em;font-weight:800;color:#49755c}.stag-loaded-credit-panel strong{font-size:24px;line-height:1.1}.stag-loaded-credit-panel small{color:#66716b;max-width:620px}
.stag-account-credit-origins{padding:16px 18px;margin:14px 0 18px;border:1px solid #dedede;border-radius:14px;background:#fafafa}.stag-account-credit-origins>span{display:block;font-size:11px;letter-spacing:.13em;font-weight:800;color:#6c7378;margin-bottom:8px}.stag-account-credit-origins p{margin:4px 0}.stag-account-credit-origins small{display:block;margin-top:8px;color:#757b80}
.stag-account-credit-source-cell{display:grid;gap:4px;min-width:220px}.stag-account-credit-source-cell span{display:block;font-size:12px;line-height:1.35}.stag-account-credit-source-cell strong{font-size:12px}
@media (max-width:900px){.stag-loaded-credit-panel{align-items:stretch;flex-direction:column}.stag-loaded-credit-panel .stag-btn{width:100%}.stag-account-credit-source-cell{min-width:170px}}

/* v2.13.32.30 — preserve loaded-credit split tender + show source transaction */
.stag-loaded-credit-panel.is-applied{border-color:#7caf8d;box-shadow:inset 0 0 0 1px #7caf8d}.stag-loaded-credit-panel .stag-loaded-credit-source{margin-top:5px;padding-top:6px;border-top:1px dashed #c5d5ca;color:#355d45;font-weight:700}.stag-loaded-credit-panel .stag-loaded-credit-source[hidden]{display:none!important}

/* v2.13.32.31 — loaded-credit drill-down + mobile Finance authorisation exception */
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-fact{
  appearance:none!important;display:inline-flex!important;align-items:center!important;gap:4px!important;
  min-height:0!important;margin:0!important;padding:6px 9px!important;border:1px solid #e0e3e6!important;
  border-radius:6px!important;background:#fff!important;color:#68717a!important;font-size:10px!important;
  font-weight:400!important;line-height:1.35!important;box-shadow:0 1px 1px rgba(31,35,40,.025)!important;
  cursor:default!important;text-align:left!important;
}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-fact b{color:#252a2f!important;font-size:11px!important}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-fact.has-credit{
  border-color:#9fcab0!important;background:#f3faf6!important;color:#356247!important;cursor:pointer!important;
}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-fact.has-credit:hover,
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-fact.has-credit:focus-visible{
  border-color:#4f8b68!important;background:#e9f6ee!important;box-shadow:0 0 0 2px rgba(79,139,104,.12)!important;
}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-fact:disabled{opacity:1!important}
.stag-member-credit-dialog .stag-member-credit-summary{display:grid;gap:3px;padding:16px 20px;background:#f5faf7;border-bottom:1px solid #dce9e1}
.stag-member-credit-dialog .stag-member-credit-summary>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#4a745b}
.stag-member-credit-dialog .stag-member-credit-summary>strong{font-size:28px;line-height:1.1}
.stag-member-credit-dialog .stag-member-credit-summary>small{color:#66716b}
.stag-member-credit-dialog [data-wf-member-credit-body]{padding:14px 20px;max-height:48vh;overflow:auto}
.stag-member-credit-lots{display:grid;gap:10px}
.stag-member-credit-lot{padding:12px 14px;border:1px solid #e0e5e2;border-radius:12px;background:#fff}
.stag-member-credit-lot>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stag-member-credit-lot>div span{font-size:12px;font-weight:800;color:#4b5450}
.stag-member-credit-lot>div strong{font-size:18px;color:#1f3d2c}
.stag-member-credit-lot>small{display:block;margin-top:3px;color:#777}
.stag-member-credit-lot>p{margin:8px 0 0;font-size:12px;color:#4d5651}
.stag-member-credit-lot>p small{margin-left:4px;color:#52755f;font-weight:700}
.stag-credit-source-sale{font-weight:800;text-decoration:underline;text-underline-offset:2px}
.stag-loaded-credit-panel .stag-loaded-credit-source .stag-credit-source-sale{color:#28563b!important}
.stag-member-sale-focus{background:#f2faf5!important;box-shadow:inset 4px 0 0 #4f8b68}
.stag-member-sale-focus td{background:#f2faf5!important}
.stag-member-sale-focus small{display:block;margin-top:3px;color:#3d6d50!important;font-weight:800}
@media (max-width:900px){
  .stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-fact{width:100%!important;justify-content:flex-start!important}
  .stag-member-credit-dialog{width:calc(100vw - 20px)!important;max-height:86vh!important}
}
@media (max-width:1180px){
  .stag-owner-attention-list>.stag-owner-attention-link{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;
    padding:10px 11px;border:1px solid #d9e6de;border-radius:10px;background:#f5faf7;text-decoration:none!important;
  }
  .stag-owner-attention-list>.stag-owner-attention-link span{font-size:11px;color:#52655a!important;font-weight:800}
  .stag-owner-attention-list>.stag-owner-attention-link strong{font-size:16px;color:#1d3d2a!important}
  .stag-owner-attention-list>.stag-owner-attention-link small{grid-column:1/-1;font-size:9.5px;color:#5e7567!important;font-weight:700}
}


/* v2.13.32.32 — all Owner/Finance Store exception tiles are actionable */
@media (max-width:1180px){
  .stag-owner-attention-list>.stag-owner-attention-item{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;
    padding:10px 11px;border:1px solid #e6e9eb;border-radius:10px;background:#fafbfb;
    text-decoration:none!important;min-width:0;
  }
  .stag-owner-attention-list>.stag-owner-attention-item span{font-size:11px;color:#454d55!important;font-weight:800;min-width:0}
  .stag-owner-attention-list>.stag-owner-attention-item strong{font-size:16px;color:#17191b!important}
  .stag-owner-attention-list>.stag-owner-attention-item small{grid-column:1/-1;font-size:9.5px;color:#687079!important;font-weight:700}
  .stag-owner-attention-list>.stag-owner-attention-item:active,.stag-owner-attention-list>.stag-owner-attention-item:focus-visible{background:#f1f3f4;border-color:#cfd5d9;outline:none}
}
@media (hover:hover) and (max-width:1180px){
  .stag-owner-attention-list>.stag-owner-attention-item:hover{background:#f4f6f7;border-color:#cfd5d9;transform:translateY(-1px)}
}

/* v2.13.32.33 — credit is offered as a checkout prompt, not a permanent Bud-tender profile panel */
.stag-loaded-credit-prompt{width:min(520px,calc(100vw - 32px));border:0;border-radius:20px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.24)}
.stag-loaded-credit-prompt::backdrop{background:rgba(16,20,18,.58);backdrop-filter:blur(2px)}
.stag-loaded-credit-prompt-body{padding:22px 24px 8px}
.stag-loaded-credit-prompt-body p{margin:0 0 8px;font-size:17px;line-height:1.45;color:#17191b}
.stag-loaded-credit-prompt-body p strong{font-size:22px;white-space:nowrap}
.stag-loaded-credit-prompt-body small{display:block;color:#687079;line-height:1.45}
.stag-loaded-credit-prompt .stag-member-notes-dialog-actions{padding:16px 24px 22px;display:flex;justify-content:flex-end;gap:10px}
.stag-member-credit-origin-card .stag-credit-source-sale{font-weight:800;text-decoration:underline;text-underline-offset:2px}
.stag-member-credit-origin-card td small{display:block;margin-top:3px;color:#687079}
@media (max-width:699px){
  .stag-loaded-credit-prompt{width:calc(100vw - 20px);border-radius:16px}
  .stag-loaded-credit-prompt-body{padding:18px 18px 6px}
  .stag-loaded-credit-prompt .stag-member-notes-dialog-actions{padding:14px 18px 18px;display:grid;grid-template-columns:1fr 1fr}
  .stag-loaded-credit-prompt .stag-member-notes-dialog-actions .stag-btn{width:100%}
}


/* v2.13.32.34 — visible member credit + basket-time apply prompt */
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-chip.has-credit,
.stag-workflow-cashier .stag-guided-member-facts .stag-guided-credit-chip.has-credit{
  border-color:#a9cdb6!important;background:#f2faf5!important;color:#315f43!important;font-weight:700!important;
}
.stag-app-shell .stag-checkout-customer-card .stag-member-facts .stag-member-credit-chip.has-credit b,
.stag-workflow-cashier .stag-guided-member-facts .stag-guided-credit-chip.has-credit b{color:#1f5334!important;-webkit-text-fill-color:#1f5334!important;font-weight:800!important}
.stag-app-shell .stag-member-credit-chip[hidden],
.stag-workflow-cashier .stag-guided-credit-chip[hidden]{display:none!important}

/* v2.13.33.41 — approved Budtender catalogue, basket sheet and member modal. */
.stag-member-popup-close,.stag-member-popup-backdrop,.stag-square-category-pills{display:none}
@media (max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  .stag-app-shell.stag-workflow-cashier .stag-page{padding-bottom:150px!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-product-block]{display:block!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-product-picker-stage]{display:block!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-guided-basket-stage],
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-member-block],
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-checkout-summary]{display:none!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="product"] [data-wf-checkout-summary].is-open{display:block!important}
  .stag-app-shell.stag-workflow-cashier .stag-sale-product-block{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .stag-app-shell.stag-workflow-cashier .stag-sale-product-block>.stag-guided-current-member,
  .stag-app-shell.stag-workflow-cashier .stag-sale-product-block .stag-checkout-section-head{display:none!important}
  .stag-app-shell.stag-workflow-cashier .stag-wf-product-picker{position:relative!important;top:auto!important;width:100%!important}
  .stag-app-shell.stag-workflow-cashier .stag-product-scan-search{position:sticky!important;top:8px!important;z-index:20!important;background:#f5f6f7!important;padding:6px 0!important}
  .stag-app-shell.stag-workflow-cashier [data-wf-product-search]{min-height:52px!important;border-radius:14px!important;font-size:16px!important;background:#fff!important}
  .stag-app-shell.stag-workflow-cashier .stag-square-category-pills{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:5px 0 12px!important;overscroll-behavior-x:contain!important}
  .stag-app-shell.stag-workflow-cashier .stag-square-category-pills::-webkit-scrollbar{display:none!important}
  .stag-app-shell.stag-workflow-cashier .stag-square-category-pills button{flex:0 0 auto!important;min-height:40px!important;padding:0 14px!important;border:1px solid #d9dde0!important;border-radius:999px!important;background:#fff!important;color:#24272b!important;font-weight:700!important}
  .stag-app-shell.stag-workflow-cashier .stag-square-category-pills button.active{background:#24272b!important;color:#fff!important;border-color:#24272b!important}
  .stag-app-shell.stag-workflow-cashier .stag-square-category-pills button small{color:inherit!important;opacity:.7!important}
  .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;position:relative!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin-top:4px!important}
  .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result{min-height:118px!important;padding:14px!important;border:1px solid #dfe2e5!important;border-radius:15px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;text-align:left!important;box-shadow:none!important}
  .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result span{display:block!important;width:100%!important}
  .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result strong{font-size:14px!important;line-height:1.3!important}
  .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result small{font-size:11px!important;margin-top:4px!important;color:#727981!important;-webkit-text-fill-color:#727981!important}
  .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result>b{font-size:15px!important;margin-top:12px!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-product-block]{display:block!important;position:fixed!important;inset:0!important;z-index:10020!important;background:rgba(15,17,19,.55)!important;padding:70px 0 0!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-product-picker-stage]{display:none!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-checkout-summary]{display:none!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-guided-basket-stage]{display:flex!important;flex-direction:column!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;max-height:88dvh!important;overflow:auto!important;padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;background:#fff!important;box-shadow:0 -20px 60px rgba(0,0,0,.24)!important}
  .stag-app-shell.stag-workflow-cashier .stag-checkout-basket-title>div:last-child{display:flex!important;align-items:center!important;gap:10px!important}
  .stag-app-shell.stag-workflow-cashier .stag-basket-sheet-close{width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#eef0f2!important;color:#17191b!important;font-size:25px!important;line-height:1!important}
  .stag-app-shell.stag-workflow-cashier .stag-guided-basket-actions{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;position:sticky!important;bottom:0!important;background:#fff!important;padding-top:12px!important}
  .stag-app-shell.stag-workflow-cashier .stag-guided-basket-actions .stag-btn{min-height:54px!important;border-radius:13px!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] [data-wf-member-block]{display:block!important;position:fixed!important;z-index:10040!important;left:14px!important;right:14px!important;top:max(70px,calc(env(safe-area-inset-top) + 55px))!important;max-height:calc(100dvh - 95px)!important;overflow:auto!important;margin:0!important;padding:20px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.32)!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] .stag-member-popup-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:10030!important;border:0!important;background:rgba(15,17,19,.58)!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] .stag-member-popup-close{display:block!important;position:absolute!important;right:12px!important;top:10px!important;width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#eef0f2!important;color:#17191b!important;font-size:26px!important;z-index:2!important}
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{left:10px!important;right:10px!important;bottom:72px!important;width:auto!important;border-radius:17px!important;background:#24272b!important;padding:10px 12px!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar *{color:#fff!important;-webkit-text-fill-color:#fff!important}
  .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-touch-charge{background:#fff!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important;border-radius:12px!important}
}
@media (min-width:700px) and (max-width:1180px){
  .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="basket"] [data-wf-guided-basket-stage]{left:38%!important;border-radius:22px 0 0 0!important;max-height:100dvh!important;height:100dvh!important}
  .stag-app-shell.stag-workflow-cashier form[data-wf-sale-form][data-guided-stage="member"] [data-wf-member-block]{left:20%!important;right:20%!important}
}

/* v2.13.33.42 final cascade: match the approved installed mobile/tablet layout. */
@media (max-width:1180px),(hover:none) and (pointer:coarse) and (max-width:1400px){
  body>.stag-pending-sales-button.stag-cashier-sync-control{
    top:calc(env(safe-area-inset-top) + 8px)!important;
    left:auto!important;
    right:60px!important;
    width:auto!important;
    min-width:62px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    gap:4px!important;
    border-width:1px!important;
    border-radius:11px!important;
    box-shadow:none!important;
    font-size:10px!important;
  }
  body>.stag-pending-sales-button.stag-cashier-sync-control .stag-pending-sync-label{display:inline!important;font-size:9px!important;letter-spacing:.05em!important}
  body>.stag-pending-sales-button.stag-cashier-sync-control .stag-pending-sync-icon{font-size:13px!important}
  body>.stag-pending-sales-button.stag-cashier-sync-control b{min-width:16px!important;width:16px!important;height:16px!important;font-size:8px!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-budtender-workspace>.stag-page-head,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-title,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-progress,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-subnav,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-cashier-session-bar.is-open{display:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-page,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-budtender-workspace,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-wf-sale,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-layout,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-main,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-sale-product-row,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-wf-product-picker{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-checkout-pos,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-wf-sale,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-sale-product-block{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;gap:10px!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;contain:none!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:112px!important;margin:0!important;padding:13px!important;overflow:hidden!important;white-space:normal!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result strong,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result small,
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results] .stag-live-result b{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(60px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:62px!important;
    z-index:10010!important;
    padding:8px 10px!important;
    border-radius:16px!important;
    background:#202326!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  }
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier .stag-mobile-checkout-bar .stag-touch-charge{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:46px!important;height:46px!important;background:#fff!important;color:#17191b!important;-webkit-text-fill-color:#17191b!important}
}
@media (min-width:700px) and (max-width:1180px){
  html.stag-has-budtender-nav .stag-app-shell.stag-workflow-cashier [data-wf-product-results]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}