.status-pill{display:inline-flex;align-items:center;font-size:11px;line-height:1.3;padding:6px 9px;border-radius:5px;background:#e7eef5;color:#34586e;font-weight:600}.status-pill.preparing{background:#fff0d6;color:#80561b}.status-pill.ready{background:#dcf1e4;color:#1b6841}.status-pill.done{background:#edf0ee;color:#64746b}.status-pill.cancelled{background:#f9e6e8;color:#953d4c}.order-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:23px 0 18px;gap:4px}.order-progress li{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;font-size:10px;color:#87958c;min-width:0}.order-progress li:before{content:'';position:absolute;height:2px;top:12px;left:-50%;width:100%;background:#dbe4de;z-index:0}.order-progress li:first-child:before{display:none}.step-number{width:26px;height:26px;display:grid;place-items:center;background:#e8eeea;border:3px solid #fff;border-radius:50%;position:relative;z-index:1;font-size:10px}.order-progress .passed{color:#206745}.order-progress .passed:before{background:#71a98a}.order-progress .passed .step-number{background:#206745;color:white}.order-progress .current{font-weight:650}.order-progress time{font-size:9px;min-height:11px;color:#849087}.cancellation{background:#f9e6e8;color:#953d4c!important;padding:12px;border-radius:6px;font-size:12px!important;line-height:1.5;overflow-wrap:anywhere}.sync-label{font-size:11px;color:#77897e;line-height:1.5}.sync-label.stale{color:#98532c}.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #e0e7e2;padding-top:14px;margin-top:15px}.order-meta small{font-size:10px;color:#7d8d83;display:block;margin-bottom:5px}.order-meta strong{font-size:13px;font-weight:550}.guest-order-items{font-size:12px;line-height:1.6;color:#657d6e;margin-top:15px;overflow-wrap:anywhere}.guest-order-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5;padding:12px 0;border-top:1px solid #e0e7e2}.order-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-right:20px}.order-list-heading .page-heading{padding-right:0}.order-list-heading button{flex-shrink:0}.live-order{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:#e2efe6;color:#206745;text-align:left;border:0;border-top:1px solid #d0e0d5;border-bottom:1px solid #d0e0d5}.live-order strong{font-size:13px;display:block}.live-order small{font-size:11px;display:block;margin-top:4px}.live-order svg{width:18px}.order-card{overflow:hidden}.order-card-head{align-items:center}.order-card h3{font-size:22px}.order-card-foot .text-button{margin:0}.order-history{border-top:1px solid #e0e7e2;margin-top:15px;padding-top:12px;font-size:11px;color:#73857a}.order-history summary{cursor:pointer}.order-history ul{list-style:none;padding:0;margin:10px 0}.order-history li{padding:5px 0;display:flex;justify-content:space-between;gap:12px}.pending-recovery{padding:14px;background:#fff0d6;border:1px solid #e6d4af;border-radius:7px;margin:15px 0;font-size:12px;line-height:1.5}.pending-recovery button{margin-top:12px;width:100%}.time-option small{display:block;font-size:9px;margin-top:4px}.guest-input:disabled,.note-input:disabled{opacity:.7}@media(max-width:359px){.order-card{margin:14px;padding:15px}.order-progress li{font-size:9px}.order-meta{gap:8px}.live-order{padding:12px 14px}.order-list-heading{padding-right:14px}}