/* Scoped to Bay cashier only; no customer or other merchant styling. */
body.bay-cashier-view{background:#f6f5f1}.bay-cashier-view #app{max-width:1440px}.bay-cashier-view>header{gap:18px}.bay-cashier-view #navigation{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.bay-cashier-view #navigation button{white-space:nowrap;font-size:11px}.bay-cashier-view .context{margin-bottom:6px}.bay-cashier-view .demoline{font-size:10px;margin-bottom:16px}.bayCashier{--bc-ink:#282822;--bc-muted:#85837b;--bc-line:#e3e2db;--bc-accent:#76382e;color:var(--bc-ink)}.bcHeader{display:flex;align-items:center;justify-content:space-between;gap:20px}.bcEyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#8c776a;margin:0 0 9px}.bcHeader h1{font:400 32px/1.1 Georgia,serif;letter-spacing:-1px;margin:0}.bcHeaderActions{display:flex;gap:8px;align-items:center}.bayCashier button{font-family:Arial,sans-serif;letter-spacing:0}.bcHeaderActions button{min-height:44px;font-size:11px;border-radius:6px;padding:10px 13px;white-space:nowrap}.bcQuiet{background:transparent!important;color:#68685f!important;border:1px solid var(--bc-line)!important}.bcNew{background:#2d332d!important;color:#fff!important;border:1px solid #2d332d!important}.bcStatusLine{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--bc-muted);padding:14px 0 20px}.bcTools{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 14px}.bcFilters{display:flex;gap:3px;overflow-x:auto;min-width:0;padding:4px 0}.bcFilters button{display:flex;gap:7px;align-items:center;min-height:42px;padding:10px 11px;border:1px solid transparent;background:transparent;color:#77776d;border-radius:5px;font-size:11px;white-space:nowrap}.bcFilters button[aria-pressed=true]{color:#332e28;background:#eae7df;border-color:#e0d9cb}.bcFilters button span{font-size:9px;color:#9b9689}.bcSearch{min-width:200px;max-width:260px;flex:1}.bcSearch>span{display:block;font-size:9px;color:#8a867c;margin-bottom:5px}.bcSearch input{background:#fff;border:1px solid var(--bc-line);border-radius:5px;min-height:42px;padding:10px 12px;width:100%;font-size:12px}.bcWorkspace{display:grid;grid-template-columns:minmax(285px,.85fr) minmax(370px,1.35fr);border:1px solid var(--bc-line);border-radius:9px;background:#fff;overflow:hidden;height:calc(100dvh - 300px);min-height:440px;max-height:900px}.bcQueue{min-width:0;display:flex;flex-direction:column;background:#fbfaf7;border-right:1px solid var(--bc-line);overflow:hidden}.bcQueueHeading{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--bc-line);font-size:10px;color:#77786e}.bcQueueHeading small{font-size:9px;color:#a09b90}.bcQueueScroll{overflow-y:auto;overscroll-behavior:contain;flex:1}.bcQueueItem{width:100%;text-align:left;border:0;border-bottom:1px solid #eeece6;border-left:3px solid transparent;background:none;color:var(--bc-ink);border-radius:0;padding:18px 15px;display:block;min-height:108px}.bcQueueItem:hover{background:#f5f2eb}.bcQueueItem.isSelected{border-left-color:var(--bc-accent);background:#eeeae1}.bcQueueTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.bcQueueTop>b{font-size:16px;font-weight:600;letter-spacing:-.4px}.bcStage{font-size:9px;color:#77776e;white-space:nowrap;font-weight:400}.bcStage.stage-new{color:#885c34}.bcStage.stage-ready{color:#77372f}.bcStage.stage-completed{color:#687564}.bcQueuePlace{display:block;font-size:11px;color:#858175;margin-top:10px;overflow-wrap:anywhere;line-height:1.5}.bcQueueMeta{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#a19a8d;margin-top:12px;line-height:1.4}.bcUnpaid{color:#a38255}.bcPaid{color:#6e876e}.bcDetail{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}.bcDetailScroll{overflow-y:auto;overscroll-behavior:contain;padding:24px 28px;flex:1;min-height:0}.bcBack{display:none}.bcDetailTitle{display:flex;align-items:center;justify-content:space-between;gap:20px}.bcDetailTitle h2{font:400 31px/1.1 Georgia,serif;margin:0;letter-spacing:-1px}.bcLocation{font-size:13px;margin:13px 0 5px;line-height:1.5}.bcLocation span{color:#8b847a}.bcTime{font-size:10px;color:#aaa095;margin:0 0 22px}.bcItems{list-style:none;padding:0;margin:0}.bcItems li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;border-top:1px solid #eeece6;padding:17px 0;align-items:start}.bcQty{font-size:13px;color:#a29280}.bcItems b{font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.bcItems small{display:block;font-size:11px;line-height:1.5;color:#968c7d;margin-top:5px}.bcItems strong{font-size:12px;font-weight:400;white-space:nowrap}.bcItemNote{font-size:11px;color:#7a5c46;line-height:1.6;margin:8px 0 0;background:#f8f4eb;padding:7px 9px}.bcOrderNote{border-left:2px solid #c4ae8c;padding:3px 12px;margin:8px 0 18px}.bcOrderNote>span{font-size:9px;color:#a3947f}.bcOrderNote p{font-size:12px;line-height:1.6;margin:6px 0}.bcAmounts{border-top:1px solid var(--bc-line);padding-top:14px}.bcAmounts>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#928675;padding:5px 0}.bcAmounts .bcGrand{font-size:16px;color:#302b24;margin-top:6px}.bcGrand b{font-weight:500}.bcLegacy{font-size:10px;color:#aaa095}.bcPayment{margin-top:16px;padding:13px 0;border-top:1px solid var(--bc-line);font-size:11px;color:#98784d}.bcPayment small{display:block;font-size:9px;color:#a79e8e;line-height:1.6;margin-top:5px}.bcPayment.isPaid{color:#648064}.bcEta{display:flex;justify-content:space-between;gap:16px;font-size:11px;border-top:1px solid var(--bc-line);padding-top:12px;margin-top:3px;color:#99907e}.bcEta b{font-weight:500;color:#62533e}.bcActions{border-top:1px solid var(--bc-line);padding:14px 24px 15px;background:#fff}.bcSecondaryActions{display:flex;gap:18px;margin-bottom:10px}.bcSecondaryActions button{min-height:36px;border:0;padding:5px 0;background:none;color:#99866f;text-decoration:underline;text-underline-offset:4px;font-size:10px;box-shadow:none}.bcPrimaryActions{display:flex;gap:8px}.bcPrimaryActions button{flex:1;min-height:46px;border-radius:5px;padding:11px 10px;font-size:11px}.bcPay{background:#fff!important;color:#6e4b34!important;border:1px solid #d2bc9c!important}.bcNext{background:#773c30!important;color:#fff!important;border:1px solid #773c30!important}.bcPrimaryActions button:disabled{opacity:.4;cursor:not-allowed}.bcActions>small{display:block;font-size:9px;color:#b0a18e;margin-top:10px}.bcActionHint{font-size:9px;color:#a58760;line-height:1.5;margin:9px 0 0}.bcEmpty{padding:40px 22px;text-align:center;color:#a09480}.bcEmpty h2{font:400 22px/1.2 Georgia,serif;margin:0 0 12px;color:#766650}.bcEmpty p{font-size:11px;line-height:1.6}.bcDetailEmpty{margin:auto}.bayManual .layout{margin-top:22px}.bay-cashier-view footer{font-size:9px;opacity:.65}@media(max-width:1050px){.bcTools{display:block}.bcSearch{display:block;max-width:none;margin-top:8px}.bcSearch>span{display:none}.bcWorkspace{height:calc(100dvh - 340px);grid-template-columns:minmax(270px,.85fr) minmax(330px,1.15fr)}.bcDetailScroll{padding:22px}.bcHeaderActions{gap:5px}.bcHeaderActions button{padding:8px 10px}}@media(max-width:760px){.bcHeader{align-items:flex-start;flex-wrap:wrap;gap:15px}.bcHeader h1{font-size:29px}.bcHeaderActions{width:100%;justify-content:space-between}.bcStatusLine{font-size:9px;line-height:1.5}.bcFilters button{font-size:10px;padding:9px}.bcWorkspace{display:block;height:auto;min-height:440px}.bcQueue{border-right:0;min-height:440px;max-height:65dvh}.bcDetail{display:none}.bcWorkspace.isDetailOpen .bcQueue{display:none}.bcWorkspace.isDetailOpen .bcDetail{display:flex;min-height:580px;max-height:85dvh}.bcBack{display:block;min-height:40px;border:0;background:none;color:#9b8670;font-size:11px;padding:0;margin:-8px 0 16px}.bcDetailScroll{padding:20px}.bcActions{padding:14px 20px}.bcHeaderActions .bcNew{margin-left:auto}.bayManual .layout{display:block}.bayManual .cart{margin-top:22px}.bcQueueTop>b{font-size:17px}} 
/* Operational chrome leaves room for the queue on Android tablets. */
body.bay-cashier-view>header{padding:10px 3%;gap:8px 18px;min-height:0}
.bay-cashier-view>header .logo{font-size:19px;flex-shrink:0}
.bay-cashier-view>header .logo small{font-size:7px;letter-spacing:3px;margin-top:5px}
.bay-cashier-view #navigation{flex:1;min-width:0;margin-left:0;gap:2px}
.bay-cashier-view #navigation button{padding:10px 9px;min-height:40px}
.bay-cashier-view #connection{font-size:10px}
.bay-cashier-view>.test{padding:4px 3%;font-size:8px}
.bay-cashier-view #app{padding:14px 3%}
.bay-cashier-view .context{padding:0 0 10px;gap:12px}
.bay-cashier-view .context button{min-height:40px;padding:8px 12px;font-size:11px}
.bay-cashier-view .context h3{font-size:16px}
.bay-cashier-view .demoline{margin:5px 0 12px;font-size:9px}
.bcHeader h1{font-size:29px}.bcHeader .bcEyebrow{margin-bottom:5px}
.bcStatusLine{padding:8px 0 10px}.bcTools{margin-bottom:10px}
.bcWorkspace{height:calc(100dvh - 305px);min-height:360px}
.bay-cashier-view footer{margin-top:16px;padding-top:12px}
.bcOrderNote p,.bcItemNote{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1050px){.bcWorkspace{height:calc(100dvh - 335px)}.bcQueueItem{min-height:100px;padding:15px 13px}}
@media(max-width:760px){.bay-cashier-view .context{flex-direction:row;align-items:center}.bcWorkspace{height:auto;min-height:440px}.bay-cashier-view #navigation{flex-basis:100%;order:3}.bcStatusLine{padding-bottom:12px}.bcDetailTitle h2{font-size:28px}}
@media(min-width:901px){.bcTools{display:flex;align-items:flex-end;gap:16px}.bcSearch{display:block;max-width:240px;min-width:190px;margin-top:0}.bcSearch>span{display:block}.bcWorkspace{height:calc(100dvh - 365px);min-height:340px}}
@media(min-width:761px) and (max-width:900px){.bcWorkspace{height:calc(100dvh - 430px);min-height:390px}}
.bay-cashier-view .context{flex-direction:row;align-items:center}
.bay-cashier-view .contextselect{width:auto;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:6px}
.bay-cashier-view .contextselect button{width:auto;margin:0}
@media(min-width:761px) and (max-width:900px){.bcWorkspace{height:calc(100dvh - 450px)}.bay-cashier-view #app{padding-bottom:90px}}
@media(max-width:500px){.bay-cashier-view .tenantmark{font-size:20px}.bay-cashier-view .tenantmark span{font-size:13px}.bay-cashier-view .tenantmark small{font-size:7px;letter-spacing:.7px}.bay-cashier-view .contextselect button{font-size:9px;padding:7px;min-height:40px}.bay-cashier-view #settings{max-width:95px}.bcStatusLine{flex-wrap:wrap;gap:4px}.bcPrimaryActions{flex-direction:column}.bcPrimaryActions button{min-height:46px}.bcQueueMeta{font-size:10px}.bcSecondaryActions button{min-height:44px}}
