/* PBMcoffee Retail identity and cashier skin, layered over the ON Coffee application shell. */
:root{--retail-navy:#073465;--retail-blue:#0b73bf;--retail-pale:#e8f4fb}
.brand{gap:10px;min-width:0;align-items:center}
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px}
.retail-brand-copy{display:grid;gap:2px;min-width:0}
.retail-brand-copy strong{font-size:17px;line-height:1.1;white-space:nowrap}
.retail-brand-copy small{font-size:10px;line-height:1.2;white-space:nowrap;color:#c5d9ec}
.retail-shortcutbar{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));background:#073465;border-bottom:1px solid #2d5f8f;padding:5px 12px}
.retail-shortcutbar button{display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;min-height:43px;padding:3px 4px;border:0;border-right:1px solid #2d5f8f;background:transparent;color:#eff7ff;font-size:clamp(9px,.75vw,12px);font-weight:700;line-height:1.1;text-align:center}
.retail-shortcutbar button:last-child{border-right:0}
.retail-shortcutbar kbd{display:inline-grid;place-items:center;min-width:33px;padding:2px 5px;border:1px solid #90b6d6;border-radius:6px;background:#092e56;color:#fff;font:800 11px/1.2 inherit;white-space:nowrap}
.retail-shortcutbar button:hover,.retail-shortcutbar button:focus-visible{background:#0b447d;outline:2px solid #8bc7f0;outline-offset:-2px}
.staff-login-logo{object-fit:contain}
.retail-catalog-heading p{max-width:44rem}
#kasir .pos-layout{grid-template-columns:minmax(0,1.7fr) minmax(390px,.95fr);gap:12px}
#kasir .catalog-panel,#kasir .cart-panel{min-width:0}
#kasir .catalog-panel{grid-template-rows:auto auto auto auto minmax(0,1fr)}
#kasir .category-row{flex-wrap:wrap}
#kasir .retail-product-head{display:grid;grid-template-columns:48px minmax(80px,.75fr) minmax(140px,1.5fr) minmax(78px,.8fr) minmax(86px,.9fr) 58px minmax(78px,.8fr) minmax(75px,.8fr) 52px;align-items:center;gap:8px;min-height:38px;padding:4px 12px;border:1px solid #9bb8d0;border-bottom:0;border-radius:12px 12px 0 0;background:#092f59;color:#e8f4ff;font-size:clamp(9px,.66vw,11px);font-weight:800;text-align:center}
#kasir .product-grid{grid-template-columns:1fr;gap:0;overflow:auto;border:1px solid #9bb8d0;border-radius:0 0 12px 12px;background:#073465}
#kasir .product-card{display:grid;grid-template-columns:48px minmax(80px,.75fr) minmax(140px,1.5fr) minmax(78px,.8fr) minmax(86px,.9fr) 58px minmax(78px,.8fr) minmax(75px,.8fr) 52px;grid-template-rows:1fr;align-items:center;gap:8px;min-height:76px;padding:9px 12px;border:0;border-bottom:1px solid #345f87;border-radius:0;background:#073465;color:#fff;text-align:left}
#kasir .product-card:hover,#kasir .product-card:focus-visible{background:#0a4078}
#kasir .product-card .product-photo{grid-row:1;grid-column:1;width:44px;height:44px}
#kasir .product-card small{grid-row:1;grid-column:2;color:#c5d9ec;text-align:center;overflow-wrap:anywhere}
#kasir .product-card strong:not(.price){grid-row:1;grid-column:3;font-size:16px;line-height:1.2;color:#fff}
#kasir .product-card .retail-sku{display:block;margin-top:3px;color:#c5d9ec;font-size:10px;font-weight:500;text-align:left}
#kasir .product-card .retail-unit{grid-row:1;grid-column:4;color:#d1e0ed;text-align:center}
#kasir .product-card .price{grid-row:1;grid-column:5;font-variant-numeric:tabular-nums;text-align:right;color:#fff}
#kasir .product-card .retail-discount,#kasir .product-card .retail-discount-nominal{text-align:center;font-variant-numeric:tabular-nums;color:#e8f4ff}
#kasir .product-card .retail-discount{grid-row:1;grid-column:6}
#kasir .product-card .retail-discount-nominal{grid-row:1;grid-column:7}
#kasir .product-card .retail-stock-value{grid-row:1;grid-column:8;text-align:center;color:#4de29d;font-weight:750}
#kasir .product-card .retail-pick{grid-row:1;grid-column:9;text-align:center}
#kasir .product-card .retail-pick kbd{padding:4px 6px;border:1px solid #8fb4d3;border-radius:6px;color:white;background:#0a4078;font-size:10px;font-weight:800}
#kasir .product-card::after{display:none}
#kasir .cart-panel{border:1px solid #c8d7e4;border-radius:16px;background:#fff;color:#123c62;box-shadow:0 4px 16px #001b3326}
#kasir .cart-title-row h2{font-variant-numeric:tabular-nums}
#kasir .customer-actions-row{background:#eef6fb;border-radius:12px}
#kasir .customer-select{min-height:64px}
#kasir .cart-items{overflow:auto;min-height:0}
#kasir .cart-item{padding:10px 8px;border-bottom:1px solid #e4edf3}
#kasir .cart-item>div:first-of-type{min-width:0}
#kasir .cart-item>div:first-of-type>strong{font-size:15px}
#kasir .item-actions{gap:8px}
#kasir .quantity-control{justify-content:flex-start}
#kasir .retail-quantity-line{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex-wrap:wrap}
#kasir .retail-times{color:#67839c;font-weight:800}
#kasir .retail-unit-price{color:#71889e;font-size:12px;white-space:nowrap}
#kasir .retail-remove-line{border:0;background:transparent;color:#ca4652;font-size:20px;line-height:1}
#kasir .cart-item.is-retail-selected{background:#e7f4fc;outline:2px solid #1386c0;outline-offset:-2px}
#kasir .customer-select{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px}
#kasir .customer-select>span:nth-child(2){text-align:center}
#kasir #customer-name{font-size:18px;font-weight:800}
#kasir .customer-points-summary{font-size:11px}
#kasir .grand-total dd{font-size:28px}
@media(max-width:1000px){#kasir .pos-layout{grid-template-columns:minmax(0,1fr)}#kasir .catalog-panel{min-height:48vh}#kasir .cart-panel{min-height:44vh}.retail-shortcutbar{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:3px}.retail-shortcutbar button{border-bottom:1px solid #2d5f8f}}
@media(max-width:1250px){#kasir .retail-product-head,#kasir .product-card{grid-template-columns:44px minmax(78px,.7fr) minmax(135px,1.5fr) minmax(70px,.7fr) minmax(84px,.9fr) 48px minmax(72px,.7fr) minmax(65px,.7fr) 44px;gap:6px;padding-left:8px;padding-right:8px}#kasir .product-card .retail-discount-nominal{font-size:11px}}
@media(max-width:900px){#kasir .retail-product-head,#kasir .product-card{grid-template-columns:44px minmax(85px,.7fr) minmax(150px,1.4fr) minmax(80px,.7fr) minmax(88px,.8fr) 48px minmax(72px,.7fr) minmax(70px,.7fr) 46px}}
@media(max-width:620px){.retail-brand-copy small{font-size:9px}.retail-shortcutbar{grid-template-columns:repeat(4,minmax(0,1fr));padding:4px}.retail-shortcutbar button{font-size:9px}#kasir .retail-product-head{display:none}#kasir .product-card{grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:5px 8px;padding:8px}#kasir .product-card .product-photo{grid-column:1;grid-row:1/3;width:38px;height:38px}#kasir .product-card small{grid-column:2;grid-row:2;text-align:left}#kasir .product-card strong:not(.price){grid-column:2;grid-row:1;font-size:14px}#kasir .product-card .retail-unit,#kasir .product-card .retail-discount,#kasir .product-card .retail-discount-nominal,#kasir .product-card .retail-stock-value{display:none}#kasir .product-card .price{grid-column:3;grid-row:1/3}#kasir .product-card .retail-pick{display:none}}