:root{--bs-primary:#267460;--bs-primary-rgb:38,116,96;--bs-link-color:#267460;--bs-link-color-rgb:38,116,96;--bs-link-hover-color:#185442;--bs-link-hover-color-rgb:24,84,66;--bs-focus-ring-color:rgba(38,116,96,.25);--bs-body-color:#25332e;--bs-body-bg:#f5f6f3;--bs-border-color:#e3e7e1;--bs-border-radius:.65rem;--bs-primary-bg-subtle:#e8f1eb;--bs-primary-border-subtle:#c9ddce;--bs-primary-text-emphasis:#185442}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}h1{font-size:30px;font-weight:700;letter-spacing:-1px;margin:5px 0 8px}button,a,input{touch-action:manipulation}.btn-primary{--bs-btn-bg:#267460;--bs-btn-border-color:#267460;--bs-btn-hover-bg:#1c5d4c;--bs-btn-hover-border-color:#1c5d4c;--bs-btn-active-bg:#174b3e;--bs-btn-active-border-color:#174b3e;--bs-btn-disabled-bg:#6c9487;--bs-btn-disabled-border-color:#6c9487;--bs-btn-focus-shadow-rgb:38,116,96}.btn-outline-primary{--bs-btn-color:#267460;--bs-btn-border-color:#267460;--bs-btn-hover-bg:#267460;--bs-btn-hover-border-color:#267460;--bs-btn-active-bg:#185442;--bs-btn-active-border-color:#185442;--bs-btn-disabled-color:#678d7f;--bs-btn-disabled-border-color:#678d7f;--bs-btn-focus-shadow-rgb:38,116,96}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:#76a28f;box-shadow:0 0 0 .25rem #26746025}.form-check-input:checked{background-color:#267460;border-color:#267460}.form-range::-webkit-slider-thumb{background:#267460}.form-range::-moz-range-thumb{background:#267460}.page-link{--bs-pagination-color:#267460;--bs-pagination-hover-color:#185442;--bs-pagination-active-bg:#267460;--bs-pagination-active-border-color:#267460;--bs-pagination-focus-box-shadow:0 0 0 .25rem #26746025}.dropdown-menu{--bs-dropdown-link-active-bg:#267460}.list-group{--bs-list-group-active-bg:#267460;--bs-list-group-active-border-color:#267460}.progress{--bs-progress-bar-bg:#267460}.nav-pills{--bs-nav-pills-link-active-bg:#267460}.btn{font-size:13px;font-weight:600;padding:.6rem .9rem}.btn-dark{--bs-btn-bg:#283d33;--bs-btn-border-color:#283d33}.text-secondary{color:#798079!important}.app-header{height:80px;background:#fff;border-bottom:1px solid #e3e7e1;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:28px;font-weight:800;letter-spacing:-1.3px;color:#263b31;text-decoration:none;white-space:nowrap}.brand>span:first-child{font-weight:400;color:#267460}.brand-divider{font-size:9px;letter-spacing:2px;margin-left:18px;padding-left:18px;border-left:1px solid #dfe4df;vertical-align:middle;color:#7b817c}.nav-link{padding:12px 18px;border-radius:8px;color:#788079;font-weight:600}.nav-link.active{background:#eaf2ec;color:#267460}.nav-link:hover{color:#185442;background:#f0f5f1}.local-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:#647467}.status-dot{display:inline-block;width:8px;height:8px;background:#589a76;border-radius:50%;margin-top:4px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#7d897e}.date-label{font-size:13px;text-align:right;line-height:1.8}.count{margin-left:8px;font-size:11px;font-weight:400;color:#798079}.panel{background:white;border:1px solid #e2e6df;border-radius:14px}.table-tile{width:100%;height:112px;background:#fff;border:1px solid #e1e5df;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#768177;text-decoration:none;font-size:12px;transition:.15s}.table-tile>span{font-weight:650;color:#48564b}.table-tile i{font-size:20px;color:#a4b09f}.table-tile small{font-size:10px}.table-tile:hover{background:#f2f6f0;border-color:#8fae92}.table-tile.occupied{background:#edf4eb;border-color:#c9dac4}.table-tile.occupied i,.table-tile.occupied small{color:#417547}.table-tile.chosen{border:2px solid #267460;background:#e7f1e5}.category{background:#f4f5f2;color:#7c837a;border-radius:7px;font-size:11px}.category.active,.category:hover{background:#283d33;color:white}.search-wrap{position:relative}.search-wrap i{position:absolute;top:13px;left:12px;color:#9aa194}.search-wrap input{font-size:12px;padding-left:34px;background:#f8f9f6;border-color:#e9ece5;width:215px}.product-tile{background:#fff;border:1px solid #e6e8e1;border-radius:10px;width:100%;padding:15px;text-align:left;display:flex;flex-direction:column;min-height:164px;font-size:12px;color:#354333;transition:.15s}.product-tile strong{font-size:12px;line-height:1.4;margin-top:14px}.product-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f3efe4;color:#938362;font-size:17px}.product-cell:nth-child(3n) .product-icon{background:#ecf1e7;color:#8b9b71}.product-cell:nth-child(4n) .product-icon{background:#f5eae5;color:#b38c76}.product-tile:hover:not(:disabled){border-color:#72997b;background:#f9fbf7;transform:translateY(-2px)}.product-tile:disabled{cursor:not-allowed;opacity:.65}.add-mark{width:22px;height:22px;background:#f0f3ed;border-radius:5px;text-align:center;line-height:22px;font-size:17px;color:#779070}.receipt{position:sticky;top:20px}.empty-order{text-align:center;padding:65px 0 75px}.empty-order>i{font-size:35px;color:#b2bdaa}.order-line{padding:16px 0;border-bottom:1px solid #edf0e9;font-size:13px}.quantity{display:flex;align-items:center;gap:12px}.quantity button{background:#f2f5ee;border:0;border-radius:6px;width:32px;height:32px;color:#466147;font-size:19px}.receipt-total{border-top:1px dashed #d9e1d3;margin-top:28px;padding:23px 0;display:flex;align-items:center;justify-content:space-between;font-size:17px}.receipt-total strong{font-size:27px;letter-spacing:-.8px}.btn-soft{background:#edf3e8;color:#56764b;white-space:nowrap}.modal-content{background:#fff}.form-control{background-color:#fff}.btn-link{--bs-btn-color:#267460;--bs-btn-hover-color:#185442;--bs-btn-active-color:#185442}.toast{background:#fff}a:focus-visible,button:focus-visible{outline:3px solid #91b69b;outline-offset:3px}footer{border-top:1px solid #e3e7e1;margin-top:20px}@media(min-width:1600px){main{max-width:1600px}}@media(max-width:767px){.app-header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px;gap:10px}.app-header nav{order:3;width:100%}.nav-link{padding:9px 12px;font-size:12px}.brand-divider{display:none}.date-label{font-size:11px}.product-tile{min-height:145px}.receipt{position:static}.empty-order{padding:30px 0}.search-wrap,.search-wrap input{width:100%}}
.staff-session{min-width:0}.staff-session strong{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1199px){.app-header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px;gap:12px}.app-header nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;flex-shrink:0}.staff-session{margin-left:auto}}@media(min-width:1200px){.app-header .nav-link{padding:12px}.brand-divider{margin-left:10px;padding-left:10px}}
@media(min-width:1200px) and (max-width:1550px){.app-header{height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.app-header nav{order:3;width:100%;overflow-x:auto;white-space:nowrap}}

#live-status { position: fixed; z-index: 1080; bottom: 1rem; left: 1rem; right: 1rem; width: auto; max-width: 900px; box-shadow: 0 4px 24px #183b2e26; }
@media print { #live-status { display: none !important; } }
.app-header nav{min-width:0;overflow-x:auto;white-space:nowrap}
/* Collapsible navigation keeps the cashier workspace clear at every width. */
.app-header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.app-menu-toggle{margin-right:auto;min-height:44px;white-space:nowrap}.app-navigation{order:4;flex-basis:100%;width:100%;min-width:0}.app-header .app-navigation nav{overflow:visible;white-space:normal;padding-top:12px;border-top:1px solid var(--bs-border-color)}.app-navigation .nav-link{min-height:44px;display:flex;align-items:center}.app-menu-chevron{transition:transform .2s}.app-menu-toggle[aria-expanded="true"] .app-menu-chevron{transform:rotate(180deg)}
@media(max-width:575px){.app-header .brand img{width:108px;height:auto}.app-header .staff-session{gap:8px!important}.app-header .staff-session strong{max-width:85px}.app-header .staff-session .small{font-size:11px}.app-menu-toggle{padding:10px}.app-menu-chevron{display:none}.app-navigation .nav-link{flex:1 1 calc(50% - 4px);padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.app-menu-chevron{transition:none}}