/* ═══════════════════════════════════════════════════════════
   ASSESSMENT.CSS — Assessment form specific styles
   ═══════════════════════════════════════════════════════════ */

/* ─── Sticky assessment header ────────────────────────────── */
#assess-header { position: sticky; top: 0; z-index: 40; }

/* ─── Category section gradient header ────────────────────── */
.cat-header {
  background: linear-gradient(135deg, var(--cat-color) 0%, color-mix(in srgb, var(--cat-color) 70%, #000) 100%);
}

/* ─── Progress step indicator dots ───────────────────────── */
.step-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-border); transition: background .3s; }
.step-dot.done   { background: #22C55E; }
.step-dot.active { background: var(--color-ntblue); width: 24px; border-radius: 4px; }