/* Order surfaces share the café's warm palette and stay legible on touch screens. */
.co-muted{color:var(--muted,#aa9a85);font-size:14px;line-height:1.8}.co-error{color:#ffb4a6;font-size:14px;line-height:1.9}.co-message{font-size:14px;line-height:1.8;white-space:pre-line}.co-checkout{display:grid;gap:9px}.co-checkout label{font-size:14px;font-weight:700}.co-checkout select,.co-checkout textarea,.co-controls select,.co-controls input,.co-table-settings input{width:100%;font:inherit;font-size:16px;color:#f3e9db;background:#20180f;border:1px solid #655033;border-radius:10px;padding:11px}.co-checkout textarea{resize:vertical}.co-checkout button{width:100%}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e8c07d;outline-offset:3px}.co-btn{font:inherit;font-size:14px;padding:10px 14px;border:1px solid #715a39;border-radius:10px;color:#ebc686;background:#251b10;cursor:pointer}.co-btn.co-primary{background:#deb16a;color:#23170a;font-weight:800}.co-btn.co-danger{color:#ffb4a6;border-color:#804a41}.co-connection{font-size:13px;color:#b5dca2}.co-offline{color:#ffb4a6}.co-tracking{position:relative;z-index:2;max-width:1180px;margin:20px auto;padding:20px;border:1px solid #4d3c26;border-radius:18px;background:#17110b}.co-tracking-head,.co-board-head,.co-visit-head,.co-order-head,.co-total{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.co-tracking-head{margin-bottom:14px}.co-tracking-head strong{font-size:18px}.co-customer-order{margin-top:12px;padding:14px;background:#20170e;border-radius:12px}.co-customer-order summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:15px}.co-lines{list-style:none;margin:12px 0;padding:0}.co-lines li{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:8px 0;border-bottom:1px dashed #493822;font-size:15px}.co-lines small{display:block;font-size:12px;color:#bda78a}.co-total{font-size:15px;padding:10px 0;font-weight:700}.co-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;font-size:13px;font-weight:700;white-space:nowrap}.co-new{color:#ffdc93;background:#514020}.co-preparing{color:#bdd6ff;background:#263951}.co-ready{color:#bcf2c5;background:#214334}.co-served{color:#c7c3bc;background:#38332c}.co-cancelled{color:#ffb9ad;background:#4c2d29}.co-board-head{padding-bottom:18px;border-bottom:1px solid #443420}.co-board-head h2{margin:0;font-size:24px;color:#edc888}.co-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.co-controls select{width:auto;min-width:150px}.co-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.co-stat{padding:18px;border:1px solid #473721;border-radius:14px;background:#1b140c}.co-stat b{display:block;font-size:27px;color:#edc888}.co-stat span{font-size:14px;color:#b9a68b}.co-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:start;margin-top:18px}.co-visit{border:1px solid #584326;background:#19120b;border-radius:16px;overflow:hidden}.co-visit.has-new{border-color:#dcad60;box-shadow:0 0 0 1px #dcad6040}.co-visit-head{padding:16px;background:#241a0e;border-bottom:1px solid #47351e}.co-visit-head h3{margin:0;font-size:22px;color:#f0cf98}.co-visit-head small{font-size:13px;color:#bea98a}.co-order{margin:12px;padding:14px;border-radius:12px;background:#231a11;border:1px solid #473723}.co-order-head strong{font-size:15px}.co-order p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.co-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.co-visit-foot{padding:14px 16px;border-top:1px solid #493820}.co-empty{padding:24px;text-align:center;color:#c0ad91;line-height:1.9;font-size:15px}.co-free{opacity:.75}.co-table-settings{margin-top:24px;padding:18px;border:1px solid #493820;border-radius:14px}.co-table-settings summary{cursor:pointer;font-size:16px}.co-table-row{display:grid;grid-template-columns:60px 1fr auto auto;gap:12px;align-items:center;margin-top:14px}.co-table-row label{display:flex;gap:7px;align-items:center;font-size:14px}.co-table-row input[type=checkbox]{width:20px;height:20px}.co-history-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border-bottom:1px solid #45331f}.co-history-row strong{font-size:17px}.co-alert{padding:16px;background:#452e1c;border:1px solid #987244;border-radius:12px;line-height:1.9;font-size:14px;margin:16px 0}.co-modal{position:fixed;inset:0;z-index:250;display:grid;place-items:center;background:#000b;padding:20px}.co-modal-card{width:100%;max-width:600px;max-height:88vh;overflow:auto;background:#1d150d;border:1px solid #9b7948;border-radius:18px;padding:24px;color:#f3e9db}.co-modal-card h3{font-size:22px;color:#edc888;margin-bottom:14px}.co-modal-card p{font-size:15px;line-height:1.9}.co-modal-card textarea{width:100%;min-height:80px;margin:12px 0;background:#2a1d11;color:#f3e9db;border:1px solid #87663c;border-radius:10px;padding:12px;font:inherit}.co-modal-card .co-actions{justify-content:flex-end}.co-announcement{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:240;padding:12px 20px;border-radius:12px;background:#e9bc72;color:#251707;box-shadow:0 8px 30px #0006;font-size:15px}.co-order-tag{font-size:13px;color:#eac18a}.co-print-head{display:none}@media(max-width:600px){.co-tracking{margin:16px 12px;padding:14px}.co-grid{grid-template-columns:1fr}.co-stats{gap:7px}.co-stat{padding:12px}.co-stat b{font-size:23px}.co-stat span{font-size:12px}.co-table-row{grid-template-columns:38px 1fr}.co-board-head h2{font-size:22px}.co-modal{padding:12px}.co-modal-card{padding:18px}.co-checkout{gap:7px}}@media print{body>*:not(.co-modal){display:none!important}.co-modal{position:static;display:block;background:white;padding:0}.co-modal-card{max-width:none;max-height:none;border:0;background:white;color:black;overflow:visible}.co-modal-card .co-actions{display:none}.co-print-head{display:block}.co-modal-card h3,.co-modal-card .co-muted{color:black}.co-badge{border:1px solid #888;color:black;background:white}}
/* Checkout belongs to the scrollable drawer so every control fits small screens. */
.drawer-body{min-height:0}.drawer-head,.takeout-row,.drawer-foot{flex-shrink:0}.drawer-foot{margin-top:0}.co-checkout{text-align:right;border-top:1px solid #493820;padding-top:16px;margin-top:12px}.drawer{height:min(88svh,850px)}.co-checkout .cta{margin-top:4px}.co-tracking:empty{display:none}.co-modal .co-order-head{margin-top:16px}