/* Auth surfaces inherit Ankhorage site typography, colors, spacing, and button tokens. */
.ank-auth{width:min(100%,600px);margin-inline:auto;color:var(--ank-page-fg,inherit)}
.ank-auth-form{display:grid;gap:clamp(12px,2vw,20px);margin:0 0 18px}
.ank-auth-label{font:inherit;display:grid;gap:7px;font-weight:600}
.ank-auth-label input{width:100%;box-sizing:border-box;border:1px solid var(--ank-outline,#aaa);border-radius:var(--ank-radius,8px);padding:12px 14px;background:var(--ank-page-bg,#fff);color:var(--ank-page-fg,#222);font:inherit}
.ank-auth-label input:focus-visible{outline:2px solid var(--ank-color-brand-600,#265ccd);outline-offset:2px}
.ank-auth-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;padding:10px 20px;border:0;border-radius:var(--ank-button-primary-radius,7px);font:inherit;font-weight:600;cursor:pointer;background:var(--ank-button-primary-bg,var(--ank-color-brand-600,#265ccd));color:var(--ank-button-primary-fg,#fff);border:1px solid var(--ank-button-primary-border,transparent);text-decoration:none}
/* No longer style successful registration like a text field. JS upgrades this
 * accessible fallback notice to the shared Ankhorage toast. */
.ank-auth-message{padding:12px 16px;border:1px solid var(--ank-outline,#aaa);border-left:4px solid var(--ank-color-brand-600,#2563eb);border-radius:8px;background:var(--ank-page-bg,#fff)}
.ank-auth-notice--success{border-left-color:#198754}
.ank-auth-notice--error{border-left-color:#c43d3d}
.ank-auth-message[hidden]{display:none!important}
.ank-auth-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ank-auth-identity img{border-radius:50%}
.ank-auth-preview{border:1px dashed var(--ank-outline,#aaa);padding:20px;border-radius:7px;text-align:center}
.ank-user-menu{position:relative;flex:none}.ank-user-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;padding:5px 8px;border-radius:7px}
.ank-user-menu summary::-webkit-details-marker{display:none}.ank-user-menu summary img{width:36px;height:36px;border-radius:50%}
.ank-user-menu nav{display:grid;gap:0;position:absolute;z-index:200;right:0;top:100%;min-width:190px;background:var(--ank-page-bg,#fff);color:var(--ank-page-fg,#111);border:1px solid var(--ank-outline,#aaa);border-radius:8px;box-shadow:0 9px 22px #0002;padding:5px}
.ank-user-menu nav a{padding:10px;border-radius:5px}.ank-user-menu nav a:hover{background:var(--ank-outline,#eee);text-decoration:none}
.ank-user-guest{display:flex;align-items:center;gap:12px}.ank-user-guest a{white-space:nowrap}
@media(max-width:650px){.ank-user-name{display:none}.ank-user-menu nav{right:0}}

.ank-auth-button:hover{background:var(--ank-button-primary-hover-bg,var(--ank-color-brand-700,#1c499d));color:var(--ank-button-primary-hover-fg,#fff)}

.ank-user-menu-preview{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.ank-user-menu-preview-note{color:#687991;font-size:11px;font-weight:400}.ank-user-avatar-placeholder{display:inline-grid;place-items:center;min-width:32px;min-height:32px;border-radius:50%;background:var(--ank-outline,#dbe4ee);color:var(--ank-page-fg,#334155)}

/* 0.5.43 guest/member UserMenu: responds to the existing light/dark token switch. */
.ank-site-chrome .ank-user-menu{color:var(--ank-page-fg,inherit);font:inherit;z-index:40}
.ank-site-chrome .ank-user-menu>summary{min-height:44px;gap:9px;border:1px solid transparent;border-radius:var(--ank-button-primary-radius,8px);background:transparent;color:inherit}
.ank-site-chrome .ank-user-menu>summary:hover,.ank-site-chrome .ank-user-menu[open]>summary{background:var(--ank-surface,var(--ank-page-bg,transparent));border-color:var(--ank-outline,currentColor)}
.ank-site-chrome .ank-user-menu>summary:focus-visible,.ank-site-chrome .ank-user-menu nav a:focus-visible{outline:2px solid var(--ank-color-brand-500,currentColor);outline-offset:2px}
.ank-site-chrome .ank-user-avatar-placeholder{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:var(--ank-surface,var(--ank-page-bg,transparent));color:var(--ank-page-fg,inherit);border:1px solid var(--ank-outline,currentColor)}
.ank-site-chrome .ank-user-menu nav{background:var(--ank-page-bg,transparent);color:var(--ank-page-fg,inherit);border-color:var(--ank-outline,currentColor);padding:6px;box-shadow:0 12px 30px rgb(0 0 0 / .15)}
.ank-site-chrome .ank-user-menu nav a{display:block;color:inherit;text-decoration:none;font-weight:500}
.ank-site-chrome .ank-user-menu nav a:hover{background:var(--ank-surface,var(--ank-page-bg,transparent));color:inherit}
.ank-site-chrome .ank-user-menu-chevron{font-size:.8em;opacity:.75;transition:transform .15s}
.ank-site-chrome .ank-user-menu[open] .ank-user-menu-chevron{transform:rotate(180deg)}
.ank-chrome-admin-preview .ank-user-avatar-placeholder{background:var(--ank-surface,var(--ank-page-bg,#fff));color:var(--ank-page-fg,#111);border-color:var(--ank-outline,#ccc)}
