/**
 * Login Page Styles
 * CDIS - Comprehensive Disaster Information System
 *
 * cdis-system.css에 없는 로그인 전용 스타일만 정의합니다.
 */

/* ========================================
   Check Result (중복확인/유효성 결과)
   register.html에서 사용
   ======================================== */

.check-result {
    font-size: clamp(12px, 0.625vw, 24px);
    font-weight: 400;
    margin-top: 0;
    min-height: 0;
}

.check-result:not(:empty) {
    margin-top: clamp(4px, 0.2083333333vw, 8px);
    min-height: 1em;
}

.check-result.success {
    color: var(--text-secondary, #0F48B2);
}

.check-result.error {
    color: var(--color-red, #ef4444);
}

/* ========================================
   Test Accounts (개발 환경 전용)
   login.html dev 프로필에서 사용
   ======================================== */

.test-accounts {
    background: rgba(255, 255, 255, 0.95);
    border-radius: clamp(8px, 0.4166666667vw, 16px);
    padding: clamp(16px, 0.8333333333vw, 32px);
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    margin: clamp(16px, 0.8333333333vw, 32px) auto;
    max-width: clamp(360px, 25vw, 480px);
}

.test-accounts h3 {
    color: #ef4444;
    font-size: clamp(13px, 0.6770833333vw, 26px);
    margin-bottom: clamp(12px, 0.625vw, 24px);
    font-weight: 700;
}

.test-accounts ul {
    list-style: none;
    padding: 0;
    margin: 0 0 clamp(12px, 0.625vw, 24px);
    text-align: left;
}

.test-accounts li {
    font-size: clamp(12px, 0.625vw, 24px);
    margin: clamp(6px, 0.3125vw, 12px) 0;
    padding: clamp(6px, 0.3125vw, 12px);
    background: #f5f6f8;
    border-radius: clamp(4px, 0.2083333333vw, 8px);
    cursor: pointer;
    transition: background 0.15s;
}

.test-accounts li:hover {
    background: #e8ecf5;
}

.test-accounts li strong {
    font-family: 'Courier New', monospace;
    color: var(--text-secondary, #0F48B2);
}

.test-accounts .warning {
    color: #ef4444;
    font-size: clamp(11px, 0.5729166667vw, 22px);
    font-weight: 700;
    margin: 0;
}