@charset "UTF-8";
/* 개발자용 임시 로그인 (로컬·미리보기 전용, ADR 0106). 운영 배포에는 버튼이 만들어지지 않는다. */
.dev-login-trigger { position: fixed; z-index: 90; left: 10px; top: calc(10px + env(safe-area-inset-top)); padding: 6px 10px; border: 1px dashed #e8a33d; border-radius: 8px; background: #fff7e8; color: #6b4300; font-size: 11px; font-weight: 700; opacity: .92; }
.dev-login { width: min(92vw, 380px); padding: 0; border: 2px dashed #e8a33d; border-radius: 16px; background: var(--surface, #fff); color: var(--text, #102638); }
.dev-login::backdrop { background: #0006; }
.dev-login-form { display: grid; gap: 12px; padding: 18px; }
.dev-login-form header { display: flex; align-items: center; justify-content: space-between; }
.dev-login-form h2 { margin: 0; font-size: 17px; }
.dev-login-form header button { min-width: 36px; min-height: 36px; border-radius: 50%; background: none; color: inherit; font-size: 16px; }
.dev-login-note { margin: 0; color: #8a5a00; font-size: 12px; line-height: 1.6; }
.dev-login-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; }
.dev-login-form select, .dev-login-form input { min-height: 44px; padding: 10px; border: 1px solid var(--line, #dce5ea); border-radius: 10px; background: var(--surface, #fff); color: inherit; }
.dev-login-summary { display: grid; gap: 4px; margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--surface-hover, #eff5f6); }
.dev-login-summary div { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
.dev-login-summary dt { color: inherit; opacity: .7; }
.dev-login-summary dd { margin: 0; font-weight: 700; text-align: right; word-break: break-all; }
.dev-login-message { min-height: 1em; margin: 0; font-size: 12px; }
.dev-login-action { min-height: 46px; border-radius: 11px; background: #e8a33d; color: #2b1a00; font-weight: 800; }
.dev-login-action:disabled { opacity: .5; }