.pos-quick-checkout svg,.pos-receipt-prompt svg,[data-quick-color-label] svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; flex-shrink:0; }
.pos-quick-checkout { background:#fff; border:1px solid #bddace; border-radius:14px; padding:10px; box-shadow:0 4px 20px #12352c25; color:#142b24; width:100%; box-sizing:border-box; }
.pos-quick-checkout[hidden] { display:none; }
[data-pos-gold-review], .pos-quick-checkout [data-quick-action="start"], .pos-quick-checkout [data-quick-action="review"] { position:relative; overflow:hidden; touch-action:manipulation; user-select:none; -webkit-user-select:none; }
.bp-pos-gold-page .is-quick-holding { animation:posQuickHoldGlow 350ms linear forwards !important; }
.bp-pos-gold-page .is-quick-holding::after { content:''; position:absolute; left:0; bottom:0; height:4px; width:100%; background:linear-gradient(90deg,#eab308,#22c55e,#06b6d4,#a855f7); transform-origin:left; animation:posQuickHoldProgress 350ms linear forwards; pointer-events:none; }
@keyframes posQuickHoldGlow { from { box-shadow:inset 0 0 0 1px #a78bfa55; } to { box-shadow:inset 0 0 0 3px #8b5cf6,0 0 22px #a78bfa99; } }
@keyframes posQuickHoldProgress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(prefers-reduced-motion:reduce) { .bp-pos-gold-page .is-quick-holding { animation:none !important; outline:3px solid #8b5cf6; } .bp-pos-gold-page .is-quick-holding::after { animation:none; transform:none; } }
.bp-pos-gold-page [data-pos-gold-review][hidden] { display:none !important; }
.pos-quick-checkout.is-ready { padding:0; overflow:hidden; }
.pos-quick-checkout.is-ready .pos-quick-actions { gap:0; flex-wrap:nowrap; }
.pos-quick-checkout.is-ready button[data-quick-action="start"] { display:flex; justify-content:space-between; gap:12px; min-height:64px; border:0; border-radius:0; padding:10px 14px; text-align:right; }
.pos-quick-checkout.is-ready button[data-quick-action="start"] > strong { font-size:21px; font-weight:900; white-space:nowrap; }
.pos-quick-checkout.is-ready button[data-quick-action="start"] > span { display:grid; grid-template-columns:18px auto; gap:3px 5px; font-size:14px; align-items:center; }
.pos-quick-checkout.is-ready button[data-quick-action="start"] small { grid-column:1 / -1; font-size:11px; font-weight:800; }
.pos-quick-checkout.is-ready .pos-quick-status:not(:empty) { padding:8px 12px; margin:0; background:#fff; }
.pos-quick-summary { align-items:center; }
.pos-quick-summary button { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid #abbacc; border-radius:7px; background:#ffffffdf; color:#17253c; font-size:11px; min-height:32px; }
/* An opaque pastel base keeps labels readable over the catalog behind it. */
.bp-pos-gold-page.pos-checkout-colors .pos-quick-checkout,
.bp-pos-gold-page.pos-checkout-colors [data-pos-gold-review] {
  background:linear-gradient(115deg,#ffe7a3 0%,#cef7df 35%,#c9e9ff 67%,#e6d3ff 100%);
  color:#11243b; border:1px solid #a5b5dc;
  box-shadow:0 0 0 2px #ffffffd9,0 0 18px #a78bfa55,0 7px 22px #1e34502b;
  text-shadow:none;
}
.bp-pos-gold-page.pos-checkout-colors [data-pos-gold-review] :is(span,strong,b,em) { color:#11243b; text-shadow:none; }
.bp-pos-gold-page.pos-checkout-colors .pos-quick-checkout.is-ready button { background:transparent; color:#11243b; text-shadow:none; }
.bp-pos-gold-page.pos-checkout-colors .pos-quick-actions button:not([data-quick-action="start"]) { color:#13253d; border-color:#9eafc9; background:#ffffffdc; }
.bp-pos-gold-page.pos-checkout-colors .pos-quick-actions button[data-quick-action="confirm"] { color:white; background:#243c68; border-color:#243c68; }
.bp-pos-gold-page.has-quick-checkout .bp-pos-gold-mini-lines { max-height:min(220px,25dvh); }
.bp-pos-gold-page .bp-pos-gold-mini-lines { overscroll-behavior-y:contain; }
.bp-pos-gold-page::before { content:''; position:fixed; inset:0; z-index:44; background:#102034; opacity:0; pointer-events:none; transition:opacity .18s ease; }
.bp-pos-gold-page.is-cart-preview-dimmed:not(.is-order-drawer-open)::before { opacity:.18; }
.bp-pos-gold-page.is-quick-checkout-active::before { opacity:.18; pointer-events:auto; }
.bp-pos-gold-page.is-quick-checkout-active .bp-pos-gold-mini-action:disabled { opacity:1; cursor:default; }
.bp-pos-gold-page.is-quick-checkout-active .bp-pos-gold-mini-action .bp-pos-gold-cart-action-icon { visibility:hidden; }
@media(prefers-reduced-motion:reduce) { .bp-pos-gold-page::before { transition:none; } }
.pos-quick-summary { display:flex; justify-content:space-between; gap:8px; font-size:12px; margin:0 0 8px; padding:0; min-height:44px; }
.pos-quick-summary > span { font-size:11px; color:#4f6b61; }
.pos-quick-summary > strong { min-width:0; }
.pos-quick-summary-actions { display:flex; align-items:center; gap:8px; flex:0 0 auto; height:44px; }
.pos-quick-checkout.is-ready .pos-quick-summary-actions { padding-right:10px; }
.bp-pos-gold-page.has-quick-checkout .bp-pos-gold-cart-dock.has-items { grid-template-columns:minmax(0,1fr); }
.bp-pos-gold-page.has-quick-checkout .bp-pos-gold-cart-dock > .bp-pos-gold-preview-toggle { display:none; }
.bp-pos-gold-page.has-quick-checkout .bp-pos-gold-preview-chevron { display:none; }
.bp-pos-gold-page .pos-quick-checkout button.pos-quick-nav-button.pos-quick-mobile-preview { display:flex; position:relative; overflow:visible; }
.pos-quick-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.pos-quick-actions > span,.pos-quick-actions > small { flex-basis:100%; font-size:12px; }
.pos-quick-checkout .pos-quick-actions button { flex:1; min-height:44px; display:flex; justify-content:center; align-items:center; gap:6px; padding:8px; border-radius:9px; border:1px solid #bbd4c9; background:#edf7f1; color:#164a3b; font-weight:750; font-size:12px; }
.pos-quick-checkout button[data-quick-action="confirm"],.pos-quick-checkout button[data-quick-action="start"] { color:white; background:linear-gradient(120deg,#146448,#227f6d); border-color:#146448; }
.pos-quick-checkout button[data-quick-action="back"] { flex:0 0 auto; }
.pos-quick-checkout button:disabled { opacity:.5; cursor:default; }
.pos-quick-checkout button:focus-visible,.pos-receipt-prompt button:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.bp-pos-gold-page .pos-quick-checkout button.pos-quick-nav-button {
  display:flex; align-items:center; justify-content:center;
  box-sizing:border-box; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:8px;
  border:1px solid #9ebdb1; border-radius:9px; background:#edf7f1; color:#164a3b;
}
.bp-pos-gold-page.pos-checkout-colors .pos-quick-checkout button.pos-quick-nav-button {
  border-color:#9eafc9; background:#ffffffdc; color:#13253d;
}
.bp-pos-gold-page.pos-checkout-colors .pos-quick-checkout button[data-quick-action="back"] {
  background:linear-gradient(135deg,#fff0bc,#cef7df 45%,#c9e9ff 78%,#e6d3ff);
  border-color:#94b6b0; color:#164d3e;
  box-shadow:inset 0 1px 0 #ffffffcf,0 2px 5px #41665a18;
}
@media(hover:hover) {
  .bp-pos-gold-page.pos-checkout-colors .pos-quick-checkout button[data-quick-action="back"]:hover {
    border-color:#648f84; box-shadow:inset 0 1px 0 #ffffffcf,0 0 0 2px #46bba526;
  }
}
.bp-pos-gold-page.pos-checkout-colors .pos-quick-checkout button[data-quick-action="back"]:active {
  box-shadow:inset 0 2px 4px #164d3e24;
}
.bp-pos-gold-page.has-quick-checkout .pos-quick-checkout button.pos-quick-mobile-preview,
.bp-pos-gold-page.has-quick-checkout .bp-pos-gold-cart-dock > .bp-pos-gold-preview-toggle {
  border-color:transparent; background:transparent; color:#164d3e; box-shadow:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.bp-pos-gold-page.has-quick-checkout .pos-quick-checkout button.pos-quick-mobile-preview[aria-expanded="true"],
.bp-pos-gold-page.has-quick-checkout .bp-pos-gold-cart-dock > .bp-pos-gold-preview-toggle[aria-expanded="true"] {
  background:#1f6f5b; border-color:#185b49; color:#fff;
  animation:posCartPreviewLive 2.4s ease-in-out infinite;
}
.bp-pos-gold-page.has-quick-checkout.pos-checkout-colors .pos-quick-checkout button.pos-quick-mobile-preview[aria-expanded="true"],
.bp-pos-gold-page.has-quick-checkout.pos-checkout-colors .bp-pos-gold-cart-dock > .bp-pos-gold-preview-toggle[aria-expanded="true"] {
  background:linear-gradient(135deg,#b3f0cd,#b9defa 65%,#d4c3f5); border-color:#648a99; color:#123b37;
}
@keyframes posCartPreviewLive { 0%,100% { box-shadow:0 0 0 1px #46bba52e; } 50% { box-shadow:0 0 0 3px #46bba518,0 0 9px #46bba540; } }
.bp-pos-gold-page.pos-checkout-colors .bp-pos-gold-preview-count {
  background:linear-gradient(115deg,#fde68a,#a7f3d0 45%,#bfdbfe 75%,#ddd6fe);
  color:#102034; border-color:#fff; box-shadow:0 1px 4px #64748b40;
}
@media(prefers-reduced-motion:reduce) {
  .bp-pos-gold-page.has-quick-checkout .pos-quick-checkout button.pos-quick-mobile-preview[aria-expanded],
  .bp-pos-gold-page.has-quick-checkout .bp-pos-gold-cart-dock > .bp-pos-gold-preview-toggle[aria-expanded] { animation:none; transition:none; }
}
.pos-quick-methods-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; min-height:44px; }
.pos-quick-order-total { display:flex; align-items:center; gap:4px; min-width:0; font-size:12px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.pos-quick-total-label { display:grid; gap:3px; min-width:0; line-height:1.25; white-space:normal; }
.pos-quick-total-label > strong { font-size:14px; font-weight:800; }
.pos-quick-applied-discount { color:#175c47; font-size:10px; font-weight:750; }
.pos-quick-checkout button.pos-quick-discount { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 32px; width:32px; height:44px; min-height:44px; padding:0; border:0; border-radius:9px; color:#4c645e; background:transparent; cursor:pointer; transition:color .2s,box-shadow .2s; }
.pos-quick-checkout button.pos-quick-discount:hover { background:#ffffff70; }
.pos-quick-checkout button.pos-quick-discount.is-active { color:#12644d; background:radial-gradient(ellipse at center,#ddffedcc 40%,#ddffed00 72%); }
.pos-quick-discount svg { width:16px; height:16px; }
.pos-quick-discount.is-active svg { width:20px; height:20px; }
.pos-quick-discount.is-active svg path { fill:currentColor; }
.pos-quick-discount.is-active svg circle { fill:#effff6; stroke:#effff6; }
.pos-quick-discount-dot { position:absolute; top:8px; right:3px; width:6px; height:6px; border:2px solid #effff6; border-radius:50%; background:#188565; box-shadow:0 0 0 2px #18856525; animation:posDiscountApplied .7s ease-out; }
@keyframes posDiscountApplied { from { box-shadow:0 0 0 6px #18856540; } to { box-shadow:0 0 0 2px #18856525; } }
@media(prefers-reduced-motion:reduce) { .pos-quick-discount-dot { animation:none; } }
.bp-pos-gold-order-actions > [data-pos-gold-discount] { grid-column:1 / -1; min-height:44px; }
.pos-quick-methods-row > .pos-quick-actions { min-width:0; }
.pos-quick-checkout.is-methods .pos-quick-status:not(:empty) { margin:0; padding:8px 12px; }
@media(max-width:720px) {
  .bp-pos-gold-page.has-quick-checkout .bp-pos-gold-cart-dock.has-items .bp-pos-gold-mini-cart:not(.hidden) { display:block !important; }
  .bp-pos-gold-page.has-quick-checkout .bp-pos-gold-mini-lines { max-height:min(200px,25dvh); overflow-y:auto; }
  .pos-quick-checkout.is-ready button[data-quick-action="start"] { min-width:0; gap:6px; padding-left:10px; padding-right:8px; }
  .pos-quick-checkout.is-ready button[data-quick-action="start"] > span { font-size:12px; }
  .pos-quick-methods-row { grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:0; }
  .pos-quick-methods-row > .pos-quick-summary-actions { grid-column:2; grid-row:1; }
  .pos-quick-methods-row > .pos-quick-actions { grid-column:1 / -1; grid-row:2; padding-top:8px; }
}
.pos-quick-cash { display:grid; gap:8px; flex-basis:100%; min-width:0; }
.pos-quick-cash-amounts { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.pos-quick-cash-received,
.pos-quick-cash-change { display:grid; align-content:center; gap:7px; min-width:0; padding:10px; border:1px solid #b6ccbf; border-radius:10px; background:#ffffffed; }
.pos-quick-cash-received > span:first-child,
.pos-quick-cash-change > span { display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; font-weight:800; }
.pos-quick-cash output { display:block; min-width:0; color:#172c47; text-align:center; font-size:30px; line-height:1.25; font-weight:850; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pos-quick-cash-change { border:2px solid #238064; background:#e0f3e8; color:#104d38; text-align:center; }
.pos-quick-cash-change > strong { font-size:30px; font-weight:900; line-height:1.25; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pos-checkout-colors .pos-quick-cash-received { border-color:#aebed2; color:#172c47; }
.pos-checkout-colors .pos-quick-cash-change { border-color:#6576bc; background:#e2ebff; color:#233863; }
.pos-quick-cash-change.is-short,
.pos-checkout-colors .pos-quick-cash-change.is-short { border-color:#b87d2f; background:#fff0d6; color:#754400; }
.pos-quick-checkout .pos-quick-actions button.pos-quick-cash-received { display:grid; justify-content:stretch; gap:7px; padding:10px; border-radius:10px; }
.pos-quick-checkout .pos-quick-actions button.pos-quick-cash-received:hover { box-shadow:inset 0 0 0 1px #6576bc; }
dialog.pos-cash-counter {
  position:fixed; inset:auto 0 24px; margin:0 auto; width:min(460px,calc(100vw - 32px)); max-width:none;
  max-height:calc(100dvh - 48px); box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain;
  padding:20px; border:1px solid #b7d3c8; border-radius:20px; background:#fff; color:#173d30;
  box-shadow:0 18px 60px #122d3540;
}
dialog.pos-cash-counter[open] { animation:posCashCounterEnter 180ms ease-out; }
dialog.pos-cash-counter::backdrop { background:#152a3659; }
.pos-cash-counter header { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.pos-cash-counter h2 { margin:0; font-size:21px; line-height:1.3; }
.pos-cash-counter header p { margin:5px 0 0; font-size:13px; color:#52665e; }
.pos-cash-counter button {
  min-height:44px; padding:10px; border:1px solid #b8cfc5; border-radius:10px; background:#f4faf7;
  color:#174b39; font:700 14px/1.3 system-ui,sans-serif; cursor:pointer; touch-action:manipulation;
}
.pos-cash-counter header button { flex:0 0 44px; font-size:24px; padding:4px; }
.pos-cash-counter button:disabled { opacity:.45; cursor:default; }
.pos-cash-counter button:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.pos-cash-counter-total { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:16px 0; text-align:center; }
.pos-cash-counter-total > div { display:grid; align-content:center; gap:8px; min-width:0; padding:16px 8px; border:1px solid #c9dbd3; border-radius:14px; background:#f4f8f6; }
.pos-cash-counter-total span { font-size:13px; }
.pos-cash-counter-total strong { font-size:clamp(23px,6.5vw,30px); line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pos-cash-counter-total .pos-cash-counter-balance { background:#e0f3e8; border:2px solid #238064; color:#104d38; }
.pos-cash-counter-balance span { font-size:14px; font-weight:800; }
.pos-cash-counter-balance strong { font-size:clamp(26px,7vw,36px); font-weight:900; }
.pos-cash-counter-total .pos-cash-counter-balance.is-short { background:#fff3dc; border-color:#bc8134; color:#754400; }
.pos-cash-counter-presets { display:grid; grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); gap:8px; }
.pos-cash-counter-presets button { display:grid; gap:4px; padding:10px 5px; }
.pos-cash-counter-presets span { font-size:11px; }
.pos-cash-counter-presets strong { font-size:16px; }
.pos-cash-counter-hint { margin:16px 0 8px; font-size:12px; color:#52665e; }
.pos-cash-counter-entry { display:grid; grid-template-columns:minmax(0,1fr) minmax(144px,1.1fr); gap:12px; }
.pos-cash-counter-entry section { min-width:0; }
.pos-cash-counter-entry h3 { display:flex; align-items:center; justify-content:space-between; gap:6px; height:28px; margin:0 0 6px; font-size:12px; }
.pos-cash-counter-entry output { min-width:0; padding:3px 6px; border-radius:7px; background:#ffffffb3; color:#164d3e; font-size:14px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pos-cash-counter-bills { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.pos-cash-counter-bills button { display:grid; gap:3px; min-height:64px; background:#fff; }
.pos-cash-counter-bills button:active { background:#d9efe3; }
.pos-cash-counter-bills small { font-size:11px; font-weight:500; }
.pos-cash-counter-bills strong { font-size:23px; }
.pos-cash-counter-keypad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.pos-cash-counter-keypad button { display:flex; align-items:center; justify-content:center; min-height:46px; padding:5px; font-size:20px; }

.pos-cash-counter-keypad svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; }
.pos-cash-counter-keypad button:active { box-shadow:inset 0 0 0 2px #648f84; }
@media(max-width:400px) { .pos-cash-counter-bills button { padding:7px 3px; } .pos-cash-counter-bills strong { font-size:20px; } }
@media(max-width:359px) { .pos-cash-counter-entry { grid-template-columns:1fr; } }
.pos-cash-counter-tools { display:flex; gap:8px; margin:12px 0; }
.pos-cash-counter-tools button { flex:1; }
.pos-cash-counter .pos-cash-counter-use { width:100%; background:#1f6f5b; border-color:#1f6f5b; color:#fff; min-height:48px; }
/* Follow the register's color-mode switch, including while this dialog is open. */
.bp-pos-gold-page.pos-checkout-colors dialog.pos-cash-counter {
  background:linear-gradient(135deg,#fff2cb 0%,#e5f8ed 35%,#e2f1ff 67%,#eee3ff 100%);
  color:#13253d; border-color:#acb8d6; box-shadow:0 0 0 2px #ffffffd9,0 0 24px #a78bfa40,0 18px 60px #142d3540;
}
.pos-checkout-colors .pos-cash-counter header p,
.pos-checkout-colors .pos-cash-counter-hint { color:#43566d; }
.pos-checkout-colors .pos-cash-counter button { background:#ffffffdf; border-color:#aebed2; color:#172c47; }
.pos-checkout-colors .pos-cash-counter-total .pos-cash-counter-received { background:#ffffffd9; border-color:#bbc8dd; }
.pos-checkout-colors .pos-cash-counter-total .pos-cash-counter-balance { background:#e2ebff; border-color:#6576bc; color:#233863; }
.pos-checkout-colors .pos-cash-counter-total .pos-cash-counter-balance.is-short { background:#fff0d6; border-color:#b87d2f; color:#754400; }
.pos-checkout-colors .pos-cash-counter-bills button:nth-child(1) { background:#ffe0e6; border-color:#d6a2ae; }
.pos-checkout-colors .pos-cash-counter-bills button:nth-child(2) { background:#ffead1; border-color:#cda982; }
.pos-checkout-colors .pos-cash-counter-bills button:nth-child(3) { background:#fff2bc; border-color:#c3b16d; }
.pos-checkout-colors .pos-cash-counter-bills button:nth-child(4) { background:#d4f2e2; border-color:#92bda8; }
.pos-checkout-colors .pos-cash-counter-bills button:nth-child(5) { background:#dbeaff; border-color:#a1b9da; }
.pos-checkout-colors .pos-cash-counter-bills button:nth-child(6) { background:#eadfff; border-color:#bba7d8; }
.pos-checkout-colors .pos-cash-counter-bills button:active { box-shadow:inset 0 0 0 2px #52678b; }
.pos-checkout-colors .pos-cash-counter .pos-cash-counter-use { background:#243c68; border-color:#243c68; color:#fff; }
@keyframes posCashCounterEnter { from { opacity:0; transform:translateY(60px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:720px) { dialog.pos-cash-counter { bottom:12px; padding:16px; max-height:calc(100dvh - 24px); } }
@media(prefers-reduced-motion:reduce) { dialog.pos-cash-counter[open] { animation:none; } }
.pos-quick-status { margin:6px 0 0; font-size:12px; }
.pos-quick-status:empty { display:none; }
.pos-quick-mobile-items { display:none; }
.bp-pos-gold-page .pos-cart-colored { border:1px solid color-mix(in srgb,var(--pos-group-color) var(--pos-group-border),transparent); background:color-mix(in srgb,var(--pos-group-color) var(--pos-group-tile-fill),white); box-shadow:inset 3px 0 var(--pos-group-color); }
.bp-pos-gold-page .pos-cart-colored .is-product-zone { background:transparent; }
[data-quick-color-label] { display:flex; align-items:center; gap:4px; color:#26364b; }
[data-quick-color-label] svg { color:var(--pos-group-ink); width:13px; height:13px; }
.pos-receipt-prompt { width:min(340px,calc(100vw - 40px)); box-sizing:border-box; padding:24px; border:1px solid #c0dccb; border-radius:20px; color:#173d30; background:#fff; box-shadow:0 20px 70px #142d3240; text-align:center; }
.pos-receipt-prompt::backdrop { background:#14252c88; }
.pos-receipt-prompt h2 { margin:12px 0; font-size:23px; }
.pos-receipt-prompt p { font-size:13px; }
.pos-receipt-prompt > div:last-child { display:flex; gap:8px; margin-top:20px; }
.pos-receipt-prompt button { flex:1; min-height:44px; border:1px solid #accdbb; border-radius:10px; color:#174b39; background:#f4faf7; padding:8px; font-weight:700; }
.pos-receipt-prompt [data-receipt-yes] { background:#17694e; color:white; }
.pos-receipt-success { margin:auto; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#dcf5e7; color:#17694e; font-size:24px; }
dialog.pos-order-discount { width:min(460px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow-y:auto; box-sizing:border-box; padding:20px; border:1px solid #b7d3c8; border-radius:18px; background:#fff; color:#173d30; box-shadow:0 18px 60px #122d3540; }
.pos-order-discount::backdrop { background:#152a3659; }
.pos-order-discount form { display:grid; gap:14px; }
.pos-order-discount header { display:flex; gap:10px; align-items:start; justify-content:space-between; }
.pos-order-discount h2 { margin:0; font-size:21px; }
.pos-order-discount p { margin:6px 0 0; font-size:12px; }
.pos-order-discount button { border:1px solid #a7c5ba; border-radius:9px; background:#f5faf7; color:#174b39; min-height:44px; padding:8px 12px; font:700 12px system-ui; cursor:pointer; }
.pos-order-discount [data-discount-close] { flex:0 0 44px; font-size:24px; padding:4px; }
.pos-order-discount label { display:grid; gap:5px; font-size:13px; font-weight:750; min-width:0; }
.pos-order-discount label small { font-size:11px; font-weight:400; }
.pos-order-discount :is(input,textarea) { box-sizing:border-box; width:100%; min-width:0; padding:10px; border:1px solid #a7c5ba; border-radius:8px; background:white; color:#173d30; font:16px system-ui; }
.pos-discount-inputs { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pos-discount-mode { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr 1fr; padding:4px; border:1px solid #b7d3c8; border-radius:12px; background:#ffffff80; }
.pos-discount-mode::before { content:''; position:absolute; top:4px; bottom:4px; left:4px; width:calc(50% - 4px); border-radius:9px; background:#1f6f5b; box-shadow:0 2px 5px #173d3020; transform:translateX(0); transition:transform .24s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.pos-order-discount[data-discount-type="percent"] .pos-discount-mode::before { transform:translateX(100%); }
.pos-discount-mode button { position:relative; z-index:1; border-color:transparent; background:transparent; transition:color .18s ease; }
.pos-discount-mode button[aria-pressed="true"] { color:#fff; }
.pos-order-discount .pos-discount-percent-hint { margin:0; color:#486259; font-size:11px; line-height:1.3; visibility:hidden; }
.pos-order-discount[data-discount-type="percent"] .pos-discount-percent-hint { visibility:visible; }
@media(prefers-reduced-motion:reduce) { .pos-discount-mode::before,.pos-discount-mode button { transition:none; } }
.pos-discount-reasons { display:flex; gap:6px; flex-wrap:wrap; max-height:144px; overflow-y:auto; }
.pos-discount-reasons button { min-height:36px; padding:6px 10px; font-size:11px; }
.pos-discount-summary { display:grid; gap:7px; padding:12px; background:#e6f5ee; border:1px solid #b7d3c8; border-radius:10px; font-size:13px; }
.pos-discount-summary > span { display:flex; justify-content:space-between; gap:10px; }
.pos-discount-summary > span:last-child { border-top:1px solid #b7d3c8; padding-top:8px; font-size:18px; font-weight:800; }
.pos-order-discount .pos-discount-error { color:#9d331a; }
.pos-discount-error:empty { display:none; }
.pos-order-discount footer { display:flex; gap:8px; }
.pos-order-discount footer button { flex:1; }
.pos-order-discount [type="submit"] { background:#1f6f5b; color:white; }
.pos-order-discount button:disabled { opacity:.5; cursor:default; }
.pos-order-discount :is(button,input,textarea):focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.pos-checkout-colors .pos-order-discount { background:linear-gradient(135deg,#fff2cb,#e5f8ed 35%,#e2f1ff 67%,#eee3ff); }
.pos-checkout-colors .pos-order-discount button { color:#172c47; border-color:#aebed2; background:#ffffffdf; }
.pos-checkout-colors .pos-discount-mode { border-color:#aebed2; background:#ffffff80; }
.pos-checkout-colors .pos-discount-mode::before { background:linear-gradient(115deg,#ffe7a3,#cef7df 35%,#c9e9ff 67%,#e6d3ff); box-shadow:inset 0 0 0 1px #a5b5dc,0 2px 7px #7c73b32b; }
.pos-checkout-colors .pos-discount-mode button { border-color:transparent; background:transparent; }
.pos-checkout-colors .pos-discount-mode button[aria-pressed="true"] { color:#11243b; }
.pos-checkout-colors .pos-order-discount [data-discount-remove] { background:#fff0f3; border-color:#d5acb8; }
.pos-checkout-colors .pos-order-discount [type="submit"] { background:#243c68; border-color:#243c68; color:#fff; }
@media(max-width:720px) {
  dialog.pos-order-discount { padding:16px; }
  .pos-order-discount form { gap:12px; }
  .pos-order-discount textarea { height:72px; min-height:72px; }
}
@media(max-width:720px) {
  .pos-quick-mobile-items { display:flex; gap:5px; overflow:auto; max-height:48px; margin-bottom:7px; }
  .pos-quick-mobile-items > span { display:flex; flex-shrink:0; align-items:center; gap:4px; border:1px solid #d2dfd9; padding:5px 7px; border-radius:7px; font-size:11px; background:#f6faf8; }
  .pos-quick-mobile-items .pos-quick-colored { border-color:var(--pos-group-color); background:color-mix(in srgb,var(--pos-group-color) var(--pos-group-tile-fill),white); }
  .pos-quick-mobile-items svg { width:14px; height:14px; color:var(--pos-group-ink); }
  .bp-pos-gold-page.has-quick-checkout .bp-pos-gold-cart-dock.has-items .bp-lite-pos-review-button { min-height:40px; padding-top:6px; padding-bottom:6px; }
}

.bp-pos-gold-page [data-quick-action="preview"], .bp-pos-gold-page [data-pos-gold-preview-toggle] { position:relative; touch-action:manipulation; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.bp-pos-gold-page .is-cart-clear-holding { outline:2px solid #b45367; outline-offset:2px; }
.bp-pos-gold-page .is-cart-clear-holding::after { content:''; position:absolute; bottom:2px; left:4px; right:4px; height:4px; border-radius:4px; background:#b45367; transform-origin:left; animation:posCartClearHold .75s linear forwards; pointer-events:none; }
@keyframes posCartClearHold { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(prefers-reduced-motion:reduce) { .bp-pos-gold-page .is-cart-clear-holding::after { animation:none; transform:none; } }
