/* static/css/unfold_custom.css */

/* Alvo 1: Campos de texto comuns, textareas e inputs numéricos */
html body .unfold-root .vTextField,
html body .unfold-root .vLargeTextField,
html body .unfold-root input[type="number"],
html body .unfold-root input[type="text"] {
    background-color: #f8fafc !important; /* Fundo slate-50 levemente cinza */
    border: 1px solid #cbd5e1 !important; /* Borda visível (slate-300) */
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
    color: #0f172a !important; /* Texto escuro para alto contraste */
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important; /* Sombra interna de profundidade */
    display: block;
    width: 100%;
}

/* Alvo 2: Corrigir o visual do componente Select2 (Departamento, etc) */
html body .unfold-root .select2-container--admin-autocomplete .select2-selection--single {
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0.375rem !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
}

/* Estado de foco (Focus) para dar feedback visual de edição ativa */
html body .unfold-root .vTextField:focus,
html body .unfold-root .vLargeTextField:focus,
html body .unfold-root input[type="number"]:focus,
html body .unfold-root .select2-container--admin-autocomplete.select2-container--focus .select2-selection--single {
    border-color: #6366f1 !important; /* Indigo 500 */
    background-color: #ffffff !important;
    box-shadow: 0 0 0 2px #e0e7ff !important; /* Ring indigo externo */
    outline: none !important;
}