.canteen-experience{background:#eaf0f4;padding:95px 0;color:#092449}
.canteen-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-bottom:42px}
.canteen-intro p:not(.eyebrow){font-size:18px;line-height:1.7;color:#63728a}
.canteen-app{background:#fafafa;border:1px solid #cdd7de;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #09244912;color:#17242c;font-family:'Segoe UI',Arial,sans-serif}
.canteen-nav{background:linear-gradient(105deg,#172229,#565b61);color:#dce1e4;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.canteen-nav img{width:130px;height:auto}.canteen-nav>div{display:flex;gap:25px;font-size:12px;align-items:center}.canteen-nav strong{color:#fff;font-weight:600}.canteen-profile{font-size:12px;white-space:nowrap}
.canteen-body{padding:28px}.canteen-body>h3{font-size:34px;line-height:1.2;font-weight:500;margin:0 0 24px;letter-spacing:-.025em}
.canteen-tabs{display:flex;overflow-x:auto;max-width:100%;margin-bottom:25px}.canteen-tabs button{border:1px solid #ccc;background:#fff;padding:15px 25px;color:#17242c;font-size:14px;white-space:nowrap}.canteen-tabs button+button{border-left:0}.canteen-tabs button:first-child{border-radius:6px 0 0 6px}.canteen-tabs button:last-child{border-radius:0 6px 6px 0}.canteen-tabs button[aria-selected=true]{background:#e4e4e6}
.canteen-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:25px 0;border-top:1px solid #ddd}.canteen-filters label{flex:1;min-width:145px}.canteen-app select,.canteen-app input{border:1px solid #c7c7c7;background:white;border-radius:4px;padding:11px 10px;font:inherit;color:#17242c;min-width:0;width:100%;height:43px}.canteen-filters select{font-size:12px}.canteen-status-filter{display:flex}.canteen-status-filter button{border:1px solid #ccc;background:#fff;color:#7d8994;min-width:42px;padding:12px 9px;font-size:16px;line-height:18px}.canteen-status-filter button+button{border-left:0}.canteen-status-filter button:first-child{font-size:12px;border-radius:5px 0 0 5px}.canteen-status-filter button:last-child{border-radius:0 5px 5px 0}.canteen-status-filter button[aria-pressed=true]{background:#e4e4e6;color:#17242c}
.canteen-date{padding:17px 18px;border:1px solid #ccc;border-radius:6px;background:#f1f1f1;margin:0 0 12px;font-size:20px}
.canteen-order{border:1px solid #ccc;border-radius:6px;background:#fff;margin:0 0 15px;overflow:hidden}.canteen-order-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#f1f1f1;padding:13px 17px;border-bottom:1px solid #ccc}.canteen-order-heading strong{font-size:15px;font-weight:600}.canteen-step-number{background:#cb314d;color:#fff;border-radius:50%;display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;font-size:12px}
.canteen-progress{display:flex;gap:7px;align-items:center}.canteen-progress button{border:1px solid #ccc;background:#fff;color:#a6b0b8;border-radius:50%;width:35px;height:35px;padding:0;display:grid;place-items:center;font-size:19px}.canteen-progress button[data-state=new]:is(.active,.complete){background:#e3e5e8;color:#246ba0}.canteen-progress button[data-state=preparing]:is(.active,.complete){background:#fff4db;color:#d39b18;border-color:#e7c677}.canteen-progress button[data-state=ready]:is(.active,.complete){background:#e2f2e8;color:#287d52;border-color:#b8dbc5}.canteen-progress button[data-state=delivered]:is(.active,.complete){background:#44a36e;color:#fff;border-color:#44a36e}.canteen-progress button[data-state=cancelled]:is(.active,.complete){background:#ffe6e9;color:#bc3049;border-color:#f2bfc7}
.canteen-meta{display:grid;grid-template-columns:1.1fr .8fr .95fr 1.5fr 1fr 1fr;gap:12px;padding:17px;border-bottom:1px solid #ddd;font-size:13px}.canteen-meta small{display:block;color:#89939c;margin-bottom:6px;font-size:11px}.canteen-meta select{height:33px;padding:5px;font-size:12px}
.canteen-items{padding:13px 17px}.canteen-line{display:flex;align-items:center;gap:20px;min-height:48px;padding:6px 0}.canteen-line-summary{flex:1;font-size:13px}.canteen-line .canteen-progress button{width:26px;height:26px;font-size:15px}.canteen-edit-button,.canteen-print-button{border:1px solid #ccc;border-radius:4px;background:#fff;padding:9px 12px;color:#17242c;font-size:17px}.canteen-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.canteen-edit-actions button{border:1px solid #bbb;border-radius:4px;background:#fff;padding:10px 14px;font-size:12px;color:#17242c}.canteen-edit-actions button[type=submit]{background:#17242c;color:#fff}.canteen-line-editor{display:grid;grid-template-columns:85px 65px minmax(130px,1fr) 38px;gap:7px;flex:1}.canteen-line-editor label{font-size:10px;color:#7d8994}.canteen-line-editor input,.canteen-line-editor select{margin-top:5px;padding:8px;font-size:12px;height:37px}.canteen-remove{align-self:end;background:#fff;border:1px solid #ccc;border-radius:4px;height:37px;color:#17242c}.canteen-add{padding:12px 0 0;background:transparent;color:#17242c;font-size:13px}.canteen-order-error{font-size:12px;color:#a5263e}.canteen-summary-wrap{overflow-x:auto}.canteen-summary{border-collapse:collapse;width:100%;font-size:13px;min-width:480px}.canteen-summary th,.canteen-summary td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.canteen-summary th{background:#eee;font-weight:500}.canteen-empty{padding:40px;text-align:center;color:#63728a}.canteen-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ddd;padding-top:18px;margin-top:20px}.canteen-bottom p{font-size:12px;color:#42775c;margin:0}.canteen-bottom button{font-size:11px;color:#63728a;background:transparent;white-space:nowrap}.canteen-app button:focus-visible{outline:3px solid #639df6;outline-offset:2px}
@media(max-width:1100px){.canteen-nav>div{gap:12px;font-size:10px}.canteen-nav>div span:nth-last-child(-n+2){display:none}.canteen-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.canteen-experience{padding:65px 0}.canteen-intro{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.canteen-intro p:not(.eyebrow){font-size:16px}.canteen-nav{padding:17px}.canteen-nav>div{display:none}.canteen-body{padding:15px}.canteen-body>h3{font-size:26px}.canteen-tabs button{padding:13px 18px;font-size:12px}.canteen-filters{gap:8px;padding:18px 0}.canteen-filters label{min-width:125px}.canteen-status-filter{width:100%}.canteen-status-filter button{flex:1}.canteen-order-heading{align-items:flex-start;flex-direction:column;padding:13px}.canteen-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;font-size:12px}.canteen-items{padding:10px 13px}.canteen-line{flex-wrap:wrap;gap:10px;border-bottom:1px solid #eee;padding:12px 0}.canteen-line-summary{flex-basis:100%}.canteen-line-editor{grid-template-columns:78px 56px minmax(70px,1fr) 30px;gap:5px;flex-basis:100%}.canteen-line-editor select{width:100%}.canteen-bottom{align-items:flex-start;flex-direction:column;gap:12px}.canteen-date{font-size:17px}}
.canteen-receipt{padding:18px;background:#f3f7f3;border-top:1px solid #ddd;font-size:13px}.canteen-receipt button{background:#17242c;color:#fff;border-radius:4px;padding:10px 14px;font-size:12px}.canteen-price-note{color:#63728a;font-size:12px}.canteen-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.canteen-progress svg{width:20px;height:20px}.canteen-line .canteen-progress svg{width:15px;height:15px}.canteen-status-filter svg{width:18px;height:18px;display:block;margin:auto}

.canteen-order-heading .canteen-step-number{border:0;padding:0;cursor:pointer;font-family:inherit;flex-shrink:0}.canteen-step-number:hover{background:#a9233b}.canteen-step-number[aria-expanded=true]{box-shadow:0 0 0 3px #cb314d33}
.canteen-history{background:#fafafa;border-bottom:1px solid #ccc;padding:18px;font-size:13px}.canteen-history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.canteen-history h4{margin:0;font-size:17px;font-weight:600}.canteen-history-heading button{border:1px solid #bbb;border-radius:4px;background:#fff;padding:8px 12px;color:#17242c;font-size:12px}.canteen-history ol{list-style:none;padding:0;margin:14px 0 0}.canteen-history li{border-left:3px solid #ccd4db;padding:0 0 18px 14px;margin-bottom:8px}.canteen-history li:last-child{padding-bottom:0}.canteen-history time{display:block;color:#63728a;font-size:11px;margin-bottom:5px}.canteen-history li>strong{display:block;margin-bottom:8px}.canteen-history-change{margin:8px 0;overflow-wrap:anywhere}.canteen-history-change p{margin:4px 0;line-height:1.6}.canteen-history-change span{color:#63728a}