/* =====================================================================
   FILE: kcbme/auth-pages.css — extras for the single-card auth pages (login, forgot/reset password, join).
   Loaded AFTER auth.css. CSS grid only, no flexbox. Corners 8px at most.
   ===================================================================== */

.auth-wrap.auth-wrap-narrow { grid-template-columns: minmax(0, 1fr); max-width: 620px; }

.auth-stack { display: grid; gap: 14px; }

.auth-success { background: #e8f5ee; border: 1px solid #9fd0b4; border-radius: 8px; padding: 10px 14px; margin: 0 0 16px; }
.auth-card .auth-success p { margin: 0; padding: 3px 0; font-size: 1.5rem; line-height: 1.45; color: #2f7a52; }
.auth-success code { word-break: break-all; font-size: 1.4rem; }

.auth-info { background: #eef3fc; border: 1px solid #b9c9e8; border-radius: 8px; padding: 10px 14px; margin: 0 0 16px; }
.auth-card .auth-info p { margin: 0; padding: 3px 0; font-size: 1.4rem; line-height: 1.45; color: #4b5788; word-break: break-all; }

.auth-card .auth-links { text-align: center; font-size: 1.5rem; line-height: 1.5; padding: 14px 0 0; }
.auth-card .auth-small { font-size: 1.4rem; line-height: 1.5; color: #7a8199; padding: 0 0 12px; }

@media (max-width: 600px) {
    .auth-wrap.auth-wrap-narrow { width: 92%; }
}