/* Self-contained account controls; no global element overrides. */
.profile-slot{--pi-text:#24324a;--pi-muted:#58677d;--pi-line:#dce3ee;--pi-bg:#fff;--pi-soft:#f4f5fa;--pi-accent:#5651d8;display:flex;align-items:center;gap:.65rem;position:relative;min-width:0;font:400 .875rem/1.5 Inter,system-ui,sans-serif;color:var(--pi-text)}
.landing-page .profile-slot,.legal-page .profile-slot,.admin-security .profile-slot{--pi-text:#eff0f8;--pi-muted:#b7b8cb;--pi-line:#393a50;--pi-bg:#1b1c2c;--pi-soft:#24263b;--pi-accent:#b4a6ff}
[data-theme="dark"] .profile-slot,.dark .profile-slot{--pi-text:#eff0f8;--pi-muted:#b7b8cb;--pi-line:#393a50;--pi-bg:#1b1c2c;--pi-soft:#24263b;--pi-accent:#b4a6ff}
.profile-slot *,[data-profile-editor] *{box-sizing:border-box}
.profile-slot [hidden],[data-profile-editor] [hidden]{display:none!important}
.profile-pending{color:var(--pi-muted);font-size:.8125rem;min-width:4rem;text-align:center}
.profile-slot :where(a,button){font:inherit;color:inherit;text-decoration:none}
.profile-slot .pi-account{position:relative;min-width:0}
.profile-slot .pi-trigger{display:flex;align-items:center;gap:.55rem;max-width:15rem;min-height:2.75rem;padding:.25rem .45rem .25rem .25rem;border:1px solid var(--pi-line);border-radius:.85rem;background:var(--pi-bg);color:var(--pi-text);cursor:pointer}
.pi-avatar{position:relative;display:inline-grid;place-items:center;flex:none;inline-size:2.3rem;block-size:2.3rem;border-radius:.7rem;background:#eef0f7;color:#4c5671;border:1px solid #dfe3ee;font:700 .875rem/1.2 Inter,system-ui,sans-serif;isolation:isolate;overflow:hidden}
.pi-avatar img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;border-radius:inherit}
.pi-avatar[data-kind="paid"]{border:2px solid #a18add;background:#f1ecff;color:#6044a1}
.pi-avatar[data-kind="admin"]{border:2px solid #c8a668;background:#30303d;color:#ffe6b7}
.pi-avatar[data-kind="free"]{background:#f2f4f8;border-color:#c6cfdf}
.pi-trigger-copy{display:grid;gap:.05rem;min-width:0;text-align:start}
.pi-trigger-copy strong{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:10rem}
.pi-trigger-copy small{color:var(--pi-muted);font-size:.75rem;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-slot svg.pi-icon{inline-size:1.1rem;block-size:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.profile-slot .pi-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + .65rem);z-index:1300;width:min(20rem,calc(100vw - 2rem));padding:.6rem;border:1px solid var(--pi-line);border-radius:1rem;background:var(--pi-bg);color:var(--pi-text);box-shadow:0 18px 55px #0003;animation:pi-appear .14s ease-out;text-align:start;max-height:calc(100dvh - 7rem);overflow:auto}
.pi-dropdown .pi-identity{display:flex;gap:.75rem;padding:.65rem .5rem 1rem;margin-bottom:.3rem;border-bottom:1px solid var(--pi-line);min-width:0}
.pi-identity>div{display:grid;gap:.25rem;min-width:0}
.pi-identity :where(strong,small,span){overflow-wrap:anywhere}
.pi-identity strong{font-size:.9375rem}.pi-identity small{font-size:.8125rem;color:var(--pi-muted)}
.profile-slot .pi-plan{display:block;color:var(--pi-accent);font-size:.8125rem;font-weight:650}
.profile-slot :where(.pi-menu-link,.pi-signout){display:flex;align-items:center;gap:.65rem;width:100%;min-height:2.7rem;padding:.6rem .65rem;border:0;border-radius:.55rem;background:transparent;color:var(--pi-text);text-align:start;cursor:pointer;font-size:.875rem;line-height:1.5;text-decoration:none}
.profile-slot :where(.pi-menu-link,.pi-signout):hover,.profile-slot .pi-trigger:hover{background:var(--pi-soft);text-decoration:none}
.profile-slot .pi-signout{border-top:1px solid var(--pi-line);border-radius:0;margin-top:.35rem;color:var(--pi-muted)}
.profile-slot :where(a,button):focus-visible,[data-profile-editor] :where(button,input):focus-visible{outline:3px solid #a49ae8;outline-offset:2px}
.profile-slot .pi-dashboard,.profile-slot .pi-guest-link{font-size:.8125rem;font-weight:600;white-space:nowrap;padding:.5rem .35rem}
.profile-slot .pi-guest-primary{border:1px solid var(--pi-line);border-radius:.65rem;padding:.55rem .75rem;background:var(--pi-accent);color:var(--pi-bg);font-weight:700;white-space:nowrap}
.profile-slot .pi-notifications{position:relative}
.profile-slot .pi-bell{position:relative;display:grid;place-items:center;inline-size:2.65rem;block-size:2.65rem;border:1px solid var(--pi-line);border-radius:.8rem;background:var(--pi-bg);color:var(--pi-text);cursor:pointer}
.profile-slot .pi-count{position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem;min-width:1.1rem;padding:.1rem .2rem;border-radius:1rem;background:#b52c3f;color:white;font:700 .65rem/1.4 Inter,system-ui,sans-serif;text-align:center}
.pi-notification-list{display:grid;gap:.35rem}.profile-slot .pi-notification-list a{display:grid;gap:.25rem;border-bottom:1px solid var(--pi-line);padding:.7rem .5rem;overflow-wrap:anywhere}.pi-notification-list small{color:var(--pi-muted);font-size:.75rem}.pi-notification-title{display:block;padding:.5rem;font-weight:700}
.pi-feedback{font-size:.875rem;line-height:1.6;color:var(--ws-muted,#58677d);min-height:1.4rem;overflow-wrap:anywhere}
.pi-feedback.is-error{color:#b52c3f}
[data-profile-editor]{display:grid;gap:1rem;margin-bottom:1.5rem;max-width:100%;min-width:0}
.pi-photo-current{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pi-photo-current .pi-avatar{inline-size:4.5rem;block-size:4.5rem;border-radius:1rem;font-size:1.5rem}
.pi-photo-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}
.pi-photo-hint{font-size:.875rem;color:var(--ws-muted,#58677d);line-height:1.6}
.pi-crop{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);align-items:center;gap:1rem}
.pi-crop canvas{width:100%;max-width:13rem;aspect-ratio:1;border-radius:1rem;border:1px solid #dce3ee;background:#fff}
.pi-crop-controls{display:grid;gap:.75rem;min-width:0}.pi-crop-controls label{display:grid;gap:.35rem;font-size:.875rem;color:var(--ws-muted,#58677d)}
.pi-crop-controls input{width:100%;accent-color:#5651d8;min-height:1.5rem}
[data-profile-editor] input[type="file"]{max-width:100%;width:100%;font-size:.875rem;line-height:1.5}
[data-profile-editor] input[type="file"]::file-selector-button{min-height:2.5rem;padding:.5rem .8rem;margin-inline-end:.75rem;border:1px solid #d4dce8;border-radius:.6rem;background:#f4f5fa;color:#24324a;font:600 .875rem/1.5 Inter,system-ui,sans-serif;cursor:pointer}
.pi-message-avatar{inline-size:1.7rem;block-size:1.7rem;font-size:.65rem;border-radius:.5rem}
.docs-header .profile-slot{margin-inline-start:auto}.docs-header>.profile-slot{flex-shrink:0}
.nav-shell:has(.profile-slot){gap:1rem}.site-header:has(.profile-slot) .site-nav{gap:clamp(.6rem,1.5vw,1.5rem)}
.topbar-actions .profile-slot{flex-shrink:0}
.pi-public-nav{display:flex;align-items:center;gap:clamp(.6rem,1.3vw,1.2rem);min-width:0;overflow-x:auto;scrollbar-width:thin}
.pi-public-nav a{white-space:nowrap;text-decoration:none;color:inherit;font-size:.875rem}
.docs-header .pi-public-nav{display:flex;flex-wrap:nowrap}
.status-header:has(.profile-slot){flex-wrap:wrap;gap:1rem}
.docs-header .profile-slot{--pi-text:var(--ink);--pi-muted:var(--muted);--pi-bg:var(--panel);--pi-line:var(--line);--pi-soft:var(--code);--pi-accent:var(--accent)}
.status-page .profile-slot{--pi-text:var(--text);--pi-muted:var(--muted);--pi-bg:var(--panel);--pi-line:var(--line);--pi-soft:var(--panel-alt);--pi-accent:var(--purple)}
@keyframes pi-appear{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.profile-slot .pi-trigger-copy{display:none}.site-header:has(.profile-slot) .nav-shell{flex-wrap:wrap}.docs-header:has(.profile-slot){flex-wrap:wrap}}
@media(max-width:600px){.profile-slot{gap:.4rem}.profile-slot .pi-dashboard{font-size:.75rem}.profile-slot .pi-guest-link{font-size:.75rem}.profile-slot .pi-guest-primary{font-size:.75rem;padding:.55rem}.pi-crop{grid-template-columns:minmax(0,1fr)}.pi-crop canvas{justify-self:center}.profile-slot .pi-dropdown{position:fixed;inset-inline:1rem;top:5.5rem;width:auto;max-height:calc(100dvh - 7rem)}.status-header:has(.profile-slot){flex-wrap:wrap}}
@media(max-width:600px){.docs-header .pi-public-nav{order:3;flex-basis:100%}.docs-header:has(.profile-slot){gap:.75rem;padding:1rem}.docs-header .profile-slot{gap:.3rem}.docs-header .pi-dashboard{font-size:.75rem}.docs-header .pi-public-nav a{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.profile-slot .pi-dropdown{animation:none}}