/* Everwell Mynds accounts: messages on the log in, sign up and reset pages, the sidebar member chip
   and log out button, and hiding member pages until the account is known (src/js/00-auth.js). */

/* Messages under a form. Red wash for a problem, green wash for good news. */
.auth-msg{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:var(--accent-wash);color:var(--accent-deep);font-size:15px;line-height:22px;font-weight:600}
.auth-msg.is-ok{background:var(--ok-wash);color:var(--ok)}
.auth-msg-center{max-width:600px;margin-left:auto;margin-right:auto;text-align:center}
[data-auth-handle-note]{background:var(--stone);color:var(--ink);font-weight:500;margin-bottom:16px}
.auth-resend{margin-top:8px}
.auth-banner{margin:0;padding:12px 16px;background:var(--accent-wash);color:var(--accent-deep);font-size:15px;line-height:22px;font-weight:600;text-align:center}

/* "Check your email" after sign up */
.auth-check{margin-top:16px;display:flex;flex-direction:column;gap:12px}
.auth-check h3{font-size:32px;line-height:1.05}
.auth-check h3 i{color:var(--accent)}
.auth-check h3:focus{outline:none}
.auth-check p{margin:0;font-size:16px;line-height:1.5}
.auth-check b{font-weight:700;word-break:break-all}

/* Busy buttons */
.btn[aria-busy="true"],.btn:disabled{opacity:.6;cursor:progress;pointer-events:none}
.input[aria-invalid="true"]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}

/* Sidebar member chip and log out */
.app-me .avatar{overflow:hidden}
.app-me .avatar img{width:100%;height:100%;object-fit:cover}
.app-me-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-me-name{min-width:0}
.app-out{margin-top:6px;align-self:flex-start;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:14px;font-weight:600}
.app-out:hover{color:var(--accent-deep);background:var(--stone)}

/* Member pages stay hidden until we know who is signed in (no flash of sample content). */
body.layout-app:not([data-auth]) .app-body,
body.layout-app:not([data-auth]) .app-me,
body.layout-app:not([data-auth]) .app-out{visibility:hidden}
body:not([data-auth="in"]) .app-out{display:none}