/* Account dialogs follow the reference shell while retaining local form fields. */
.site-v4 #authModal{padding:28px 16px;background:color-mix(in srgb, var(--site-panel) 78.00%, transparent);backdrop-filter:blur(5px);overflow-y:auto;overscroll-behavior:contain}
.site-v4 #authModal .auth-modal-dialog{width:min(100%,800px);max-height:calc(100dvh - 56px);margin:auto;border:1px solid color-mix(in srgb, var(--site-border) 7.06%, transparent);border-radius:16px;background:radial-gradient(ellipse at 18% 0,color-mix(in srgb, var(--site-accent) 20.00%, transparent),transparent 55%),linear-gradient(180deg,var(--site-raised),var(--site-panel));box-shadow:0 24px 80px color-mix(in srgb, var(--site-background) 33.33%, transparent);scrollbar-width:thin;scrollbar-color:var(--site-accent) transparent}
.site-v4 #authModal .auth-modal-panel{padding:48px 48px 60px}
.site-v4 #authModal .auth-modal-close{position:absolute;top:94px;right:48px;float:none;margin:0;width:36px;height:36px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--site-raised),var(--site-panel));color:var(--site-text);font-size:18px}
.site-v4 #authModal .auth-modal-close:hover{background:var(--site-raised)}
.auth-brand{display:flex;justify-content:center;align-items:center;height:48px;margin-bottom:14px}
.auth-brand img{display:block;width:120px;height:48px;object-fit:contain}
.auth-tabs{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 44px 30px}
.auth-tabs button{min-height:36px;padding:7px 14px;border:1px solid color-mix(in srgb, var(--site-border) 10.20%, transparent);border-radius:4px;background:color-mix(in srgb, var(--site-text) 1.57%, transparent);color:var(--site-text);font-size:14px;font-weight:600;white-space:nowrap;transition:background .18s,box-shadow .18s}
.auth-tabs button[aria-current]{border-color:var(--site-accent);background:linear-gradient(110deg,var(--site-accent),var(--site-accent));box-shadow:0 8px 24px color-mix(in srgb, var(--site-border) 14.90%, transparent);color:var(--site-accent_text)}
.auth-tabs button:hover{border-color:var(--site-accent)}
.site-v4 #authModal .auth-modal-panel form{gap:12px}
.site-v4 #authModal .auth-modal-fields{grid-template-columns:1fr;gap:12px}
.site-v4 #authModal .auth-modal-field>span:not(.auth-password-control),.site-v4 #authModal .auth-modal-dynamic-field label{display:block;margin:0 4px 4px;color:var(--site-muted);font-size:14px;font-weight:500;line-height:20px}
.site-v4 #authModal .auth-modal-field b,.site-v4 #authModal .auth-modal-dynamic-field label>span{color:var(--site-danger)}
.site-v4 #authModal input:not([type=checkbox]),.site-v4 #authModal select{display:block;min-width:0;width:100%;height:48px;min-height:48px;padding:12px 15px;border:1px solid color-mix(in srgb, var(--site-border) 10.20%, transparent);border-radius:5px;background:linear-gradient(180deg,var(--site-panel),var(--site-background));color:var(--site-text);font-size:14px;line-height:22px;box-shadow:none;color-scheme:dark}
.site-v4 #authModal input::placeholder{color:var(--site-muted);opacity:1}
.site-v4 #authModal input:focus,.site-v4 #authModal select:focus{border-color:var(--site-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--site-background) 14.12%, transparent);outline:none}
.site-v4 #authModal .auth-password-control{position:relative;display:block;margin:0}
.site-v4 #authModal .auth-password-control input{padding-right:48px}
.auth-password-control button{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;width:48px;color:var(--site-text);font-size:17px;border-radius:5px}
.auth-password-control button:hover{color:var(--site-accent)}
.site-v4 #authModal .auth-remember{display:flex;align-items:center;gap:8px;color:var(--site-muted);font-size:13px}
.site-v4 #authModal input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;accent-color:var(--site-accent)}
.site-v4 #authModal .auth-modal-submit{min-height:48px;margin-top:12px;border:1px solid var(--site-accent);border-radius:8px;background:linear-gradient(180deg,var(--site-accent) 0%,var(--site-accent) 55%,var(--site-accent) 100%);box-shadow:0 10px 28px color-mix(in srgb, var(--site-background) 18.04%, transparent),inset 0 1px color-mix(in srgb, var(--site-border) 12.16%, transparent);color:var(--site-accent_text);font-size:18px;font-weight:700}
.site-v4 #authModal .auth-modal-submit:hover{filter:brightness(1.1);transform:none}
.site-v4 #authModal .auth-forgot{margin:24px 0 10px;text-align:center;font-size:14px;font-weight:600;color:var(--site-text)}
.site-v4 #authModal .auth-modal-switch{margin:22px 0 0;color:var(--site-muted);font-size:14px;line-height:22px}
.site-v4 #authModal .auth-forgot+.auth-modal-switch{margin-top:8px}
.site-v4 #authModal .auth-modal-switch button,.site-v4 #authModal .auth-modal-switch a{color:var(--site-text);font-weight:600}
.site-v4 #authModal .auth-modal-terms{margin-top:6px;color:var(--site-muted);font-size:12px}
.site-v4 #authModal .auth-modal-terms a{color:var(--site-text)}
.site-v4 #authModal .auth-modal-error:not([hidden]){margin-bottom:8px}
@media(max-width:575px){
 .site-v4 #authModal{padding:12px}
 .site-v4 #authModal .auth-modal-dialog{max-height:calc(100dvh - 24px);border-radius:14px}
 .site-v4 #authModal .auth-modal-panel{padding:24px 20px 32px}
 .site-v4 #authModal .auth-modal-close{top:85px;right:20px;width:32px;height:32px}
 .auth-tabs{gap:16px;margin:0 32px 26px}
 .auth-tabs button{padding-inline:10px;font-size:13px}
 .site-v4 #authModal input:not([type=checkbox]),.site-v4 #authModal select{font-size:16px}
}
