/* Page-specific Auth visual translation. Q1 design tokens and Material C remain in q1.css. */
.auth-page { padding:66px 25px 90px; }
.auth-layout { width:100%; max-width:390px; margin:auto; display:grid; gap:54px; }
.auth-rail .lead { max-width:28em; }
.auth-form { display:grid; gap:25px; }
.auth-form .field { display:grid; gap:10px; }
.field__label { color:var(--body); font-size:14px; font-weight:600; line-height:1.5; }
.input { width:100%; min-height:54px; padding:12px 15px; border:1px solid #baa995; border-radius:2px; outline:0; background:#fffbf4db; color:var(--ink); font-size:16px; line-height:1.5; }
.input::placeholder { color:#9a8a7c; opacity:1; }
.input:focus { border-color:var(--rust); box-shadow:0 0 0 3px #ad623826; background:#fffaf2; }
.field__error { min-height:0; }
.auth-form__submit { margin-top:4px; }
.auth-form__errors { padding:13px 15px; border-left:2px solid #8d4937; background:#fff7ef; color:#7b3d30; font-size:13px; line-height:1.65; }
.auth-form__errors[hidden] { display:none; }
.auth-form__errors p { margin:0; }
.auth-form .field__hint { margin:0; }
.auth-form[data-auth-step="verify"] .auth-form__submit { width:min(100%,248px); }
.auth-links { margin-top:22px; }
.auth-links .text-link { display:inline-flex; align-items:center; min-height:44px; color:#925537; font-size:13px; text-decoration:underline; text-decoration-color:#c9a780; text-underline-offset:5px; }
.auth-alt { max-width:34em; margin:15px 0 0; color:var(--muted); font-size:13px; line-height:1.85; }
.auth-alt .text-link { display:inline-block; min-height:44px; padding-block:10px; margin-block:-10px; color:#925537; text-decoration:underline; text-decoration-color:#c9a780; text-underline-offset:4px; }
.auth-boundary__note { max-width:34em; margin:0 0 30px; color:var(--body); font-size:15px; line-height:1.85; }
.auth-boundary__action { width:198px; }
.auth-boundary__back { display:flex; align-items:center; width:max-content; min-height:44px; margin-top:9px; color:#925537; font-size:13px; text-decoration:underline; text-decoration-color:#c9a780; text-underline-offset:5px; }
@media (min-width:700px) { .auth-page { padding:92px 44px 126px; } .auth-layout { max-width:570px; gap:68px; } .auth-rail .lead { max-width:36em; } .auth-mobile-break { display:none; } }
@container (min-width:1100px) { .auth-page { padding:115px 65px 150px; } .auth-layout { max-width:1100px; grid-template-columns:370px minmax(0,620px); gap:55px; align-items:start; } .auth-rail--verify .auth-title-break { display:initial; } }