/**
 * TulBrand CMS - Estilos base de Formularios
 * -----------------------------------------------
 * Archivo limpiado: Los estilos estructurales primarios ahora
 * se heredan del tema o se generan inline por el bloque.
 * Aquí solo quedan variables de estado (éxito/error).
 * -----------------------------------------------
 */

/* ── Mensajes de éxito / error ── */
.tulbrand-form-messages {
    margin: 0.75rem 0;
}

.tulbrand-form-success {
    padding: 0.9rem 1rem;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
    background: #d4edda;
    color: #155724;
}

.tulbrand-form-error {
    padding: 0.9rem 1rem;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    background: #f8d7da;
    color: #721c24;
}

/* ── Validación HTML5 visual ── */
.tulbrand-form input:invalid:not(:placeholder-shown),
.tulbrand-form textarea:invalid:not(:placeholder-shown),
.tulbrand-form select:invalid:not(:placeholder-shown) {
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25);
}