.activeOrderPage{height:100%;padding:20px;overflow-y:auto}.activeOrderPage .pageHeading{font-variation-settings:"wdth" 75,"wght" 500;margin:0 0 20px;font-size:28px}.activeOrderPage .pageHeading span{font-variation-settings:"wdth" 75,"wght" 300}.activeOrderPage .orderCard{background-color:var(--colorBackgroundPrimary);border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000014}.activeOrderPage .orderCard .orderCardHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.activeOrderPage .orderCard .orderCardHeader .orderNumber{font-size:18px;font-weight:700}.activeOrderPage .orderCard .orderCardHeader .statusBadge{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.activeOrderPage .orderCard .orderCardHeader .statusBadge .statusDot{border-radius:9999px;width:8px;height:8px}.activeOrderPage .orderCard .orderCardHeader .statusBadge .statusDot.pulse{animation:2s ease-in-out infinite statusPulse}.activeOrderPage .orderCard .orderMeta{color:var(--colorContentSecondary);gap:12px;margin-bottom:8px;font-size:13px;display:flex}.activeOrderPage .orderCard .paymentBadge{font-size:12px;font-weight:600}.activeOrderPage .orderCard hr{background-color:var(--colorContentTertiary);border:none;height:1px;margin:16px 0}.activeOrderPage .orderCard .orderItems{flex-direction:column;gap:12px;display:flex}.activeOrderPage .orderCard .orderItems .orderItem{align-items:center;gap:12px;display:flex}.activeOrderPage .orderCard .orderItems .orderItem .orderItemImg{object-fit:cover;border-radius:8px;width:40px;height:40px}.activeOrderPage .orderCard .orderItems .orderItem .orderItemInfo{flex:1;align-items:center;gap:6px;display:flex}.activeOrderPage .orderCard .orderItems .orderItem .orderItemInfo .orderItemName{font-size:14px;font-weight:500}.activeOrderPage .orderCard .orderItems .orderItem .orderItemInfo .orderItemQty{color:var(--colorContentSecondary);font-size:13px}.activeOrderPage .orderCard .orderItems .orderItem .orderItemInfo .itemState{white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.activeOrderPage .orderCard .orderItems .orderItem .orderItemInfo .itemState.queue{color:var(--colorContentSecondary);background:#8080801f}.activeOrderPage .orderCard .orderItems .orderItem .orderItemInfo .itemState.preparing{color:#b45309;background:#f59e0b29}.activeOrderPage .orderCard .orderItems .orderItem .orderItemInfo .itemState.done{color:#15803d;background:#22c55e29}.activeOrderPage .orderCard .orderItems .orderItem .orderItemPrice{font-size:14px;font-weight:500}.activeOrderPage .orderCard .orderTotals .totalRow{color:var(--colorContentSecondary);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.activeOrderPage .orderCard .orderTotals .totalRow.grandTotal{color:var(--colorContentPrimary);padding-top:8px;font-size:18px;font-weight:700}.activeOrderPage .endedCard{background-color:var(--colorBackgroundPrimary);border-radius:16px;flex-direction:column;gap:.5rem;padding:20px;display:flex;box-shadow:0 4px 12px #00000014}.activeOrderPage .endedCard .endedTitle{font-size:18px;font-weight:700}.activeOrderPage .endedCard .endedHint{color:var(--colorContentSecondary);margin:0;font-size:14px}.activeOrderPage .endedCard .endedCta{align-self:flex-start;margin-top:8px}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}
.historyPage{height:100%;padding:20px;overflow-y:auto}.historyPage .pageHeading{font-variation-settings:"wdth" 75,"wght" 500;margin:0 0 20px;font-size:28px}.historyPage .pageHeading span{font-variation-settings:"wdth" 75,"wght" 300}.historyPage .historyList{flex-direction:column;gap:12px;display:flex}.historyPage .historyCard{border:1px solid var(--colorContentTertiary);background-color:var(--colorBackgroundPrimary);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:16px;font-family:inherit;transition:box-shadow .15s ease-out;display:flex}.historyPage .historyCard:hover{box-shadow:0 4px 12px #00000014}.historyPage .historyCard .historyCardTop{align-items:center;gap:6px;display:flex}.historyPage .historyCard .historyCardTop .statusDot{border-radius:9999px;flex-shrink:0;width:8px;height:8px}.historyPage .historyCard .historyCardTop .statusLabel{font-size:13px;font-weight:600}.historyPage .historyCard .historyCardTop .historyDate{color:var(--colorContentSecondary);margin-left:auto;font-size:12px}.historyPage .historyCard .historyCardBottom{align-items:center;gap:8px;display:flex}.historyPage .historyCard .historyCardBottom .historyOrderId{font-size:13px;font-weight:500}.historyPage .historyCard .historyCardBottom .historyItemCount{color:var(--colorContentSecondary);font-size:12px}.historyPage .historyCard .historyCardBottom .historyTotal{margin-left:auto;font-size:14px;font-weight:600}
.restaurant{--navIconSize:60px;width:100%;height:100%;padding-left:var(--navIconSize);display:flex;overflow:hidden}.restaurant .pageContainer{flex-grow:1;overflow:hidden}.restaurant .demoNoticeActive{--demoNoticeHeight:32px}.restaurant .demoNotice{top:0;left:var(--navIconSize);z-index:12;height:var(--demoNoticeHeight);text-align:center;color:#fff;background:color-mix(in srgb, var(--colorPrimary,#6b2a5b) 85%, #000);justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:fixed;right:0}.restaurant .availabilityBanner{top:0;left:var(--navIconSize);z-index:13;text-align:center;color:#fff;background:color-mix(in srgb, var(--colorDanger,#c62828) 85%, #000);justify-content:center;align-items:center;height:36px;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:fixed;right:0}@media (max-width:750px){.restaurant{--navIconSize:70px;flex-direction:column-reverse;padding-left:0;display:flex}.restaurant .demoNotice{left:0}}@media (max-width:380px) and (max-height:600px){.restaurant{zoom:.8}}@media (max-width:300px) and (max-height:600px){.restaurant{zoom:.7}}