:root{font-family:Arial,Helvetica,sans-serif;color:#122630;background:white;--navy:#063d6b;--blue:#007b9e;--line:#ccd7dd}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit;touch-action:manipulation}button{min-height:44px;cursor:pointer;border:1px solid var(--line);background:#f8fafb;color:#116b85;padding:6px 8px;border-radius:2px;font-weight:600;font-size:12px}button:disabled{cursor:not-allowed;color:#526670;background:#f6f7f8}button small{display:block;font-size:9px;font-weight:400;margin-top:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d69200;outline-offset:-3px}button.primary{background:var(--blue);color:white}button.done{background:#0caf81;color:white;border-color:#0caf81}.app-brand{height:32px;display:flex;align-items:center;padding:0 9px;gap:10px;border-bottom:1px solid var(--line);font-size:12px}.app-brand strong{font-size:14px}.app-brand strong small{font-size:10px;font-weight:400}.test-badge{background:#bc1924;color:white;padding:3px 6px;border-radius:3px;font-size:10px}.app-brand #connection{font-size:10px}.app-brand nav{margin-left:auto;display:flex;gap:10px;align-items:center}.app-brand a{color:#126783;font-size:11px}.app-brand button{min-height:28px;font-size:10px;padding:3px 6px}.toolbar{height:65px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:3px 7px;gap:3px}.toolbar>button{min-width:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:white;padding:4px 7px;font-weight:400}.toolbar button b{font-size:23px;font-weight:400}.toolbar button span{font-size:11px}.toolbar button.done{background:#0caf81;color:white}.toolbar button:disabled{color:#85949b}.toolbar button small{font-size:8px}.order-heading{margin-left:auto;display:flex;flex-direction:column;justify-content:center;font-size:11px;gap:5px}.order-heading span{font-size:10px;color:#60747f}#notice:empty{display:none}#notice{padding:7px 10px;background:#fff7d6;border-left:4px solid #cb9a27;font-size:12px;max-height:88px;overflow:auto}.pending{padding:8px 10px;background:#fff4ce;border:1px solid #d5b459;font-size:12px;max-height:190px;overflow:auto}.pending p{margin:5px 0}.pending button{margin-right:6px}.pos-grid{display:grid;grid-template-columns:8% 28% 38% 26%;height:calc(100dvh - var(--entry-top,97px));min-height:420px;overflow:hidden}#editor{display:contents}.categories{display:flex;flex-direction:column;overflow:auto;border-right:1px solid var(--line)}.categories button{flex:1;min-height:52px;border:0;border-bottom:1px solid #f0f2f4;border-radius:2px;background:white;padding:3px;font-size:11px;font-weight:400;line-height:1.15}.categories b{display:block;font-size:18px;margin-bottom:4px}.categories [aria-pressed=true]{background:var(--blue);color:white}.menu-panel{overflow:auto;border-right:1px solid var(--line);padding:0 5px 10px 3px;min-width:0}.section-heading{position:sticky;top:0;z-index:1;margin:0;padding:4px 6px;background:var(--navy);color:white;font-size:12px;text-align:center;letter-spacing:.3px;min-height:22px}.section-heading span{float:right;font-size:11px}.reference-label{font-size:9px;color:#675f49;background:#fff8df;padding:5px;margin:2px 0;line-height:1.3}.reference-rows{display:grid;gap:2px}.two-col{grid-template-columns:1fr 1fr}.reference-row{min-width:0;display:flex;gap:2px}.reference-row.has-price{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.two-col .has-price{grid-column:1/-1}.reference-row button{width:100%;text-align:left;min-height:52px;white-space:normal;overflow-wrap:anywhere;border:0;border-left:3px solid #0002;color:#182d34;padding:7px 6px;background:var(--tile,#ddd)}.reference-row button strong{font-size:12px;line-height:1.25;display:block}.reference-row small{font-size:8px;color:#42515a}.reference-price{display:flex;align-items:center;justify-content:space-around;font-size:12px;font-weight:600;gap:6px;color:#57626a}.gold{--tile:#ffda78}.pink{--tile:#ffabab}.red{--tile:#ff777b}.cyan{--tile:#81eceb}.teal{--tile:#0bceca}.blue{--tile:#41d0e9}.green{--tile:#80f76f}.magenta{--tile:#f087f5}.yellow{--tile:#ffff76}.purple{--tile:#cba1f5}.violet{--tile:#a17aef}.deal{--tile:#17e9a4}.buffet{--tile:#25b7f2}.buffet .reference-row:nth-child(n+5){--tile:#76f1ad}.specialty{--tile:#7bfa70}.specialty .reference-row:nth-child(n+6){--tile:#fffd74}.specialty .reference-row:nth-child(n+12){--tile:#3ad2e9}.test-product{width:100%;display:flex;justify-content:space-between;align-items:center;background:#ffb851;color:#192e34;border:1px solid #da9a3f;min-height:50px;gap:7px;text-align:left}.test-product span{font-size:12px;white-space:nowrap}.test-product[aria-pressed=true]{box-shadow:inset 0 0 0 2px #006580}.test-presets{display:grid;gap:2px}.menu-disclaimer{font-size:10px;padding:5px 4px;color:#5b707a;margin:0;line-height:1.4}.order-ticket{display:flex;flex-direction:column;border:1px solid var(--line);border-top:0;min-width:0;min-height:0;overflow:hidden}.order-types{display:grid;grid-template-columns:repeat(4,1fr);padding:2px;gap:2px}.order-types button{border:0;background:white;font-size:12px;font-weight:400;padding:3px;min-width:0}.order-types [aria-pressed=true]{background:#e2f3f8;box-shadow:inset 0 -3px var(--blue)}.order-types button:disabled{color:#98a2a6}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px 6px}.customer-fields label{display:flex;gap:3px;align-items:center;font-size:10px}.customer-fields input{min-width:0;width:100%;height:24px;border:1px solid #e2e6e8;background:#fafafa;border-radius:2px}.customer-fields .address{grid-column:1/-1}.customer-fields small{grid-column:1/-1;font-size:9px;color:#8a9296}.table-label{display:flex;align-items:center;gap:6px;padding:2px 6px;font-size:11px}.table-label select{min-height:36px;flex:1}.ticket-heading,.item-main{display:grid;grid-template-columns:minmax(0,1fr) 100px 33px;gap:5px}.ticket-heading{padding:9px 6px;font-size:12px}.ticket-lines{flex:1;overflow:auto;padding:0 7px;min-height:50px}.ticket-lines:empty:before{content:'Order:';color:#6c919e;font-size:11px}.item{border-bottom:1px solid #dbe2e5;padding:9px 2px;overflow-wrap:anywhere}.item strong{font-size:12px}.item p{font-size:11px;margin:5px 0;line-height:1.35}.line-price{font-size:10px;text-align:right;color:#324e5c}.mins{font-size:11px;text-align:center;color:#7c8f98}.item button{font-size:11px;margin-right:4px;min-height:44px}.item.is-editing{background:#e5f5fa;border-left:3px solid var(--blue);padding-left:5px}.ticket-bottom{flex-shrink:0;border-top:1px solid var(--line);background:white}#ticketPane{padding:5px 8px}.coupon-label{display:flex;align-items:center;gap:4px;font-size:10px}.coupon-label select{flex:1;min-width:0;min-height:35px;font-size:11px;border:1px solid var(--line);background:white}.totalrow{display:flex;justify-content:space-between;font-size:11px;margin:3px 0;gap:7px}.grand{font-size:20px;font-weight:700;border-top:1px solid var(--line);padding-top:4px}.totals small{font-size:9px;color:#6b7b83}.ticket-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:5px;margin-top:5px}.ticket-tabs{display:flex;border-top:1px solid var(--line)}.ticket-tabs button{flex:1;min-width:0;padding:3px 1px;font-weight:400;border:0;font-size:10px}.ticket-tabs small{font-size:8px}.ticket-tabs [aria-pressed=true]{background:var(--blue);color:white}.modifiers{overflow:auto;min-width:0;padding:0 5px 0 7px}.panel-heading{background:var(--navy);color:white;padding:7px;text-align:center}.panel-heading h2{font-size:13px;margin:0}.segments{display:flex;gap:2px}.segments button{flex:1;min-width:0;padding:5px 2px;font-size:11px}.segments [aria-pressed=true]{background:var(--blue);color:white}.sizes{margin:3px 0}.sizes [aria-pressed=true]{background:#efcd35;color:#172c35}.quantity-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0}.quantity-label input{width:70px;min-height:44px;font-size:16px;padding:5px;border:1px solid var(--line)}.modifiers h3{font-size:11px;background:var(--navy);color:white;text-align:center;padding:5px;margin:3px 0}.topping{padding:5px 0;border-bottom:1px solid var(--line)}.topping>strong{display:block;font-size:11px;margin-bottom:4px}.modifier-hint{font-size:9px;color:#607983;margin:6px 0}.notes-label{display:block;font-size:11px;margin:5px 0}.notes-label textarea{display:block;width:100%;min-height:65px;resize:vertical;font-size:16px;border:1px solid var(--line);padding:5px;margin-top:4px}.builder-actions{display:flex;position:sticky;bottom:0;background:#eff5f8;padding:6px 0;gap:4px;z-index:1}.builder-actions button{flex:1}.accepted{grid-column:2/-1;overflow:auto;padding:20px}.card{background:white;border:1px solid var(--line);padding:18px}.login{max-width:460px;margin:70px auto}.login input{display:block;width:100%;min-height:44px;margin:10px 0;font-size:16px}.login button{width:100%}.login p{font-size:13px}.login h1{font-size:24px}.eyebrow{color:#b31c26;font-size:11px}.kitchen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px}.ticket{border-top:5px solid #d5a139}.ticket.preparing{border-top-color:#467abc}.ticket.ready{border-top-color:#2d9064}.ticket .state{text-transform:uppercase;font-size:12px}.ticket h2{font-size:18px}.ticket button{width:100%}.muted{font-size:11px;color:#667d88}dialog{padding:0;border:1px solid #71909d;width:min(620px,calc(100vw - 24px));max-height:calc(var(--visual-height,100dvh) - 24px);background:white;color:#172c35}dialog::backdrop{background:#14263266}.dialog-heading{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:white;padding:5px 10px;position:sticky;top:0;z-index:2}.dialog-heading h2{font-size:17px;margin:0}.dialog-heading button{background:#be2933;color:white;border:0;font-size:22px;min-width:44px}.checkout-body{padding:12px 18px}.checkout-body input{display:block;width:100%;min-height:44px;font-size:18px;margin-top:6px;border:1px solid var(--line);padding:6px}.checkout-body label{font-size:13px;font-weight:600}.checkout-actions,.guard-actions{position:sticky;bottom:0;display:flex;gap:7px;padding:10px;background:white;border-top:1px solid var(--line)}.checkout-actions button,.guard-actions button{flex:1}.cash-presets{display:flex;gap:7px;margin-top:8px}.cash-presets button{flex:1}.unsupported{font-size:11px;color:#7a858b}.order{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:12px}.order small{display:block;margin-top:4px}
@media(orientation:portrait),(max-width:700px){.pos-grid{grid-template-columns:85px minmax(0,1fr) minmax(0,1.25fr);height:auto;min-height:calc(100dvh - 100px);overflow:visible}.categories{grid-column:1;grid-row:1/3;max-height:calc(100dvh - 100px);position:sticky;top:0}.menu-panel{grid-column:2;grid-row:1;max-height:55dvh}.order-ticket{grid-column:3;grid-row:1/3;position:sticky;top:0;align-self:start;height:calc(100dvh - 100px);min-height:570px}.modifiers{grid-column:2;grid-row:2;max-height:75dvh}.toolbar{overflow-x:auto}.order-heading{min-width:105px}.customer-fields{grid-template-columns:1fr}.ticket-heading,.item-main{grid-template-columns:minmax(0,1fr) 65px 25px}.ticket-tabs{flex-wrap:wrap}.ticket-tabs button{min-width:50px}.coupon-label{display:block}.coupon-label select{width:100%}.app-brand{height:auto;min-height:32px;flex-wrap:wrap}.kitchen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.pos-grid{display:flex;flex-direction:column}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:static;max-height:none}.categories button{font-size:9px;min-height:64px}.menu-panel{max-height:45dvh}.modifiers{max-height:65dvh}.order-ticket{position:static;height:600px;min-height:0}.order-heading{display:none}.app-brand nav{margin-left:0}.kitchen{grid-template-columns:1fr}.login{margin:30px 12px}.ticket-heading,.item-main{grid-template-columns:minmax(0,1fr) 100px 33px}}
@media(max-height:550px) and (orientation:landscape){.pos-grid{min-height:340px}.customer-fields{display:none}.ticket-lines{min-height:60px}.coupon-label{display:none}}
.catalog-products{display:grid;grid-template-columns:1fr 1fr;gap:2px}.catalog-products button{background:#ffdd86;color:#16313c;min-height:72px;text-align:left;padding:7px}.catalog-products button span{display:block;font-size:10px;font-weight:400;line-height:1.5;margin-top:6px}.catalog-products button:disabled{background:#e8e6e0}.catalog-products button strong{font-size:12px}.included{font-size:11px;line-height:1.45}.catalog-warning{font-size:10px;background:#fff5d9;padding:6px;line-height:1.4}.catalog-sizes{flex-wrap:wrap}.catalog-sizes button{min-width:60px}.catalog-toppings{display:grid;grid-template-columns:1fr 1fr;gap:3px}.catalog-toppings button{font-size:11px;text-align:left}.catalog-toppings [aria-pressed=true]{background:#007b9e;color:white}.catalog-toppings button:disabled{color:#859198}#catalogEditor label{display:block;font-size:12px;margin:7px 0}#catalogEditor input,#catalogEditor select{width:100%;min-height:44px;font-size:16px;border:1px solid #ccd7dd;padding:5px;margin-top:4px}

.catalog-products .tile-orange{background:#ffb851}.catalog-products .tile-green{background:#80f76f}.catalog-products .tile-yellow{background:#ffff76}.catalog-products .tile-blue{background:#41d0e9}.catalog-products .pizza-tile:disabled{opacity:.65;color:#263940}

.catalog-products .tile-blue:disabled{background:#41d0e9}.catalog-products .tile-green:disabled{background:#80f76f}.catalog-products .tile-yellow:disabled{background:#ffff76}

.ticket-topping{display:block;border-left:1px solid #b7cbd5;margin-left:12px;padding:3px 8px}.live-label{display:block;color:#006480;font-size:10px;margin-bottom:5px}

.ticket-select{width:100%;text-align:left;background:transparent;border:0;color:inherit}.ticket-select:hover,.ticket-select:focus-visible{background:#e2f3f8}

/* Included ingredients stay legible and highlighted even while edits are locked. */
.ingredient-grid button{min-height:48px;overflow-wrap:anywhere;line-height:1.3}
.ingredient-grid button:disabled{opacity:1;background:#edf1f3;color:#53636b;cursor:not-allowed}
.ingredient-grid button[aria-pressed=true]{background:#007b9e;color:#fff;border:2px solid #005c78}
.ingredient-grid small{display:block;font-size:10px;margin-top:4px}

/* Recorded POS workflow: compact checklist with independent half controls. */
.ingredient-grid{display:block}
.ingredient-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:3px;margin-bottom:3px}
.ingredient-row button{min-height:44px;padding:4px;text-align:center;font-size:15px}
.ingredient-row .ingredient-name{font-size:12px;text-align:center}
.ingredient-row small{font-size:9px;margin-top:2px}
.recipe-details{font-size:11px;margin:6px 0}.recipe-details summary{cursor:pointer;min-height:28px;padding:5px}
.catalog-products .tile-pink{background:#ffa0b4}.catalog-products .tile-purple{background:#c9a0ff}.catalog-products .tile-cyan{background:#82f0f0}
#menuReview{margin:0;padding:8px}#menuReview button{min-height:44px}

/* Compact register options hierarchy, September 2026 reference. */
.pos-options-panel .pos-option-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:5px}
.pos-options-panel .pos-option-top input,.pos-options-panel .pos-option-top select{width:100%;min-height:42px}
.pos-options-panel .pos-option-disclosure{margin:5px 0;border:1px solid #cad4da;background:#fff}
.pos-options-panel .pos-option-disclosure>summary{padding:10px;text-align:center;cursor:pointer;font-weight:700;min-height:42px;box-sizing:border-box}
.pos-options-panel .pos-option-disclosure>label,.pos-options-panel .pos-option-disclosure>p{margin:8px;display:block}
.pos-options-panel .selected-crust{width:100%;background:#007f9f;color:white;min-height:44px;font-weight:700}
.pos-options-panel .pos-crust-section h3{margin:2px 0}
.pos-options-panel .pos-topping-list{display:block;max-height:clamp(180px,calc(100dvh - 500px),430px);overflow-y:auto;overscroll-behavior:contain}
.pos-options-panel .ingredient-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px 30px;gap:3px;margin:3px 0;min-height:44px}
.pos-options-panel .ingredient-row>button{min-width:0;min-height:44px;padding:3px}
.pos-options-panel .ingredient-row .ingredient-name{font-size:13px}
.pos-options-panel .ingredient-row small{font-size:10px}
.pos-options-panel h3:has(+.pos-topping-list){display:flex;justify-content:space-between;align-items:center}
#posMoreToppings{width:100%;min-height:38px}
.pos-options-panel [hidden]{display:none!important}
/* Non-pizza ingredients have no left/right pizza-placement columns. */
.pos-options-panel .nonpizza-ingredients .ingredient-row{grid-template-columns:minmax(0,1fr) auto}
.pos-options-panel .nonpizza-ingredients .ingredient-name{width:100%;text-align:left}