/**
 * css/forms.css
 * ─────────────
 * Form grid, upload area, and wizard step-indicator styles.
 * Used across quotation, order, register, and finder pages.
 */

/* ── Two-column form grid ── */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}

/* ── Finder step indicator ── */
.steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;position:relative}
.steps::before{content:'';position:absolute;top:14px;left:0;right:0;height:2px;background:var(--border);z-index:0}
.step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}
.step-dot{width:30px;height:30px;border-radius:50%;background:var(--graphite);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;color:var(--grey);transition:all 0.3s}
.step.active .step-dot{background:var(--green);border-color:var(--green);color:#000}
.step.done .step-dot{background:var(--green2);border-color:var(--green);color:var(--white)}
.step-lbl{font-family:'Rajdhani',sans-serif;font-weight:600;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--grey)}
.step.active .step-lbl{color:var(--green)}
.step.done .step-lbl{color:var(--grey2)}