/* Build 115 — readable save status, bounded record pages and checkout-safe layout. */
.saveStatusBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px clamp(12px,2vw,28px);border-bottom:1px solid #a7bfaf;background:#fff6dc;color:#000;flex:0 0 auto}
.saveStatusBar>div:first-child{min-width:0}
.saveStatusBar strong{display:block;color:#000;font-size:14px;font-weight:900;line-height:1.3}
.saveStatusBar #saveStatusDetail{display:block;margin-top:2px;color:#000;font-size:12px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.saveStatusBar[data-tone="saved"]{background:#eaf7ed;border-color:#9fbfa8}
.saveStatusBar[data-tone="error"]{background:#fff0ed;border-left:5px solid #ba2828}
.saveStatusActions{display:flex;flex:0 0 auto;gap:6px}
.saveStatusActions button{min-height:36px;padding:7px 10px;border:1px solid #9dad9f;background:#fff;color:#000;font-size:12px;font-weight:850}
.saveStatusActions button:disabled{cursor:wait;opacity:.65}
.inventoryPager,.branchSyncPager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:12px;color:#000;font-weight:700}
.inventoryPager .actions{flex-wrap:wrap;align-items:center;margin:0}
.inventoryPager label{display:flex;align-items:center;gap:7px;margin:0}
.inventoryPager select{width:auto;min-width:65px;margin:0}
.inventoryPager button:disabled,.branchSyncPager button:disabled{cursor:default;opacity:.5}
.branchSyncPanel td,.branchSyncPanel th{white-space:normal;overflow-wrap:anywhere}
#branchSyncNote{font-size:14px;font-weight:650;line-height:1.5}
/* Use remaining viewport space so the save bar does not move checkout off-screen. */
#app:has(> .posScreen){display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
#app:has(> .posScreen)>header{flex:0 0 auto}
#app>.posScreen{height:auto;flex:1 1 auto;min-height:0}
#app>.posScreen .cartPanel{overflow-y:auto;content-visibility:visible}
@media(max-width:700px){.saveStatusBar{gap:8px;padding:7px 10px;align-items:flex-start}.saveStatusBar strong{font-size:12px}.saveStatusBar #saveStatusDetail{font-size:11px}.saveStatusActions{gap:4px;flex-direction:column}.saveStatusActions button{min-height:30px;padding:5px 7px;font-size:11px}.inventoryPager .actions{gap:6px}.inventoryPager button,.branchSyncPager button{padding:8px;font-size:12px}}
@media print{.saveStatusBar,.inventoryPager,.branchSyncPager{display:none!important}}