/* 로그인 화면 전용 스타일 — 로그인 전에 내려받는 유일한 스타일시트입니다.
   서비스 화면 스타일(1~9)에는 화면 이름·관리자 화면 이름이 셀렉터와 주석으로 담겨 있어
   로그인 이후(global-head.js)에만 로드합니다. 이 파일에는 화면 이름을 넣지 마십시오. */

:root {
    --lg-bg: #f4f7f6;
    --lg-text: #333333;
    --lg-sub: #555555;
    --lg-panel: #ffffff;
    --lg-border: #dddddd;
}

[data-theme="dark"] {
    color-scheme: dark;
    --lg-bg: #151e28;
    --lg-text: #ecf0f1;
    --lg-sub: #bdc3c7;
    --lg-panel: #243040;
    --lg-border: #3e5068;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--lg-bg);
    color: var(--lg-text);
}

.lg-card { text-align: center; padding: 24px; }
.lg-title { font-size: 16px; font-weight: 700; margin: 0 0 14px; }
.lg-welcome { font-size: 20px; font-weight: 700; margin: 0 0 26px; }

/* 세션 자동 종료 안내 — 자리를 비운 사이 로그아웃된 이유를 알려 줍니다. */
.lg-notice {
    width: 320px; max-width: 88vw;
    margin: 0 auto 18px; padding: 12px 14px;
    border-radius: 8px; font-size: 13px; line-height: 1.55;
    border: 1px solid var(--lg-border); background: var(--lg-panel); color: var(--lg-text);
}
.lg-notice[hidden] { display: none; }

/* 등록 실패 등 주의가 필요한 안내 */
.lg-notice-error { border-color: var(--accent-red, #e74c3c); }

/* 화면 하단 보조 설명 */
.lg-foot {
    width: 320px; max-width: 88vw;
    margin: 14px auto 0;
    font-size: 12px; line-height: 1.6;
    color: var(--lg-text); opacity: 0.75;
}
.lg-foot a { color: var(--lg-text); }

/* 복구 통로(구글) 버튼 — 평소 경로가 아니므로 눈에 덜 띄게 둡니다 */
.lg-btn-recovery {
    height: 42px; font-size: 13px; font-weight: normal;
    opacity: 0.7; margin-top: 6px;
}
.lg-btn-recovery:hover { opacity: 1; }

.lg-btns { display: flex; flex-direction: column; gap: 12px; align-items: center; }

.lg-btn {
    width: 320px; max-width: 88vw; height: 55px;
    display: flex; align-items: center; justify-content: center; gap: 12px;
    border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer;
    border: 1px solid var(--lg-border); background: var(--lg-panel); color: var(--lg-text);
    transition: all 0.2s;
}
.lg-btn:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); }
.lg-btn:disabled { opacity: 0.6; cursor: default; }
.lg-btn[hidden] { display: none; }
.lg-btn-naver { background-color: #03C75A; color: #ffffff; border: none; }

.lg-icon { width: 20px; height: 20px; object-fit: contain; }

/* 회원가입 모달은 로컬 개발 환경에서만 열립니다. 열기 직전에 전체 스타일을 주입하므로
   여기서는 "기본은 숨김"만 보장합니다(전체 CSS 로드 전 잠깐 노출되는 것 방지). */
#signup-modal { display: none; }