/* ============================================================
   PBI Monitor — Form controls (tema escuro, especificidade sobre Bootstrap)
   ============================================================ */

[data-theme="dark"] body .form-control,
[data-theme="dark"] body .form-select {
    background-color: var(--bg-input);
    border: 1px solid var(--glass-border-strong);
    color: var(--text-primary);
    border-radius: var(--radius-md);
}

[data-theme="dark"] body .form-control:focus,
[data-theme="dark"] body .form-select:focus {
    border-color: var(--border-strong-hover);
    box-shadow: var(--shadow-focus);
}

[data-theme="dark"] body .form-label {
    color: var(--text-secondary);
    font-weight: var(--font-medium);
    font-size: var(--text-base);
}

@media (max-width: 768px) {
    [data-theme="dark"] body .form-control,
    [data-theme="dark"] body .form-select {
        font-size: var(--text-lg);
        padding: var(--space-sm) var(--space-lg);
    }

    [data-theme="dark"] body .form-label {
        font-size: var(--text-sm);
    }
}