@import url('/site-account-forms.css');
header.site-sections-header .account-btn { gap:7px; }
header.site-sections-header .account-avatar { width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--gold);color:var(--panel);font:700 10px/1 system-ui,sans-serif; }
header.site-sections-header .account-avatar img { width:100%;height:100%;object-fit:cover; }
.site-account-dialog { box-sizing:border-box;width:min(510px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:90dvh;padding:0;border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:12px;background:var(--panel);color:var(--text);font:15px/1.55 system-ui,sans-serif; }
.site-account-dialog::backdrop { background:rgba(5,7,11,.72); }
.site-account-dialog .legal-modal { padding:20px;max-width:none;width:auto;max-height:none;overflow:visible;border:0;box-shadow:none;background:var(--panel);color:var(--text); }
.site-account-dialog,.site-account-dialog * { box-sizing:border-box; }
.site-account-dialog [hidden] { display:none!important; }
.site-account-dialog h2 { font:400 22px/1.4 Georgia,serif;color:var(--gold-bright);margin:0 0 12px; }
.site-account-dialog :is(p,label,a,span,b) { overflow-wrap:anywhere; }
.site-account-dialog .legal-sub { color:var(--muted);font-size:14px; }
.site-account-dialog .legal-actions { display:flex;justify-content:flex-end;gap:10px;margin-top:18px; }
.site-account-dialog .ghost { border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;text-decoration:none; }
.site-account-dialog .row { flex-wrap:wrap; }
.site-account-dialog .account-form :is(input,textarea,select) { min-width:0;max-width:100%;font:15px/1.5 system-ui,sans-serif; }
.site-account-dialog .account-form button[type=submit],.site-account-dialog .account-tabs button.active { color:var(--panel);background:var(--gold-bright); }
.site-account-dialog #siteAccount-deleteForm button[type=submit] { background:#9b342b!important;color:#fff!important; }
.site-account-dialog .badges .badge-owner { color:#73540c; }
.site-account-dialog :focus-visible { outline:2px solid var(--gold);outline-offset:2px; }
@media(max-width:480px) { .site-account-dialog .legal-modal { padding:16px; }.site-account-dialog .avatar-pick { gap:10px; }.site-account-dialog .account-id { flex-wrap:wrap; } }