/* ════════════════════════════════════════════════════════════
   FlowCore — Form Validation Stilleri
   wwwroot/js/shared/form-validation.js ile birlikte kullanılır.
   ════════════════════════════════════════════════════════════ */

.field-error-text {
    display: block;
    color: var(--danger);
    font-size: var(--text-sm, 12px);
    margin-top: 4px;
}

.field-invalid {
    border-color: var(--danger) !important;
}

.field-invalid:focus {
    outline-color: var(--danger);
    box-shadow: 0 0 0 2px var(--danger-light);
}

@keyframes fc-shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-4px); }
    40%, 80% { transform: translateX(4px); }
}

.field-shake {
    animation: fc-shake 0.3s ease-in-out;
}