.sidebar-foot{display:grid;grid-template-columns:40px minmax(0,1fr) 38px;align-items:center;gap:10px}.sidebar-foot .avatar{width:40px;height:40px;overflow:hidden}.avatar.has-photo,.profile-avatar-preview.has-photo{background:var(--soft)}.avatar img,.profile-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover}.sidebar-foot .sidebar-user{min-width:0}.sidebar-foot strong,.sidebar-foot small{overflow:hidden;text-overflow:ellipsis}.sidebar-foot .more{display:grid;width:38px;min-width:38px;height:38px;min-height:38px;margin:0;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--accent,var(--pink));cursor:pointer}.sidebar-foot .more i{font-size:15px;font-style:normal}.sidebar-foot .more span{display:none}.profile-avatar-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);align-items:center;gap:28px;margin-top:22px}.profile-avatar-card h2{margin:4px 0 7px;font:700 22px 'Space Grotesk',sans-serif}.profile-avatar-card>div>p:last-child{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.profile-avatar-picker{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:17px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.profile-avatar-preview{display:grid;width:92px;height:92px;overflow:hidden;place-items:center;border:2px solid color-mix(in srgb,var(--accent,var(--pink)) 38%,var(--line));border-radius:50%;background:var(--panel);color:var(--accent,var(--pink));font:800 25px Manrope,sans-serif;box-shadow:0 9px 25px color-mix(in srgb,var(--accent,var(--pink)) 14%,transparent)}.profile-avatar-copy strong,.profile-avatar-copy span{display:block}.profile-avatar-copy strong{color:var(--ink);font-size:13px}.profile-avatar-copy span{margin:4px 0 11px;color:var(--muted);font-size:9px;line-height:1.5}.profile-avatar-copy>div{display:flex;flex-wrap:wrap;gap:8px}.profile-avatar-select{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;cursor:pointer}.profile-avatar-picker.is-saving{opacity:.58;pointer-events:none}.profile-avatar-picker.compact{grid-template-columns:76px minmax(0,1fr);padding:0;border:0;background:transparent}.profile-avatar-picker.compact .profile-avatar-preview{width:76px;height:76px}.account-avatar-section{grid-column:1/-1}
@media(max-width:760px){.sidebar-foot{grid-template-columns:40px minmax(0,1fr) auto}.sidebar-foot .more{display:inline-flex;width:auto;min-width:0;padding:0 11px;border-radius:10px;gap:6px}.sidebar-foot .more span{display:inline}.profile-avatar-card{grid-template-columns:1fr;gap:16px}.profile-avatar-picker{grid-template-columns:72px minmax(0,1fr)}.profile-avatar-preview{width:72px;height:72px}.profile-avatar-copy>div{display:grid}.profile-avatar-copy .outline{width:100%}}
@media(max-width:420px){.profile-avatar-picker{grid-template-columns:1fr}.profile-avatar-preview{margin:auto}.profile-avatar-copy{text-align:center}.profile-avatar-copy>div{justify-content:stretch}}
.sidebar-foot .avatar,.sidebar-foot .sidebar-user{cursor:pointer}.sidebar-foot .sidebar-user:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,var(--pink)) 45%,transparent);outline-offset:4px;border-radius:5px}.account-profile-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);align-items:start;gap:18px}.account-profile-photo{position:sticky;top:98px;display:grid;gap:18px}.account-profile-photo h2,.account-profile-section h2{margin:3px 0 6px;font:700 19px 'Space Grotesk',sans-serif}.account-profile-photo p,.account-profile-section>div>span{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.account-profile-form{display:grid;gap:20px}.account-profile-section{display:grid;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.account-profile-section:last-of-type{padding-bottom:0;border-bottom:0}.account-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-profile-grid label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.account-profile-grid input{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:11px 12px}.account-profile-grid input[readonly]{background:var(--soft);cursor:not-allowed}.account-profile-grid label small{font-size:8.5px;font-weight:500;line-height:1.4}.account-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px}.account-profile-actions>span{margin-right:auto;color:var(--muted);font-size:10px}.account-profile-actions .add-button{min-width:150px}
@media(max-width:900px){.account-profile-layout{grid-template-columns:1fr}.account-profile-photo{position:static}.account-profile-photo .profile-avatar-picker{grid-template-columns:92px minmax(0,1fr)}.account-profile-photo .profile-avatar-preview{width:92px;height:92px}}
@media(max-width:600px){.account-profile-grid{grid-template-columns:1fr}.account-profile-actions{align-items:stretch;flex-direction:column}.account-profile-actions .add-button{width:100%}.account-profile-actions>span{margin:0;text-align:center}}
.profile-avatar-preview{position:relative;cursor:pointer;transition:transform .18s ease,filter .18s ease}.profile-avatar-preview::after{content:'✎';position:absolute;right:2px;bottom:2px;display:grid;width:25px;height:25px;place-items:center;border:2px solid var(--panel);border-radius:50%;background:var(--accent,var(--pink));color:var(--theme-accent-ink,#fff);font-size:11px;line-height:1}.profile-avatar-preview:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,var(--pink)) 48%,transparent);outline-offset:3px}.profile-avatar-preview:hover{transform:translateY(-1px);filter:brightness(1.04)}
