/* Coffee House POS identity, scoped to this isolated installation. */
#cashierPage.restaurant-pos { --coffee-accent:#d5a56e; --coffee-border:#66523e; }
#cashierPage.restaurant-pos .cashier-header {background:linear-gradient(115deg,#241d1b,#503b2b 66%,#795436)!important;border-color:#806044!important;}
#cashierPage.restaurant-pos .restaurant-menu-eyebrow {color:#e6ba85!important;letter-spacing:.04em;}
#cashierPage.restaurant-pos #restaurantMenuHeader h2 {color:#f7e8d6!important;}
#cashierPage.restaurant-pos #restaurantCategories button[aria-checked="true"],
#cashierPage.restaurant-pos #restaurantCategories button.active {background:#93663d!important;border-color:#c99b66!important;color:#fff8ec!important;}
#cashierPage.restaurant-pos .restaurant-product-card {border-color:#68513d!important;}
#cashierPage.restaurant-pos .restaurant-product-card:hover {border-color:#ddb47e!important;box-shadow:0 6px 22px #0003!important;}
#cashierPage.restaurant-pos .restaurant-product-price {color:#efc48d!important;}
#cashierPage.restaurant-pos #completeSaleButton:not(:disabled) {background:linear-gradient(110deg,#93663d,#ba8955)!important;border-color:#d3a56d!important;}
#cashierPage.restaurant-pos #restaurantMenuHeader {border-bottom:1px solid #b3834933;padding-bottom:10px;}
html body #cashierPage#cashierPage.restaurant-pos header.cashier-header {background:linear-gradient(115deg,#241d1b,#503b2b 66%,#795436)!important;border-color:#806044!important;}
html body #cashierPage#cashierPage.restaurant-pos #restaurantCategories button[aria-pressed="true"] {background:#93663d!important;border-color:#c99b66!important;color:#fff8ec!important;}
html body #cashierPage#cashierPage.restaurant-pos .restaurant-product {border-color:#68513d!important;}
html body #cashierPage#cashierPage.restaurant-pos .restaurant-product:hover {border-color:#ddb47e!important;box-shadow:0 6px 22px #0003!important;}
html body #cashierPage#cashierPage.restaurant-pos .restaurant-product-info strong {white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4!important;font-size:12px!important;}
html body #cashierPage#cashierPage.restaurant-pos .restaurant-product-bottom b {color:#efc48d!important;}
html body #cashierPage#cashierPage.restaurant-pos .restaurant-product-visual img {object-fit:cover!important;width:100%!important;height:100%!important;}

.coffee-addon-list{display:grid;gap:10px}.coffee-addon-row{display:grid;grid-template-columns:minmax(0,1fr) auto 65px;gap:14px;align-items:center;padding:12px;border:1px solid #9b78484d;border-radius:12px}.coffee-addon-row small{display:block;opacity:.75;margin-top:6px}.coffee-addon-stepper{display:flex;align-items:center;gap:5px}.coffee-addon-stepper button{width:36px;height:38px;border:1px solid #9b7848;border-radius:8px;background:#6d4b2e;color:white;font-size:20px}.coffee-addon-stepper input{width:58px!important;text-align:center;padding:8px!important}.coffee-addon-stepper input::-webkit-inner-spin-button{appearance:none}@media(max-width:500px){.coffee-addon-row{gap:6px;grid-template-columns:minmax(0,1fr) auto}.coffee-addon-row>b{grid-column:1/-1;text-align:end}}

html body #cashierPage .coffee-cart-addon-tools{display:flex!important;flex-wrap:wrap;gap:5px;align-items:center;width:100%;margin-top:5px}html body #cashierPage .coffee-cart-addon-tools small{display:block!important;font-size:11px!important;color:#efc48d!important;white-space:normal!important}html body #cashierPage .coffee-cart-addon-tools button{display:inline-block!important;padding:4px 8px!important;min-height:27px!important;font-size:11px!important}

/* Align product name, additions, notes, quantity and amount on the same compact row. */
html body #cashierPage#cashierPage.restaurant-pos #cartLines .sale-sheet-row[data-cart-product]{min-height:48px!important;height:auto!important;padding:7px 8px!important;align-items:center!important;grid-template-rows:auto!important;row-gap:0!important}
html body #cashierPage#cashierPage.restaurant-pos #cartLines .cart-product-cell{display:grid!important;grid-template-columns:minmax(0,1fr) auto 30px!important;grid-template-rows:auto!important;align-items:center!important;align-content:center!important;gap:4px 6px!important;min-height:30px!important;height:auto!important;padding:0!important}
html body #cashierPage#cashierPage.restaurant-pos #cartLines .cart-product-name{grid-column:1!important;grid-row:1!important;align-self:center!important;margin:0!important;line-height:1.4!important;white-space:normal!important;min-width:0!important}
html body #cashierPage#cashierPage.restaurant-pos #cartLines .coffee-cart-addon-tools{display:contents!important;margin:0!important}
html body #cashierPage#cashierPage.restaurant-pos #cartLines .coffee-cart-addon-tools button{grid-column:2!important;grid-row:1!important;align-self:center!important;white-space:nowrap!important;margin:0!important;min-height:30px!important;padding:4px 6px!important}
html body #cashierPage#cashierPage.restaurant-pos #cartLines .coffee-cart-addon-tools small{grid-column:1 / -1!important;grid-row:2!important;line-height:1.4!important;margin:0!important}
html body #cashierPage#cashierPage.restaurant-pos #cartLines .rp-line-notes{grid-column:3!important;grid-row:1!important;align-self:center!important;width:30px!important;height:30px!important;min-height:30px!important;min-width:30px!important;margin:0!important;padding:0!important;justify-content:center!important}
html body #cashierPage#cashierPage.restaurant-pos #cartLines .cart-promo-note:not(.coffee-cart-addon-tools .cart-promo-note){grid-column:1 / -1!important;margin:0!important}