/* Order Status page. Builds on site.css and find-ffl.css. */
.st-card{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--yellow);border-radius:6px;padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px}
.st-card.is-stop{border-left-color:var(--muted)}
.st-ref{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.st-title{font-family:var(--display);font-weight:700;font-size:32px;line-height:1.05;text-transform:uppercase}
.st-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.st-steps li{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--muted)}
.st-steps li::before{content:"";display:block;height:6px;border-radius:3px;background:var(--line)}
.st-steps li.is-done{color:var(--text)}
.st-steps li.is-done::before{background:var(--yellow)}
.st-steps li.is-now{color:var(--yellow)}
.st-steps li.is-now::before{background:repeating-linear-gradient(-45deg,var(--yellow) 0 6px,var(--line) 6px 12px)}
.st-detail{font-size:17px}
.st-card.is-action{border-color:#7a2a22;border-left-color:#e5483b}
.st-card.is-action .st-title{color:#ff8a7a}
.st-steps li.is-blocked{color:#ff8a7a}
.st-steps li.is-blocked::before{background:#e5483b}
.st-issue{background:#2a1513;border:1px solid #7a2a22;border-radius:4px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:17px}
.st-options{margin:4px 0 0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:10px}
.st-options li{padding-left:2px}
.st-options li::marker{color:#ff8a7a;font-weight:700}
.st-options b{display:block;font-weight:700;color:var(--text)}
.st-options span{display:block;font-size:16px;color:var(--muted)}
.st-issue-h{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ff8a7a}
.st-detail a{color:var(--yellow);font-weight:600}
.st-dealer{font-size:15px;color:var(--muted)}
.st-dealer b{color:var(--text);font-weight:600}
.st-track{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.st-track li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:16px}
.st-track a{color:var(--yellow);font-weight:600;overflow-wrap:anywhere}
.st-card .btn{align-self:flex-start}
@media (max-width:480px){.st-card{padding:18px 16px 20px}.st-card .btn{align-self:stretch}.st-steps{gap:6px}.st-steps li{font-size:13px;line-height:1.25}}