
/* DriveHaus — Domino's style combined tracker + refined field boxes */
:root{
  --trk-bg:#ffffff; --trk-line:#e6eaf0; --trk-ink:#0f1824; --trk-muted:#667085;
  --trk-brand:#ffb800; --trk-accent:#3aa0ff; --trk-done:#16a34a;
}
.nr-tracker{ margin:10px 0 18px; padding:12px 14px; background:var(--trk-bg); border:1px solid var(--trk-line); border-radius:16px; }
.nr-track-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; position:relative; align-items:center; }
.nr-track-step{ display:flex; align-items:center; gap:10px; padding:12px 14px; position:relative; z-index:2; }
.nr-track-step .badge{ width:28px; height:28px; border-radius:10px; display:grid; place-items:center; font-weight:800; background:#f3f7fd; border:1px solid var(--trk-line); color:var(--trk-ink); }
.nr-track-step .label{ font-weight:800; color:var(--trk-ink); }
.nr-track-rail{ position:absolute; left:14px; right:14px; top:50%; height:8px; transform:translateY(-50%); background:#eef2f7; border-radius:999px; z-index:1; overflow:hidden; }
.nr-track-progress{ height:100%; width:100%; background:linear-gradient(90deg, var(--trk-brand), var(--trk-accent)); transform:scaleX(var(--dh-progress-ratio,0)); transform-origin:left center; transition: transform .45s cubic-bezier(.2,.9,.2,1); }
.nr-track-step.active .badge{ background:#fff8e0; border-color:rgba(255,184,0,.5); }
.nr-track-step.done .badge{ background:#e8f9ee; border-color:rgba(22,163,74,.45); color:#0a6a2a; }
.nr-track-step.done .label{ color:#0a6a2a; }
.nr-track-step.active .label{ color:#0f1824; }
.nr-pointer{ position:absolute; top:50%; transform:translate(-50%,-50%); width:18px; height:18px; border-radius:8px; background:#fff; border:2px solid var(--trk-ink); box-shadow:0 2px 8px rgba(0,0,0,.12); z-index:3; transition:left .45s cubic-bezier(.2,.9,.2,1); }
.sell-light .form-group input, .sell-light .form-group select{ background:#f7f9fe; border:1px solid var(--trk-line); border-radius:14px; height:52px; padding:14px 16px; }
.sell-light .form-group:focus-within input, .sell-light .form-group:focus-within select{ background:#fff; border-color:rgba(58,160,255,.55); box-shadow:0 0 0 6px rgba(58,160,255,.10); }
.sell-light .chips{ gap:8px; } .sell-light .chip{ padding:9px 12px; }
