/* Order status block. Colors come from the same custom properties as
   franchise.css. The status pills keep fixed colors. A theme's dark mode
   sets the properties, so the block has no media query of its own. Each
   rule has the weight of one class, and a state rule two, as in
   franchise.css. */
.fct-fr-track { margin: 16px 0; padding: 16px; border: 1px solid var(--fct-fr-border, #e5e7eb); border-radius: 8px; background: var(--fct-fr-surface, #fff); color: var(--fct-fr-accent, #1f2937); }
.fct-fr-track__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.fct-fr-track__title { font-weight: 600; }
.fct-fr-track__label { padding: 2px 10px; border-radius: 12px; background: #e0f2fe; color: #075985; font-weight: 600; }
:where(.fct-fr-track).is-canceled .fct-fr-track__label { background: #fee2e2; color: #991b1b; }
.fct-fr-track__steps { display: grid; gap: 6px; margin: 0 0 12px; padding: 0; list-style: none; }
.fct-fr-track__step { display: flex; justify-content: space-between; gap: 8px; padding: 6px 10px; border-radius: 6px; background: #f9fafb; color: var(--fct-fr-muted, #6b7280); }
.fct-fr-track__step.is-done { color: var(--fct-fr-success, #166534); }
.fct-fr-track__step.is-current { background: #e0f2fe; color: #075985; font-weight: 600; }
.fct-fr-track__at { font-size: 13px; }
.fct-fr-track__meta { margin: 0; color: var(--fct-fr-muted, #4b5563); font-size: 14px; }
.fct-fr-track__note { margin: 8px 0 0; color: #92400e; font-size: 14px; }