/* Reference layouts retain Taro POS's light-blue identity. */
.modal.pos-checkout-screen,.pos-checkout-screen .modal-foot,.pos-ledger-reference,.reservation-reference{background:var(--brand-canvas,#f3faff);color:var(--brand-ink,#193b53)}
.pos-checkout-screen .modal-head{padding:8px 20px;border-bottom:1px solid var(--brand-line)}
.pos-checkout-screen .modal-head h2{font-size:18px!important}
.pos-checkout-screen #payment-form{gap:14px;grid-template-columns:minmax(240px,32%) minmax(360px,1fr) minmax(280px,26%);padding:12px}
.checkout-controls{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(180px,1fr) auto auto;gap:10px;align-content:stretch;border:1px solid var(--brand-line)}
.checkout-summary{grid-column:1;grid-row:1;background:#f5f9fc;align-self:stretch}.checkout-summary>div{background:var(--brand-soft);color:var(--brand-primary);font-size:18px}
.checkout-action-grid{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.checkout-action-grid button{min-height:115px;border:1px solid var(--brand-line);border-radius:9px;background:var(--brand-primary);color:white;font:16px Calibri,Arial,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:8px}
.checkout-action-grid button>span{font-size:30px}.checkout-action-grid button>strong{font-size:15px;font-weight:600}
.checkout-controls .checkout-split-panel,.checkout-detail-panel{grid-column:1/-1;background:#f3faff;border:1px solid var(--brand-line);padding:12px;border-radius:8px}
.checkout-controls [hidden]{display:none!important}.checkout-detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-detail-panel .offline-payment-note,.checkout-detail-panel .permission-note{grid-column:1/-1}
.checkout-controls .checkout-method-tiles{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end}
.checkout-method-tiles .method{display:flex;gap:12px;align-items:center;justify-content:center;min-height:84px;color:var(--brand-ink);background:white;font-size:17px!important}.checkout-method-tiles .method.active{border:2px solid var(--brand-primary);background:var(--brand-soft)}.checkout-method-icon{font-size:30px;color:var(--brand-primary)}
.checkout-due{background:var(--brand-soft);color:var(--brand-primary);border:1px solid var(--brand-line)}.checkout-due #confirm-payment,.checkout-keypad [data-checkout-key=pay]{background:var(--brand-primary)}.checkout-ticket footer>strong{color:var(--brand-primary)}.checkout-keypad button{border:1px solid var(--brand-line);color:var(--brand-ink)}
.pos-ledger-reference .reference-ledger-board>header>*{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}.pos-ledger-reference .cashier-filter-rail,.reservation-reference-main>aside{background:#e5f1f9}.pos-ledger-reference .cashier-filter-rail button,.reservation-reference button{color:var(--brand-ink)}.pos-ledger-reference .cashier-filter-rail button.active,.pos-ledger-reference #cashier-ledger-form footer button.primary,.reservation-reference button.active,.reservation-reference .reserve-new{background:var(--brand-primary);color:white;border-color:var(--brand-primary)}.pos-ledger-reference .reference-tabs button.active{background:var(--brand-soft);border-color:var(--brand-primary);color:var(--brand-primary)}.reservation-reference-main>aside button{background:white;color:var(--brand-ink)}.reservation-reference-results article{background:white;border-color:var(--brand-line)}.reservation-reference-results article small,.reserve-empty,.pos-ledger-reference .cashier-dark-empty{color:var(--brand-muted)}
@media(max-width:1100px){.pos-checkout-screen #payment-form{grid-template-columns:minmax(320px,1fr) minmax(260px,36%)}.checkout-controls{grid-template-columns:1fr 180px}.checkout-ticket{display:none}}
@media(max-width:650px){.pos-checkout-screen #payment-form{display:flex}.checkout-controls{display:flex}.checkout-ticket{display:flex}.checkout-action-grid{grid-template-columns:repeat(4,1fr)}.checkout-action-grid button{min-height:85px}.checkout-detail-panel{grid-template-columns:1fr}}