/* ============================================
   app-forms.css
   ============================================
   Form component styles including pain slider, time selector,
   and equipment options.
   ============================================ */

/* ── Shoulder pain slider ───────────────────────────────────────── */
.pain-slider { flex: 1; max-width: 300px; accent-color: var(--color-danger); }
.pain-value { font-weight: var(--wp-weight-bold); font-size: var(--wp-text-lg); min-width: 1.5rem; text-align: center; }

/* ── Time selector ──────────────────────────────────────────────── */
.time-label input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }

/* ── Equipment checkboxes ───────────────────────────────────────── */
.equip-label input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; }