/* AYUKKI v29 — Sidebar accessible tooltips and cash-register net total */
/* Tooltip uses position:fixed on document.body: never clipped by scrollable rail. */
@media (min-width:861px){
  .app>aside .nav[data-tab]::after{display:none!important}
  .ay-nav-tip{position:fixed;z-index:99999;pointer-events:none;visibility:hidden;opacity:0;
    translate:-5px 0;transition:opacity 170ms ease,translate 170ms ease,visibility 170ms;
    background:#252932;color:#fff;border:1px solid #3d424b;max-width:min(260px,75vw);
    border-radius:11px;padding:9px 13px;box-shadow:0 13px 28px rgba(20,25,37,.18);
    font:600 12px/1.35 Poppins,system-ui,sans-serif;white-space:normal;}
  .ay-nav-tip.is-visible{opacity:1;visibility:visible;translate:0 0}
  html[data-ay-theme="dark"] .ay-nav-tip{background:#293440;color:#fff;border-color:#4b586b;box-shadow:0 15px 32px rgba(0,0,0,.4)}
}
@media(max-width:860px){.ay-nav-tip{display:none!important}}
/* Cart: gross subtotal, fee, and actual net proceeds. */
#kasir .ay-cart-breakdown{margin:18px 0 17px;border-top:1px dashed var(--line,#e9e1e0);padding-top:15px;
  display:grid;gap:11px;font-variant-numeric:tabular-nums}
#kasir .ay-cart-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  font:500 12px/1.5 Poppins,system-ui,sans-serif;color:var(--muted,#7e858d)}
#kasir .ay-cart-row strong{color:var(--ink,#242a33);font-size:14px;font-weight:650;text-align:right;white-space:nowrap}
#kasir .ay-cart-fee-row strong{color:#ba4e48}
#kasir .ay-cart-fee-row[hidden],#kasir .ay-cart-error[hidden]{display:none!important}
#kasir .ay-cart-final{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  margin-top:3px;padding-top:14px;border-top:1px solid var(--line,#e9e1e0);
  font:700 16px/1.35 Poppins,system-ui,sans-serif;color:var(--ink,#242a33)}
#kasir .ay-cart-final strong{font-size:clamp(20px,2.2vw,25px);font-weight:800;
  color:var(--brand,#810D0D);text-align:right;overflow-wrap:anywhere}
#kasir .ay-cart-error{font-size:11px;color:#b13235;background:#fff1ee;
  border:1px solid #f2c5bd;border-radius:9px;padding:9px 11px}
#kasir #commission[aria-invalid="true"]{border-color:#b13235!important;box-shadow:0 0 0 3px rgba(177,50,53,.12)}
html[data-ay-theme="dark"] #kasir .ay-cart-row{color:#aeb7c4!important}
html[data-ay-theme="dark"] #kasir .ay-cart-row strong{color:#f0f3f7!important}
html[data-ay-theme="dark"] #kasir .ay-cart-fee-row strong{color:#ffa49c!important}
html[data-ay-theme="dark"] #kasir .ay-cart-final{color:#f0f3f7!important;border-color:#394456!important}
html[data-ay-theme="dark"] #kasir .ay-cart-final strong{color:#ffaea6!important}
html[data-ay-theme="dark"] #kasir .ay-cart-breakdown{border-color:#394456!important}
html[data-ay-theme="dark"] #kasir .ay-cart-error{background:#4a272f;color:#ffc8bd;border-color:#78404a}
@media(max-width:450px){#kasir .ay-cart-row{font-size:11px}#kasir .ay-cart-final strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ay-nav-tip{transition:none!important}}