/* 두레이 로그인 화면 + 새 사이트에서 추가한 것 */
img[src=""] { display: none; }
.topright .logout { color: #bbb; margin-left: 6px; }
.topright .logout:hover { color: #fff; }

.lg-wrap { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 24px 16px; box-sizing: border-box; background: var(--page); font-family: var(--f-ui); color: var(--ink); }
.lg-card { width: 100%; max-width: 400px; box-sizing: border-box; background: var(--panel); border: 1px solid var(--panel-line); border-radius: 16px; padding: 36px 32px 28px; }
.lg-brand { display: flex; align-items: baseline; gap: 8px; margin-bottom: 28px; }
.lg-logo { font-weight: 800; font-size: 18px; letter-spacing: .02em; }
.lg-sub { font-size: 12px; color: var(--ink-3); }
.lg-card h1 { font-size: 22px; font-weight: 800; margin: 0 0 20px; }
.lg-form { display: grid; gap: 8px; }
.lg-form label { font-size: 13px; font-weight: 700; color: var(--ink-2); }
.lg-form input { font: inherit; font-size: 16px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); min-width: 0; }
.lg-form input:focus { outline: 2px solid var(--blue); outline-offset: -1px; border-color: transparent; }
#lg-code { letter-spacing: .3em; font-family: var(--f-num); font-variant-numeric: tabular-nums; }
.lg-form .btn { justify-content: center; padding: 11px 14px; font-size: 14px; margin-top: 6px; }
.lg-hint { margin: 0 0 4px; font-size: 12px; line-height: 1.6; color: var(--ink-3); }
.lg-links { display: flex; justify-content: space-between; margin-top: 6px; }
.lg-msg { margin-top: 14px; font-size: 13px; line-height: 1.6; color: var(--ok); white-space: pre-line; }
.lg-msg:empty { display: none; }
.lg-msg[data-err="1"] { color: var(--err); }
.lg-foot { margin: 24px 0 0; padding-top: 16px; border-top: 1px solid var(--panel-line); font-size: 12px; line-height: 1.6; color: var(--ink-3); }
@media (max-width: 480px) { .lg-card { padding: 28px 20px 22px; } }