.cafe-page,.cafe-order-page{max-width:1180px;margin:0 auto;padding:2rem 1.5rem 4rem;font-size:1rem;line-height:1.6}.cafe-order-page{max-width:1080px}.cafe-heading{display:flex;justify-content:space-between;align-items:start;gap:2rem}.cafe-heading h1,.cafe-customer-header h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.25;margin:.35rem 0 1rem}.cafe-heading p{max-width:700px}.cafe-heading>a{white-space:nowrap}.cafe-page label,.cafe-order-page label{display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0;font-size:1rem;font-weight:500}.cafe-page input,.cafe-page select,.cafe-page textarea,.cafe-order-page input,.cafe-order-page select,.cafe-order-page textarea{font:inherit;border:1px solid #b7c3bd;border-radius:8px;background:#fff;color:#19342e;padding:.7rem;min-width:0;max-width:100%}.cafe-page textarea,.cafe-order-page textarea{width:100%;resize:vertical}.cafe-page input:focus-visible,.cafe-page select:focus-visible,.cafe-page textarea:focus-visible,.cafe-order-page input:focus-visible,.cafe-order-page select:focus-visible,.cafe-order-page textarea:focus-visible{outline:3px solid #27755c;outline-offset:2px}.cafe-page input[type=checkbox],.cafe-order-page input[type=checkbox]{width:1.15rem;height:1.15rem;flex:0 0 auto}.cafe-page .cafe-check,.cafe-order-page .cafe-check{flex-direction:row;align-items:start;gap:.7rem}.cafe-page fieldset{border:1px solid #cbd6cf;border-radius:14px;padding:1.2rem;margin:1.5rem 0}.cafe-page legend{font-weight:700;padding:0 .4rem}.cafe-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cafe-store-picker{max-width:400px}.cafe-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;border-bottom:1px solid #cbd6cf;padding-bottom:1rem}.cafe-tabs button{font:inherit;padding:.6rem 1rem;border-radius:8px;border:1px solid #cbd6cf;background:#fff;color:#19342e;cursor:pointer}.cafe-tabs button[aria-expanded=true]{background:#19342e;color:#fff;border-color:#19342e}.cafe-filter{display:flex;align-items:end;flex-wrap:wrap;gap:1rem}.cafe-filter label{flex:1;min-width:160px}.cafe-filter button{margin-bottom:.8rem}.cafe-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.cafe-order-card,.cafe-menu-item,.cafe-receipt,.cafe-cart{border:1px solid #cbd6cf;background:#fff;border-radius:14px;padding:1.3rem}.cafe-card-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.cafe-card-head h3{margin:0;font-size:1.3rem;overflow-wrap:anywhere}.cafe-state{padding:.25rem .6rem;border-radius:5px;font-size:.9rem;font-weight:700;white-space:nowrap;background:#f0f3f1}.cafe-state-received{color:#633500;background:#fff1cf}.cafe-state-preparing{color:#184a72;background:#e6f2fd}.cafe-state-served{color:#1d563a;background:#e8f5ec}.cafe-state-cancelled{color:#5a4345;background:#f4edef}.cafe-paid{font-weight:700;color:#1d563a}.cafe-unpaid{font-weight:600;color:#654714}.cafe-order-card time,.cafe-reference{color:#53645b;font-size:.9rem}.cafe-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.8rem}.cafe-actions button{font-size:.95rem}.cafe-items{list-style:none;padding:0;margin:1rem 0}.cafe-items li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid #edf0ee}.cafe-items span{overflow-wrap:anywhere}.cafe-items strong{white-space:nowrap}.cafe-note{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f4;padding:.7rem;border-radius:6px}.cafe-list{display:grid;gap:.6rem;margin:1rem 0}.cafe-row{padding:1rem;background:#fff;border:1px solid #cbd6cf;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;overflow-wrap:anywhere}.cafe-row p{margin:.25rem 0}.cafe-row .cafe-actions{margin:0}.cafe-notice{padding:1rem;background:#eaf1ed;border-radius:10px}.cafe-customer-header{border-bottom:1px solid #cbd6cf;padding-bottom:1.2rem;margin-bottom:1rem}.cafe-customer-header>strong{font-size:1.25rem;color:#19342e}.cafe-customer-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;margin-top:1.5rem}.cafe-menu-grid{display:grid;gap:1rem}.cafe-menu-category{margin:.5rem 0 0;font-size:1.1rem}.cafe-menu-item h3{margin:0;font-size:1.2rem;overflow-wrap:anywhere}.cafe-menu-item p{color:#53645b;white-space:pre-wrap;overflow-wrap:anywhere}.cafe-menu-item button{display:block;margin-top:1rem;width:100%}.cafe-cart{align-self:start;position:sticky;top:1rem}.cafe-cart h2{margin-top:0}.cafe-cart-row{display:grid;grid-template-columns:1fr auto;gap:.4rem;padding:.8rem 0;border-bottom:1px solid #e3e9e5;align-items:center}.cafe-cart-row strong{overflow-wrap:anywhere}.cafe-cart-row label{max-width:6rem;margin:0}.cafe-cart-row label input{width:100%}.cafe-cart-row span{white-space:nowrap}.cafe-cart-row button{justify-self:end}.cafe-cart .primary-button{width:100%}.cafe-receipt{max-width:650px;margin-top:1.5rem}#cafe-status,#order-status{min-height:1.6em;overflow-wrap:anywhere}#cafe-qr-panel{padding:1rem;border:1px solid #cbd6cf;border-radius:12px}#cafe-qr-panel canvas{display:block;max-width:100%;height:auto;width:256px}#cafe-qr-link{display:block;overflow-wrap:anywhere;margin:1rem 0}.cafe-print-sheet{display:none}.cafe-page [hidden],.cafe-order-page [hidden],.cafe-tabs [hidden]{display:none!important}button:disabled{cursor:not-allowed}.cafe-seo-steps li{margin-bottom:.9rem}.cafe-seo-example{border-left:4px solid #27755c;padding:1rem 1.4rem;background:#f1f6f3}.cafe-seo-example h2{margin-top:0}
@media(max-width:760px){.cafe-page,.cafe-order-page{padding:1.5rem 1rem 3rem}.cafe-heading{display:block}.cafe-heading>a{display:inline-block;margin:.5rem 0}.cafe-order-grid,.cafe-form-grid,.cafe-customer-workspace{grid-template-columns:1fr}.cafe-cart{position:static}.cafe-filter{gap:.4rem}.cafe-row{align-items:start}.cafe-card-head{flex-wrap:wrap}.cafe-order-card{padding:1rem}.cafe-actions button{flex:1}.cafe-row .cafe-actions{width:100%}.cafe-customer-workspace{gap:1rem}}
@media print{body.cafe-printing>*{display:none!important}body.cafe-printing>#cafe-print-sheet{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12mm;padding:12mm;color:#000}#cafe-print-sheet article{break-inside:avoid;border:1px solid #aaa;text-align:center;padding:5mm}#cafe-print-sheet canvas{width:50mm;height:50mm}#cafe-print-sheet h2{font-size:16pt;margin:0}#cafe-print-sheet h3{font-size:14pt;margin:3mm 0}#cafe-print-sheet p{font-size:10pt;margin:2mm 0}}
.cafe-mockup{margin:1.75rem 0 2rem;overflow:hidden;border:1px solid #d7e0d6;border-radius:16px;background:#f5f7f2;box-shadow:0 12px 32px #19342e12}
.cafe-mockup a{display:block}
.cafe-mockup a:focus-visible{outline:3px solid #27755c;outline-offset:-3px}
.cafe-mockup img{display:block;width:100%;height:auto}
.cafe-mockup figcaption{display:grid;gap:.2rem;padding:.9rem 1.15rem;font-size:.9rem;line-height:1.55;color:#526259}
.cafe-mockup figcaption strong{font-size:1rem;color:#19342e}
/* Cafe manager: a compact status board like the product preview. */
.cafe-page #cafe-board{border-radius:20px;background:#123a31;padding:1.4rem;color:#f7f5ea;margin-top:1rem}
.cafe-page #cafe-board .cafe-filter label,.cafe-page #cafe-board .field-hint,.cafe-page #cafe-checked{color:#f7f5ea}
.cafe-page #cafe-board .cafe-filter select{background:#fffdf7;color:#19342e}
.cafe-page #cafe-board .cafe-filter button{background:#f5f1df;color:#123a31}
.cafe-page .cafe-order-grid{display:block;margin:1.25rem 0}
.cafe-board-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;align-items:start}
.cafe-board-lane{min-width:0;border-radius:14px;background:#f4efe2;padding:.65rem;color:#19342e;min-height:12rem}
.cafe-board-lane-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .55rem .8rem}
.cafe-board-lane-heading h2{font-size:1rem;margin:0;line-height:1.3}
.cafe-board-count{display:inline-grid;place-items:center;min-width:1.7rem;height:1.7rem;border-radius:100%;font-size:.85rem;background:#dce9db;font-weight:800}
.cafe-board-lane-received .cafe-board-count{background:#d9ddda}
.cafe-board-lane-preparing .cafe-board-count{background:#ffce6b}
.cafe-board-lane-served .cafe-board-count{background:#9fce56}
.cafe-board-lane-cancelled{grid-column:1/-1;min-height:auto;background:#e7e1dc}
.cafe-board-lane .cafe-order-card{padding:.85rem;margin-bottom:.6rem;border:0;border-radius:10px;box-shadow:0 2px 9px #19342e0c}
.cafe-board-lane .cafe-order-card:last-child{margin-bottom:0}
.cafe-board-lane .cafe-card-head h3{font-size:1.1rem}
.cafe-board-lane .cafe-items{margin:.55rem 0}
.cafe-board-lane .cafe-items li{font-size:.9rem}
.cafe-lane-empty{font-size:.9rem;color:#65716b;padding:.5rem;margin:0}
.cafe-page #cafe-board>.cafe-order-grid>.cafe-empty{color:#f7f5ea}
.cafe-image-preview,.cafe-menu-thumbnail{width:92px;height:92px;object-fit:cover;border-radius:12px;border:1px solid #dce4db}
.cafe-image-preview{display:block;margin:.8rem 0}
.cafe-menu-thumbnail{flex:none}
.cafe-menu-photo{display:block;width:100%;height:190px;object-fit:cover;border-radius:10px;margin-bottom:1rem;background:#f4efe2}
.cafe-order-page #order-menu{gap:.75rem}
.cafe-order-page .cafe-menu-item{box-shadow:0 5px 18px #19342e0a}
@media(max-width:900px){.cafe-board-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-board-lane-cancelled{grid-column:1/-1}}
@media(max-width:600px){.cafe-page #cafe-board{padding:.85rem}.cafe-board-lanes{grid-template-columns:1fr}.cafe-board-lane-cancelled{grid-column:auto}.cafe-menu-photo{height:170px}}

#cafe-payment-preview,.cafe-payment-receipt canvas{display:block;width:min(100%,280px);height:auto;background:#fff;margin:1rem 0;border:1px solid #d8dfda;border-radius:8px}
#cafe-payment-preview[hidden]{display:none}
.cafe-payment-receipt{padding:1.25rem;margin:1.5rem 0;background:#f1f6ef;border:1px solid #c9d8cc;border-radius:16px}
.cafe-payment-receipt[hidden]{display:none}
#cafe-payment-form{max-width:720px}

.cafe-menu-operations,.cafe-call-panel,.cafe-member-panel{border-top:1px solid #cbd6cf;margin-top:1.5rem;padding-top:1rem}.cafe-menu-operations h2,.cafe-call-panel h2{font-size:1.3rem}.cafe-alert-controls{display:flex;align-items:start;gap:1rem;flex-wrap:wrap;margin:1rem 0}.cafe-alert-controls p{flex:1;min-width:220px;margin:0}.cafe-call-board{border-left:4px solid #27755c;padding-left:1rem;margin:1rem 0}.cafe-call-board h2{font-size:1.2rem;display:flex;gap:.6rem;align-items:center}.cafe-call-panel{max-width:650px}.cafe-menu-operations input[type=file],.cafe-menu-operations input[type=datetime-local]{max-width:100%}.cafe-member-panel a{margin-top:.5rem}.cafe-menu-operations .cafe-items{max-height:24rem;overflow:auto}#cafe-alert-status,#order-call-status,#order-member-status{min-height:1.5em;overflow-wrap:anywhere}
.cafe-import-guide{margin:2rem 0;padding:1.3rem;background:#fff;border:1px solid #d3ded5;border-radius:16px;scroll-margin-top:1rem}
.cafe-import-guide h2{margin-top:0}
#cafe-import-facts>div{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,3fr);gap:1rem;padding:.8rem 0;border-bottom:1px solid #e2e8df}
#cafe-import-facts dt{font-weight:700}
#cafe-import-facts dd{margin:0;overflow-wrap:anywhere}
#cafe-import-steps li{margin:.7rem 0}
@media(max-width:600px){#cafe-import-facts>div{grid-template-columns:1fr;gap:.3rem}.cafe-import-guide{padding:1rem}}