/* Personalização específica dos inputs do WireUI */

/* Sobrescrever o fundo dos inputs para branco */
[form-wrapper] label {
    background-color: #ffffff !important;
}

/* Inputs com fundo branco */
[form-wrapper] input,
[form-wrapper] textarea,
[form-wrapper] select {
    background-color: #ffffff !important;
    color: #111827 !important;
}

/* Placeholder com cor mais suave */
[form-wrapper] input::placeholder,
[form-wrapper] textarea::placeholder {
    color: #6b7280 !important;
}

/* Labels personalizados */
[form-wrapper] label[for] {
    color: #374151 !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    margin-bottom: 0.25rem !important;
    display: block !important;
}

/* Foco nos inputs */
[form-wrapper] input:focus,
[form-wrapper] textarea:focus,
[form-wrapper] select:focus {
    outline: none !important;
    ring: 2px !important;
    ring-color: #3b82f6 !important;
    border-color: transparent !important;
}

/* Estados de erro - borda vermelha */
[form-wrapper].invalidated input,
[form-wrapper].invalidated textarea,
[form-wrapper].invalidated select {
    border-color: #dc2626 !important;
    background-color: #ffffff !important;
}

/* Estados de erro nos labels - texto vermelho */
[form-wrapper].invalidated label[for] {
    color: #dc2626 !important;
}

/* Estados de erro para inputs com erro */
input.border-red-600,
textarea.border-red-600,
select.border-red-600 {
    border-color: #dc2626 !important;
}

/* Labels com erro */
label.text-red-600 {
    color: #dc2626 !important;
}

/* Mensagens de erro */
.text-red-500 {
    color: #ef4444 !important;
}

/* Checkbox personalizado */
.custom-checkbox:checked + .checkbox-label {
    background-color: #1282A2 !important;
    border-color: #1282A2 !important;
}

.custom-checkbox:checked + .checkbox-label .check-mark {
    opacity: 1 !important;
}

.checkbox-label:hover {
    border-color: #1282A2 !important;
}

.custom-checkbox:focus + .checkbox-label {
    outline: 2px solid #1282A2 !important;
    outline-offset: 2px !important;
}