/* StayOS restaurant POS v0.20 */
.pos-nav,.pos-area-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.pos-nav a,.pos-pill{padding:10px 15px;background:#fff;border:1px solid #dce5f1;border-radius:12px;text-decoration:none;color:#18345a;font-size:13px;font-weight:700}.pos-nav .active,.pos-pill.active{background:#132643;color:#fff;border-color:#132643}
.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:20px 0}.pos-outlet-card{background:#fff;border:1px solid #e1e8f3;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:7px;color:#1a2c49;text-decoration:none;box-shadow:0 9px 24px rgba(20,47,84,.035)}.pos-outlet-card:hover{border-color:#526df5;transform:translateY(-2px)}.pos-outlet-card h2{margin:4px 0;font-size:20px}.pos-outlet-card p,.pos-outlet-card small{margin:0;color:#7788a3}.pos-outlet-icon{background:#eaf1ff;border-radius:14px;width:49px;height:49px;display:flex;align-items:center;justify-content:center;font-size:23px}.pos-outlet-link{font-weight:800;color:#4569e6}.pos-money{font-size:25px;font-weight:800}.pos-panel-narrow{max-width:840px;margin:22px 0}.pos-inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pos-inline-form input{flex:1;min-width:170px}
.pos-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin:16px 0}.pos-panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.pos-panel-heading h2{margin-bottom:3px}.pos-panel-heading small{color:#8091aa}.pos-floor-shell{min-width:0}.pos-aside{min-width:0}.pos-floor{position:relative;height:580px;max-width:100%;border-radius:18px;background-color:#eef5f9;background-image:linear-gradient(90deg,#dde7f030 1px,transparent 1px),linear-gradient(#dde7f030 1px,transparent 1px);background-size:32px 32px;border:1px solid #d8e2ee;overflow:hidden;margin-top:20px;touch-action:pan-y}.pos-floor.editing{background-color:#e6edff;touch-action:none}.pos-table{position:absolute;box-sizing:border-box;width:124px;min-height:115px;padding:11px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#e4f8ed;color:#0a5b40;border:2px solid #8ddfba;border-radius:14px;text-align:center;box-shadow:0 5px 13px rgba(20,45,65,.06);user-select:none}.pos-table b{font-size:21px}.pos-table span{font-size:12px}.pos-table-round{border-radius:60px;width:119px;height:119px}.pos-table-rectangle{width:156px}.pos-table-busy{background:#fff4d6;color:#955907;border-color:#e9bc6d}.pos-table-disabled{background:#f3f3f5;color:#777;border-color:#bec4cd}.pos-mini-btn{border:0;color:#075b48;background:#fff;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:6px}.pos-table a{font-size:12px;font-weight:800;text-decoration:none}.pos-floor.editing .pos-table{cursor:grab;outline:2px dashed #4665e3}.pos-floor.editing .pos-table *{pointer-events:none}.pos-floor.editing .pos-table:active{cursor:grabbing}.pos-floor-empty{padding:30px;color:#687c97}.pos-floor-status{font-size:12px;color:#667c9b;margin-top:10px;min-height:20px}.pos-mini-list{display:grid;gap:7px;margin:12px 0}.pos-mini-list a{display:flex;justify-content:space-between;background:#f3f7fe;border-radius:9px;padding:10px 12px;text-decoration:none;color:#1f3b65}.pos-mini-list span{font-size:12px;color:#60738c}.pos-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;font-size:25px;font-weight:800;color:#172e54}.pos-kds-card{border-radius:17px;border:1px solid #dde6f3;background:white;padding:18px}.pos-kds-card h2{font-size:21px;margin:8px 0;display:flex;justify-content:space-between}.pos-kds-card small,.pos-kds-card p{color:#7083a1}.pos-kds-status{padding:10px;border-radius:9px;background:#eef2ff;margin:15px 0;font-weight:700}.visually-hidden{position:absolute!important;clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden;width:1px;height:1px}
@media(max-width:950px){.pos-main-layout{grid-template-columns:1fr}.pos-floor{height:480px}.pos-aside{max-width:none}}@media(max-width:540px){.pos-floor{height:420px}.pos-table{transform:scale(.8);transform-origin:top left}.pos-panel-heading{align-items:flex-start;flex-direction:column}}

.pos-product-edit{min-width:220px;max-width:320px;padding:12px;background:#f5f8ff;border:1px solid #dce5f3;border-radius:10px;margin-top:7px}.pos-product-edit-summary{font-size:12px;color:#365be3;cursor:pointer;padding-top:6px}

.pos-table-editor-list{max-height:270px;overflow-y:auto;display:grid;gap:6px}.pos-table-editor-list details{border:1px solid #dde5ee;border-radius:11px;padding:9px}.pos-table-editor-list summary{font-weight:700;font-size:13px;color:#2d476d;cursor:pointer}.pos-table-editor-list form{padding-top:10px}

/* v0.21 retail checkout & inventory */
.pos-retail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:20px;align-items:start;margin-top:14px}
.pos-retail-grid>.surface-panel{min-width:0}.pos-retail-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.retail-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin:20px 0}
.retail-sku{border:1px solid #e1e8f3;border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 24px rgba(23,44,85,.03)}
.retail-sku strong{color:#14254a;font-size:15px}.retail-sku span{font-weight:800;color:#078a8f;font-size:18px}.retail-sku small{font-size:11px;color:#657797}
.retail-sku form{margin-top:auto}.retail-sku button{width:100%}.retail-basket{position:sticky;top:90px}.retail-scan{display:flex;gap:9px;margin:10px 0 8px}
.retail-scan input{flex:1;min-width:80px;border:1px solid #dce5f5;border-radius:10px;padding:11px 13px;font-size:15px}
.retail-grand-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #e1e8f3;margin-top:16px}
.retail-grand-total strong{font-size:28px;color:#153e71}.retail-full{display:block;text-align:center;width:100%;margin:11px 0}.retail-room-charge{border:1px solid #dde7f7;border-radius:10px;padding:12px;margin:14px 0}.retail-room-charge summary{cursor:pointer;font-weight:700}.retail-open-bill{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e9eef5;padding:12px 0;text-decoration:none}.retail-open-bill small{color:#72849d}.retail-adjust-form{display:grid;gap:8px;max-width:340px;padding:12px 0}.retail-adjust-form label{display:grid;gap:5px;font-size:12px}.retail-adjust-form input,.retail-adjust-form select{border:1px solid #dce5f5;border-radius:8px;padding:9px}
.retail-low{color:#bf3345!important;font-weight:800}.retail-low-row{display:flex;justify-content:space-between;border-bottom:1px solid #e9eef5;padding:12px 0;gap:8px}
.retail-period{display:flex;gap:8px;margin:14px 0}.retail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.retail-kpis>div{display:flex;flex-direction:column;gap:8px}.retail-kpis strong{font-size:26px;color:#142f59}.retail-kpis small{font-size:11px;color:#7a899e}
.retail-chart{display:grid;gap:11px;margin-top:18px}.retail-chart-row{display:grid;grid-template-columns:62px 1fr 105px;align-items:center;gap:12px;font-size:12px}.retail-chart-row>div{height:13px;background:#eef3f8;border-radius:10px;overflow:hidden}.retail-chart-row i{height:100%;display:block;background:linear-gradient(90deg,#1b8c96,#6070ff);border-radius:10px}.retail-chart-row b{text-align:right}
@media(max-width:1100px){.pos-retail-grid{grid-template-columns:1fr}.retail-basket{position:static}.retail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.retail-kpis{grid-template-columns:1fr}.retail-chart-row{grid-template-columns:55px 1fr 70px}.retail-scan{flex-wrap:wrap}.retail-scan button{width:100%}}

.retail-tendered{display:grid;gap:8px;color:#273c5e;font-weight:650;font-size:13px}.retail-tendered input{width:100%;border:1px solid #cad9ed;padding:12px;border-radius:10px;font-size:20px;font-weight:800}

/* v0.22 — visually separate restaurant and retail workflows */
.pos-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 24px}
.pos-choice-card{display:flex;flex-direction:column;gap:9px;padding:30px;border:1px solid #dfe8f4;border-radius:20px;background:#fff;text-decoration:none;color:#13274c;box-shadow:0 12px 30px rgba(19,39,76,.04);transition:transform .18s,box-shadow .18s}
.pos-choice-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(25,45,75,.10)}
.pos-choice-symbol{font-size:36px}.pos-choice-meta{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#5268a6}.pos-choice-card h2{font-size:25px;margin:4px 0}.pos-choice-card p{color:#657694;line-height:1.7}.pos-choice-card strong{color:#405bf3;margin-top:10px}
.pos-legacy-notice{background:#fffbeb;border:1px solid #fcd34d;color:#92400e;border-radius:12px;padding:14px 18px;margin:12px 0}.pos-legacy-notice a{color:#92400e;text-decoration:underline;font-weight:600}
.pos-focused-nav{margin:18px 0 24px;display:flex;flex-wrap:wrap;gap:9px}.pos-focused-nav a{white-space:nowrap}
@media(max-width:850px){.pos-choice-grid{grid-template-columns:1fr}.pos-choice-card{padding:22px}}

/* v0.22.1 — retail thumbnails, initial stock and accessible stock receipt */
.pos-catalog-ident{display:flex;align-items:center;gap:11px;min-width:180px}
.pos-thumb-box{width:52px;height:52px;flex:0 0 52px;border:1px solid #dfe7f1;background:#f1f6fc;border-radius:11px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pos-thumb-box img{width:100%;height:100%;object-fit:cover}.pos-thumb-box span{font-size:23px}
.retail-product-photo{height:142px;width:100%;overflow:hidden;border-radius:12px;background:#f0f5fb;display:flex;align-items:center;justify-content:center}
.retail-product-photo img{width:100%;height:100%;object-fit:contain}.retail-product-photo-placeholder{font-size:42px;color:#8796ab}
.pos-product-aux{border-top:1px solid #dce5f3;margin-top:12px;padding-top:11px;display:grid;gap:8px}
.pos-product-aux h4{margin:0;font-size:13px;color:#21365f}.pos-product-aux small{font-size:11px;color:#62758b}
.pos-catalog-edit>summary{cursor:pointer;color:#365be3;font-size:12px;font-weight:800;white-space:nowrap}
.pos-catalog-edit{max-width:330px}.pos-catalog-edit .pos-product-edit{margin:12px 0}
.pos-catalog-edit .form-stacked input[type=file]{width:100%;font-size:12px;padding:6px;border:1px solid #d6e2f2;border-radius:8px}
.pos-checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.pos-checkbox input{width:auto!important}
.pos-catalog-toggle{margin-top:6px}
@media(max-width:700px){.retail-product-photo{height:115px}.pos-main-layout{display:flex;flex-direction:column}.pos-aside{width:100%}}
/* Retail product detail page avoids expanding 2-column editing forms in a table */
.pos-product-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:20px;margin-top:20px;align-items:start}
.pos-product-detail-grid>.surface-panel{min-width:0}.pos-product-hero{display:flex;gap:18px;align-items:center;padding:16px;background:#f3f7fd;border-radius:14px;margin:16px 0}
.pos-product-hero>img,.pos-product-hero>.retail-product-photo-placeholder{width:135px;height:135px;flex:0 0 135px;object-fit:contain;border-radius:14px;background:#fff}
.pos-product-hero>.retail-product-photo-placeholder{display:flex;align-items:center;justify-content:center}
.pos-product-hero strong{font-size:19px}.pos-product-detail-grid .form-stacked{margin:16px 0;display:grid;gap:10px}
.pos-product-detail-grid .form-stacked label{display:grid;gap:7px;font-size:13px}
.pos-product-detail-grid .form-stacked input{width:100%;border:1px solid #d7e3f1;border-radius:9px;padding:10px}
.pos-product-detail-grid .form-stacked label.pos-checkbox{display:flex;flex-direction:row;align-items:center}.pos-product-detail-grid .form-stacked label.pos-checkbox input{width:auto}
.pos-edit-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pos-stock-number{padding:23px 16px;margin:20px 0;border-radius:14px;background:#eff8fa;display:grid;gap:8px}.pos-stock-number strong{font-size:36px;color:#0e7478}.pos-stock-number small{color:#65788a}
.pos-catalog-quick-link{white-space:nowrap;font-size:12px!important;padding:9px!important}
@media(max-width:1050px){.pos-product-detail-grid{grid-template-columns:1fr}}
@media(max-width:550px){.pos-product-hero>img,.pos-product-hero>.retail-product-photo-placeholder{width:95px;height:95px;flex-basis:95px}.pos-edit-pair{grid-template-columns:1fr}}

/* v0.23.1 — cashier tender & change preview */
.pos-cash-checkout{margin-top:10px;padding:16px;border:1px solid #d9e5f6;border-radius:16px;background:#f8fbff;display:grid;gap:12px}
.pos-cash-head,.pos-cash-change{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pos-cash-head{color:#385174;font-size:14px}.pos-cash-head strong{color:#172e55;font-size:23px}
.pos-cash-change{background:#eaf8f1;border:1px solid #b7e6d1;border-radius:12px;padding:14px;color:#14563e;font-weight:700}
.pos-cash-change strong{font-size:26px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pos-cash-change.pos-cash-short{background:#fff3eb;border-color:#ffc4a2;color:#9f391a}
.pos-cash-quick{display:flex;gap:7px;flex-wrap:wrap}
.pos-cash-quick-btn{border:1px solid #cddaf0;border-radius:9px;background:white;color:#254575;padding:8px 10px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;min-height:36px}
.pos-cash-quick-btn:hover,.pos-cash-quick-btn:focus-visible{background:#e6eeff;border-color:#526af6}
.pos-cash-message{font-size:12px;color:#647894;margin:0;line-height:1.55}
.pos-cash-message.pos-cash-error{color:#a13321;font-weight:700}
.pos-cash-form .retail-full:disabled{background:#a2b1d1;opacity:.75;cursor:not-allowed;box-shadow:none}
.pos-cash-form .retail-tendered{margin:0}
.pos-cash-form .retail-tendered input:focus-visible{outline:3px solid #8ea4ff;outline-offset:1px}
@media(max-width:540px){.pos-cash-head strong{font-size:21px}.pos-cash-change strong{font-size:24px}.pos-cash-checkout{padding:12px}}