/* Venda e carrinhos suspensos — navigation within merchant checkout. */
.shop-sales-tabs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 16px}
.shop-sales-tab{border:1px solid #bddac9;border-radius:12px;background:#fff;color:#286a50;min-height:46px;padding:10px 16px;font-weight:750;cursor:pointer}
.shop-sales-tab.selected{border-color:#087f68;background:#087f68;color:#fff}
.shop-sales-tab span,.shop-held-heading span,.shop-held-menu-count{display:inline-grid;place-items:center;margin-left:6px;border-radius:99px;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:850;background:#e6f4ea;color:#087f68}
.shop-sales-tab.selected span{background:#fff;color:#087f68}
.shop-held-menu-count{margin-left:auto}
.shop-sale-hold-toolbar{display:flex;align-items:center;gap:14px;margin:-4px 0 16px;padding:12px 14px;border:1px solid #c8e3d5;border-radius:13px;background:#f1faf5}
.shop-hold-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:46px;padding:10px 16px;border:0;border-radius:10px;background:#087f68;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.shop-hold-trigger:disabled{background:#c6d6ce;color:#526c5d;cursor:not-allowed}
.shop-hold-trigger:focus-visible,.shop-hold-mobile-bar button:focus-visible{outline:3px solid #2369ec;outline-offset:3px}
.shop-hold-item-count{padding:3px 7px;border-radius:99px;background:#ffffff30;font-size:11px;white-space:nowrap}
.shop-sale-hold-toolbar p{margin:0;color:#426953;font-size:12px;line-height:1.45}
.shop-hold-mobile-bar{display:none}
.shop-mobile-payment-shortcut{display:none}
.shop-held-in-sales{margin:16px 0}
.shop-held-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.shop-held-heading h3{margin:0}
.shop-held-heading>button{border:1px solid #b7dcca;background:#e9f7ee;color:#076b52;border-radius:10px;min-height:40px;padding:7px 15px;font-weight:750}
.shop-held-mini-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e2eee6}
.shop-held-mini-item:last-child{border-bottom:0}
.shop-held-mini-item>div{min-width:0}
.shop-held-mini-item strong{display:block;color:#214c37;font-size:13px;overflow-wrap:anywhere}
.shop-held-mini-item small{display:block;color:#6b8073;font-size:12px;margin-top:4px}
.shop-held-mini-item button{flex:none;border:1px solid #0c8967;color:#08765a;background:#f1fbf5;border-radius:10px;min-height:42px;padding:8px 16px;font-weight:750}
.shop-held-mini-item button:hover,.shop-held-heading>button:hover{background:#d6eee1}
@media(max-width:660px){
 .shop-mobile-payment-shortcut{display:block;padding:14px;margin:0 0 16px;background:#fff;border:1px solid #d3e5db;border-radius:15px;box-shadow:0 3px 14px #16392d0a}
 .shop-mobile-payment-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px}
 .shop-mobile-payment-heading>div{display:grid;gap:4px;min-width:0}
 .shop-mobile-payment-heading strong{color:#244d3c;font-size:14px}
 .shop-mobile-payment-heading small{font-size:11px;color:#6d8176;line-height:1.4}
 .shop-mobile-payment-heading button{flex:none;min-height:40px;border:1px solid #b8daca;border-radius:9px;background:#ebf7f0;color:#087f68;font-size:11px;font-weight:800;padding:7px 9px}
 .shop-methods.shop-methods-mobile-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .shop-methods-mobile-quick button{min-width:0;min-height:49px;padding:7px 3px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:600px){
 .shop-sales-tabs{display:grid;grid-template-columns:1fr 1fr}
 .shop-sales-tab{font-size:13px;padding:10px 8px}
 .shop-sale-hold-toolbar{display:grid;gap:6px;margin-top:0;padding:11px}
 .shop-hold-trigger{width:100%;min-height:50px}
 .shop-sale-hold-toolbar p{font-size:11px}
 .shop-held-mini-item{align-items:flex-start;flex-wrap:wrap}
 .shop-held-mini-item>div{flex:1 1 180px}
 .shop-main.shop-main-hold-active{padding-bottom:170px}
 .shop-hold-mobile-bar{display:flex;position:fixed;align-items:center;justify-content:space-between;gap:12px;left:12px;right:12px;bottom:calc(83px + env(safe-area-inset-bottom));z-index:89;padding:10px 11px 10px 15px;border:1px solid #b8daca;border-radius:16px;background:#fff;box-shadow:0 7px 26px #143b2b30}
 .shop-hold-mobile-bar>div{display:grid;gap:3px;min-width:0}
 .shop-hold-mobile-bar small{font-size:10px;color:#667e70}
 .shop-hold-mobile-bar strong{font-size:12px;color:#164b35}
 .shop-hold-mobile-bar button{flex:none;border:0;border-radius:11px;background:#087f68;color:#fff;min-height:45px;padding:10px 14px;font-size:13px;font-weight:850}
}
@media(max-width:355px){.shop-hold-mobile-bar{left:7px;right:7px;gap:5px}.shop-hold-mobile-bar button{padding:10px;font-size:12px}}

/* Instant change calculation. Paid amount is always typed manually by cashier. */
.shop-change-preview{display:flex;flex-direction:column;gap:6px;margin:15px 0;padding:17px 19px;border:1px solid #addcc0;border-radius:15px;background:#e8f8ef}
.shop-change-caption{font-size:13px;font-weight:800;color:#315e47}
.shop-change-preview strong{font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.25;color:#087f68;font-variant-numeric:tabular-nums}
.shop-change-preview small{font-size:12px;line-height:1.45;color:#426951}
.shop-change-preview[data-state="short"],.shop-change-preview[data-state="invalid"],.shop-change-preview[data-state="invalid_split"]{background:#fff0f2;border-color:#efb9c1}
.shop-change-preview[data-state="short"] strong,.shop-change-preview[data-state="short"] small{color:#b3223b}
.shop-change-preview[data-state="waiting"],.shop-change-preview[data-state="empty"],.shop-change-preview[data-state="no_cash"]{background:#f2f7f4;border-color:#d7e5dd}
.shop-change-preview[data-state="waiting"] strong,.shop-change-preview[data-state="empty"] strong,.shop-change-preview[data-state="no_cash"] strong{color:#718777}
@media(max-width:600px){.shop-change-preview{padding:14px 15px;margin:12px 0}}