.xf-email-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.xf-email-form,.xf-email-profile{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.xf-email-form label,.xf-email-profile label,.xf-auth-card label{display:flex;flex-direction:column;gap:6px}
.xf-email-form input,.xf-email-profile input,.xf-auth-card input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #475569;border-radius:8px;background:#111e30;color:#f1f5f9;font:inherit}
.xf-email-status{white-space:pre-wrap;line-height:1.5}
.xf-email-status:empty{display:none}
.xf-email-status{padding:10px;border-radius:8px;background:#21324b;color:#f1f5f9;overflow-wrap:anywhere}
.xf-password-field{position:relative;display:block}
.xf-password-field input{padding-right:48px}
.xf-email-form .xf-password-toggle,.xf-auth-card .xf-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:#cbd5e1;cursor:pointer}
.xf-password-toggle[aria-pressed="true"]{color:#60a5fa}
.xf-password-toggle:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}
.xf-email-link-frame{width:100%;height:min(700px,calc(100dvh - 120px));border:0;border-radius:10px}
#authPanel.xf-email-link-panel{padding:0}
#authPanel.xf-email-link-panel>:not(.xf-email-link-frame){display:none!important}
.xf-auth-page .xf-auth-card{margin:0 auto}
html.xmap-mode-web body.xmap-map-ui:has(#authPanel:not(.hidden)) #authPanel:not(.hidden){display:block!important;z-index:20000!important;max-height:calc(100dvh - 100px);overflow-y:auto;box-sizing:border-box;overscroll-behavior:contain}
html.xmap-mode-web body.xmap-map-ui:has(#authPanel:not(.hidden)) #mobileOverlaySwitches,
html.xmap-mode-web body.xmap-map-ui:has(#authPanel:not(.hidden)) #mobileBaseLayerSwitch{display:none!important}
.xf-avatar-options{display:flex;flex-wrap:wrap;gap:8px}
.xf-avatar-options label{display:flex;align-items:center;flex-direction:column;gap:4px;cursor:pointer}
.xf-avatar-options img{width:38px;height:38px;border-radius:50%}
.xf-avatar-options input{width:auto}
.xf-auth-page{margin:0;padding:24px;background:#0c1420;color:#f1f5f9;font:16px/1.5 system-ui}
.xf-auth-card{box-sizing:border-box;max-width:520px;margin:40px auto;padding:24px;border:1px solid #334155;border-radius:14px;background:#172334}
.xf-auth-card form{display:flex;flex-direction:column;gap:14px}
.xf-auth-card button{padding:12px;border:0;border-radius:8px;background:#2563eb;color:white;font:inherit;cursor:pointer}
.xf-auth-card a{color:#93c5fd}
.xf-auth-card [hidden]{display:none}
.xf-auth-card input[type="radio"],.xf-auth-card input[type="checkbox"]{width:auto;vertical-align:middle;margin-right:8px}
@media(max-width:600px){.xf-auth-page{padding:12px}.xf-auth-card{margin:12px auto;padding:18px}}

.xf-auth-language{display:grid;grid-template-columns:auto minmax(140px,1fr);align-items:center;gap:8px;margin-bottom:16px}.xf-auth-language label{display:flex;gap:6px;align-items:center}.xf-auth-language select{width:100%;padding:9px;color:var(--text,#fff);background:var(--panel,#17202b);border:1px solid var(--line,#445);border-radius:8px}.xf-auth-language small{grid-column:1/-1;line-height:1.4}