.order-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px; }
.order-tabs a { display:flex; align-items:center; gap:10px; padding:11px 16px; border:1px solid var(--line); border-radius:10px; background:white; min-height:44px; font-weight:600; }
.order-tabs a.active { background:var(--navy); color:white; border-color:var(--navy); }
.order-tabs a span { border-radius:50px; min-width:24px; padding:0 6px; text-align:center; background:var(--bg); color:var(--navy); }
.order-unattended td:first-child { border-left:3px solid var(--yellow); }
.order-age { display:block; font-size:.86rem; }
.order-next { display:flex; align-items:flex-start; gap:15px; background:#e8f0f5; padding:20px; margin-bottom:24px; border-radius:12px; }
.order-next .icon { flex-shrink:0; margin-top:2px; }
.order-next p { margin:5px 0 0; }
.order-save { position:sticky; bottom:0; background:white; z-index:2; flex-wrap:wrap; border-top:1px solid var(--line); }
.order-save [data-dirty-status] { font-size:.8rem; color:var(--muted); }
.receipt-enhanced { max-width:880px; }
.receipt-help { text-align:left; padding:24px; background:var(--bg); border-radius:12px; margin:24px 0; }
.receipt-help h2 { font-size:1.15rem; margin-bottom:10px; }
.receipt-help p:last-child { margin-bottom:0; }
.receipt-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; margin:24px 0 16px; }
.order-progress { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; list-style:none; margin:28px 0 0; padding:0; }
.order-progress li { display:flex; flex-direction:column; align-items:center; gap:8px; font-size:.8rem; color:var(--muted); }
.order-progress li span { display:grid; place-items:center; height:34px; width:34px; border-radius:50%; background:#e7edf1; color:var(--ink); font-weight:700; }
.order-progress li.done span { background:var(--navy); color:white; }
.order-progress li.current { font-weight:700; color:var(--navy); }
.order-progress li.current span { background:var(--yellow); outline:3px solid #fff0bd; }
.field-error { color:var(--danger); font-weight:500; font-size:.82rem; }
[aria-invalid="true"] { border-color:var(--danger); }
.checkout-steps { display:flex; gap:10px; flex-wrap:wrap; padding:0; margin:0 0 28px; list-style:none; color:var(--muted); font-size:.9rem; }
.checkout-steps li { display:flex; align-items:center; gap:8px; }
.checkout-steps li+li:before { content:'›'; margin-right:8px; }
.checkout-steps [aria-current] { color:var(--navy); font-weight:700; }
@media (max-width:700px) {
  .order-tabs { gap:8px; }
  .order-tabs a { flex:1 1 40%; justify-content:center; padding:10px; font-size:.85rem; }
  .order-table table,.order-table tbody,.order-table tr,.order-table td { display:block; width:100%; min-width:0; }
  .order-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .order-table tr { padding:18px; border-bottom:1px solid var(--line); }
  .order-table td { border:0; padding:7px 0; text-align:left; white-space:normal; overflow-wrap:anywhere; }
  .order-table td[data-label]:before { content:attr(data-label); display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); font-weight:500; margin-bottom:3px; }
  .order-table .order-unattended { border-left:3px solid var(--yellow); }
  .order-table td:first-child { border-left:0; }
  .order-table td .btn { width:100%; min-height:44px; }
  .order-next { padding:16px; }
  .receipt-help { padding:18px; }
  .receipt-actions .btn { width:100%; }
  .order-progress { gap:2px; }
  .order-progress li { font-size:.64rem; gap:6px; }
  .order-save { padding-bottom:max(16px,env(safe-area-inset-bottom)); }
  #checkout-form input,#checkout-form textarea { font-size:16px; }
}