/* ============================================================
   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);
    }
}

/* Input de arquivo (ex.: "Anexar Documentos/Imagens"): o botão nativo
   "Escolher arquivos" e o texto "Nenhum arquivo escolhido" ficavam ilegíveis
   no tema escuro. Botão vira pílula magenta e o texto usa a cor primária. */
[data-theme="dark"] body input[type="file"].form-control {
    color: var(--text-primary);
    padding: 0.35rem 0.6rem;
}
[data-theme="dark"] body input[type="file"].form-control::file-selector-button {
    background: var(--wmx-gradient);
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    padding: 0.3rem 0.9rem;
    margin-right: 0.8rem;
    font-weight: var(--font-semibold);
    cursor: pointer;
    transition: filter 0.15s ease;
}
[data-theme="dark"] body input[type="file"].form-control::file-selector-button:hover {
    filter: brightness(1.1);
}