.qa-track-box{--track-bg:#f7f9fb;--track-ink:#172637;--track-muted:#596b7c;--track-line:#cbd5df;--track-current:#a73911;--track-current-bg:#fff0e8;--track-done:#186747;--track-done-bg:#e1f3e9;background:var(--track-bg);color:var(--track-ink);border:1px solid var(--track-line);border-radius:14px;padding:17px;margin:16px 0;text-align:left}
.qa-track-heading{display:grid;gap:5px;border-bottom:1px solid var(--track-line);padding-bottom:13px;margin-bottom:4px}.qa-track-heading>span{font-size:11px;color:var(--track-muted)}.qa-track-heading strong{font-size:15px;line-height:1.4}
.qa-track-box .qa-track-steps{display:grid;list-style:none;padding:0;margin:0;gap:0}.qa-track-box .qa-track-steps li{position:relative;display:flex;gap:12px;min-height:61px;padding:13px 0 8px;font-size:12px;line-height:1.5}.qa-track-steps li:not(:last-child):before{content:'';position:absolute;left:13px;top:38px;bottom:-14px;border-left:2px solid var(--track-line)}
.qa-track-box .qa-track-marker{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--track-line);border-radius:50%;font-size:11px;font-weight:700;background:var(--track-bg);color:var(--track-muted);z-index:1;margin:0}
.qa-track-steps li>div{min-width:0;flex:1}.qa-track-steps b{display:block;font-size:12px;color:var(--track-ink);line-height:1.5}.qa-track-steps time,.qa-track-steps small{display:block;font-size:10px;line-height:1.5;color:var(--track-muted);margin-top:3px}
.qa-track-box .qa-track-done .qa-track-marker{background:var(--track-done-bg);color:var(--track-done);border-color:var(--track-done)}
.qa-track-box .qa-track-current .qa-track-marker{background:var(--track-current-bg);color:var(--track-current);border:2px solid var(--track-current)}.qa-track-current b{color:var(--track-current)}.qa-track-skipped .qa-track-marker{border-style:dashed}
.qa-track-box .qa-track-cancelled,.qa-track-box .qa-track-recheck{font-size:12px;line-height:1.6;padding:12px;border-radius:9px;background:var(--track-current-bg);color:var(--track-current);margin:13px 0}
.qa-track-live{display:flex;align-items:center;gap:12px;margin:10px 0 18px;text-align:left}.qa-track-live p{flex:1;color:var(--muted,#596b7c);font-size:11px;line-height:1.6;margin:0}.qa-track-live button{flex-shrink:0;padding:10px 12px;border:1px solid var(--line,#cbd5df);background:var(--soft,#f7f9fb);color:var(--ink,#172637);border-radius:9px;font-size:12px;min-height:42px;cursor:pointer}
.qa-track-live [data-state=error],.qa-track-live [data-state=auth],.qa-track-live [data-state=offline]{color:#a3371b}.qa-receipt-tracking{max-width:600px;margin:20px auto}.qa-receipt-tracking .qa-track-live button{display:inline-block;margin:0!important}
.qa-order-status.qa-status-preparing{background:#fff3d6;color:#844b06}.qa-order-status.qa-status-ready{background:#cffafe;color:#155e75}
html[data-theme=dark] .qa-track-box{--track-bg:#222e39;--track-ink:#edf4fa;--track-muted:#b4c3d2;--track-line:#4f6274;--track-current:#ffba96;--track-current-bg:#503624;--track-done:#ade6c9;--track-done-bg:#284939}
html[data-theme=dark] .qa-track-live [data-state=error],html[data-theme=dark] .qa-track-live [data-state=auth],html[data-theme=dark] .qa-track-live [data-state=offline]{color:#ffb7a4}
html[data-theme=dark] .qa-account .qa-order-status.qa-status-preparing{background:#473d24;color:#efcc89}html[data-theme=dark] .qa-account .qa-order-status.qa-status-ready{background:#1f4350;color:#abe4ef}
@media(max-width:650px){.qa-track-box{padding:14px}.qa-track-live{flex-wrap:wrap}.qa-track-live p{min-width:170px}.qa-track-live button{min-height:44px}.qa-track-heading strong{font-size:14px}}