[hidden]{display:none!important}
.global-order-tracker{box-sizing:border-box;width:min(1180px,calc(100% - 40px));margin:18px auto 0}.global-order-tracker:has(>.customer-live-tracker[hidden]){display:none}.global-order-tracker+.customer-page{padding-top:28px}
.customer-live-tracker{box-sizing:border-box;width:100%;padding:20px 22px;border:1px solid #c9ddd5;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(18,61,50,.08);color:var(--ink)}
.dashboard-live-tracker{margin:0 0 24px}.hero-live-tracker{max-width:760px;margin-top:28px;background:rgba(255,255,255,.98);color:var(--ink)}
.live-tracker-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.live-tracker-head>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-tracker-head a{color:var(--green);font-weight:800;text-decoration:none}
.live-indicator{display:inline-flex;align-items:center;gap:7px;color:#28735e;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.live-indicator i{display:block;width:9px;height:9px;border-radius:50%;background:#20a26f;box-shadow:0 0 0 5px rgba(32,162,111,.14);animation:livePulse 1.8s infinite}
.live-tracker-message{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 0 16px}.live-tracker-message p{margin:0;color:#33443e}.live-tracker-message small{color:var(--muted);white-space:nowrap}
.customer-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.customer-progress-step{position:relative;text-align:center;color:#89958f}.customer-progress-step:before{content:"";position:absolute;top:15px;right:50%;width:100%;height:3px;background:#dfe6e3}.customer-progress-step:first-child:before{display:none}.customer-progress-step span{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;margin:auto;border:3px solid #e4eae7;border-radius:50%;background:#fff;font-size:11px;font-weight:850;box-sizing:border-box}.customer-progress-step small{display:block;margin-top:5px;font-size:10px;font-weight:750}.customer-progress-step.done{color:#176a4d}.customer-progress-step.done:before{background:#44a987}.customer-progress-step.done span{border-color:#44a987;background:#44a987;color:#fff}.customer-progress-step.current span{box-shadow:0 0 0 5px rgba(68,169,135,.15)}
.status{display:inline-flex;align-items:center;width:max-content;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:850}.status-submitted{background:#e8eeec;color:#40514b}.status-confirmed{background:#dceafb;color:#245d91}.status-preparing{background:#fff0c9;color:#8b6100}.status-ready{background:#d9f3e6;color:#176a4d}.status-completed{background:#dce8df;color:#315f44}.status-rejected,.status-cancelled{background:#f7dddd;color:#9b3434}

/* Compact banner used on catering, checkout, notifications and other pages. */
.customer-live-tracker-compact{padding:0;border:1px solid #c8ddd5;border-left:4px solid #218361;border-radius:12px;background:linear-gradient(90deg,#f1faf6,#fff);box-shadow:0 8px 22px rgba(16,67,53,.08)}
.home-order-tracker{position:relative;z-index:8;box-sizing:border-box;width:min(1180px,calc(100% - 40px));min-height:1px;margin:-31px auto 27px}.home-order-tracker:has(>.customer-live-tracker[hidden]){display:none}.home-floating-tracker{border-color:#b8d9cc;box-shadow:0 16px 38px rgba(7,53,41,.18)}
.compact-tracker-content{display:grid;grid-template-columns:auto auto auto minmax(180px,1fr) auto auto;align-items:center;gap:12px;min-height:58px;padding:9px 15px}.compact-tracker-content>strong{font-size:12px}.compact-tracker-content>p{overflow:hidden;margin:0;color:#3e514a;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.compact-tracker-content>small{color:#71817b;font-size:10px;white-space:nowrap}.compact-tracker-content>a{padding:7px 11px;border-radius:8px;background:#104f3e;color:#fff;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}

.customer-orders-list{display:grid;gap:18px}.customer-order-card{padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(18,61,50,.04)}.customer-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.customer-order-top strong{font-size:17px;color:var(--green)}.customer-order-top small,.customer-order-status small{display:block;color:var(--muted)}.customer-order-status{text-align:right}.customer-order-message{margin:12px 0;padding:10px 12px;border-left:4px solid #44a987;border-radius:6px;background:#f3f8f6;color:#33443e}.order-card-progress{margin:18px 0 20px}.customer-order-details{display:grid;grid-template-columns:1.15fr 1fr 1.25fr .75fr auto;align-items:center;gap:15px;padding-top:16px;border-top:1px solid var(--line)}.customer-order-details small,.customer-order-details strong{display:block}.customer-order-details small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.empty-orders{text-align:center;padding:55px 20px;border:1px dashed #c8d4d0;border-radius:16px;background:#fff}.empty-orders h2{font:700 30px Georgia,serif}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 4px rgba(32,162,111,.16)}50%{box-shadow:0 0 0 8px rgba(32,162,111,.04)}}
@media(max-width:900px){.compact-tracker-content{grid-template-columns:auto auto 1fr auto}.compact-tracker-content>p{grid-column:1/4;grid-row:2}.compact-tracker-content>small{display:none}.customer-order-details{grid-template-columns:1fr 1fr}.customer-progress{overflow-x:auto;grid-template-columns:repeat(5,minmax(68px,1fr));padding-bottom:5px}}
@media(max-width:600px){.global-order-tracker{width:calc(100% - 28px);margin-top:12px}.home-order-tracker{width:calc(100% - 28px);margin:-22px auto 22px}.compact-tracker-content{grid-template-columns:1fr auto;gap:7px 10px;padding:11px 12px}.compact-tracker-content .live-indicator{grid-column:1}.compact-tracker-content>strong{grid-column:1}.compact-tracker-content>.status{grid-column:2;grid-row:1/3}.compact-tracker-content>p{grid-column:1/-1;grid-row:auto;white-space:normal}.compact-tracker-content>a{grid-column:1/-1;text-align:center}.live-tracker-message{grid-template-columns:1fr}.live-tracker-message small{white-space:normal}.live-tracker-head{align-items:flex-start;flex-direction:column}.customer-live-tracker{padding:15px}.customer-order-top{flex-direction:column}.customer-order-status{text-align:left}.customer-order-details{grid-template-columns:1fr}}