/* Sign-in and account pages (S-085). Public, so a half-set-up session can load it. Builds on /book/style.css. */
[hidden] { display: none !important; }
.auth-main { max-width: 460px; }
.auth-head { display: flex; align-items: center; gap: 12px; max-width: 460px; margin: 0 auto; padding: 24px 16px 0; }
.auth-head img { width: 44px; height: 44px; }
.auth-head b { font-size: 20px; letter-spacing: .02em; }
.auth-head small { margin: 0; }
.btn { display: inline-block; border-radius: 10px; padding: 12px 14px; cursor: pointer; border: 1px solid var(--blue); background: var(--blue); color: #fff; font: 700 16px system-ui, sans-serif; min-height: 44px; text-decoration: none; text-align: center; }
.btn.ghost { background: transparent; border-color: var(--line); color: var(--text); font-weight: 600; }
.btn:disabled { opacity: .6; cursor: wait; }
.row-btns { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.notice { background: #3a2f0b; color: var(--warn); border-radius: 10px; padding: 10px 12px; margin: 0 0 12px; font-weight: 600; }
.good { background: #13442f; color: #d7ffe9; border-radius: 10px; padding: 10px 12px; margin: 0 0 12px; font-weight: 600; }
.qr { background: #fff; border-radius: 12px; padding: 8px; width: 220px; max-width: 100%; margin: 8px 0; }
.qr svg { display: block; width: 100%; height: auto; }
.key { font: 600 16px ui-monospace, Consolas, monospace; letter-spacing: .08em; word-break: break-all; background: var(--navy-2); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; }
.code-input { letter-spacing: .3em; font-size: 22px !important; max-width: 220px; }

/* Show/hide password (S-092) */
.pw-wrap { position: relative; display: block; }
.pw-wrap input { padding-right: 52px !important; width: 100%; }
.pw-toggle { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: grid; place-items: center; background: none; border: 0; color: #9fb0c3; cursor: pointer; padding: 0; }
.pw-toggle:hover, .pw-toggle:focus-visible { color: #0EC0E0; }
