/* ============================================
   FORMS - Inputs, selects, form groups
   ============================================ */

input, select {
    background: var(--bg-card);
    border: 1px solid var(--gray-300);
    color: var(--gray-800);
    transition: all 0.15s ease;
}

input:focus, select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1);
    background: var(--bg-card);
    outline: none;
}

.form-group label {
    color: var(--gray-700);
    font-weight: 500;
}

optgroup {
    color: var(--gray-700);
    font-weight: 500;
}

option {
    color: var(--gray-800);
}

/* Validación en tiempo real */
input.input-error, select.input-error {
    border-color: #ef4444;
    background: #fef2f2;
}

input.input-error:focus, select.input-error:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
}