/* ===================================
   입력 검증 스타일
   =================================== */

/* 오류 메시지 */
.error-message {
    color: #dc3545;
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: 500;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 오류가 있는 입력 필드 */
input.error,
select.error,
textarea.error {
    border: 2px solid #dc3545 !important;
    background: #fff5f5 !important;
}

/* 포커스 시에도 빨간 테두리 유지 */
input.error:focus,
select.error:focus,
textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;
}

/* 성공 상태 (선택적) */
input.success,
select.success,
textarea.success {
    border: 2px solid #28a745 !important;
    background: #f0fff4 !important;
}

/* 폼 검증 안내 텍스트 */
.validation-hint {
    color: #6c757d;
    font-size: 11px;
    margin-top: 3px;
    display: block;
}