/* Traffic-light status is also written out, so color is never the only cue. */
.order-card.status-red{--status:#b8382a;--status-bg:#fff0e9;border-color:#c87b67;background:#fff8f1}
.order-card.status-yellow{--status:#875900;--status-bg:#fff0b5;border-color:#d6a13d;background:#fff8dc}
.order-card.status-green{--status:#23653d;--status-bg:#d7f2db;border-color:#429d62;background:#eaf8e9}
.order-card.active.status-red,.order-card.active.status-yellow,.order-card.active.status-green{border-width:2px;border-color:var(--status);box-shadow:inset 3px 0 var(--status),0 2px 0 #8d76512a}
.order-card-status{display:flex;align-items:center;gap:3px;padding:3px 4px;border-radius:4px;background:var(--status-bg);color:var(--status);font:700 8px/1.1 var(--body);text-align:center;min-width:0}
.order-card-status>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--status);box-shadow:0 0 0 1px #ffffffb3}
.order-card-status .copy-vi{font-size:6px;line-height:1.1;margin-top:1px;opacity:1}
.order-card.status-yellow .order-card-status>i{background:#e0a000}
.order-card.completed .order-card-pick{cursor:default}
.order-card.status-green .order-card-rating{color:#246c3f}
.order-review-quote{padding:7px 8px;margin:0;border-top:1px solid #8cb79566;color:#285e38;font:500 11px/1.35 var(--body)}
.order-review-quote .copy-vi{font-size:10px;margin-top:3px;opacity:1}
.order-card.departing,.ticket-tab.departing{animation:ticket-delivered 1.2s ease-in forwards;pointer-events:none}
@keyframes ticket-delivered{0%,72%{opacity:1;transform:none;max-height:360px;margin-bottom:6px}100%{opacity:0;transform:translateX(-12px) scale(.96);max-height:0;margin-bottom:0}}
.ticket-tab.status-red{border-left:4px solid #b8382a;background:#fff0e9}
.ticket-tab.status-yellow{border-left:4px solid #d19505;background:#fff0be}
.ticket-tab.status-green{border-left:4px solid #2d8b4c;background:#dff3df;color:#245d37;opacity:1}
#ticket-state[data-status=red]{color:#a33125;background:#ffe4d8;padding:3px 5px;border-radius:3px}
#ticket-state[data-status=yellow]{color:#6e4a00;background:#ffe69a;padding:3px 5px;border-radius:3px}
#ticket-state[data-status=green]{color:#22653b;background:#ccebd2;padding:3px 5px;border-radius:3px}
.board-slot.gesture-autoclose>svg{animation:lid-settle .5s cubic-bezier(.2,.8,.3,1) both}
@keyframes lid-settle{0%{transform:translateY(-9px) scale(1.07);opacity:.7}65%{transform:translateY(2px) scale(.99);opacity:1}100%{transform:none;opacity:1}}
@media(max-height:600px) and (orientation:landscape){.order-card-top{gap:3px}.order-card-top>b{font-size:14px}.order-card-time{font-size:9px}.order-card-status{padding:3px;font-size:8px;gap:2px}.order-card-status>i{width:6px;height:6px;flex-basis:6px}}
@media(max-width:620px) and (orientation:landscape){.order-card-top>b{font-size:12px}.order-card-time{font-size:8px}.order-card-status{font-size:7px;padding:2px}.order-card-status .copy-vi{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.order-card.departing,.ticket-tab.departing,.board-slot.gesture-autoclose>svg{animation:none!important}}