/* v1.6.52 — shared, theme-aware account controls */
.shell>.top>.account-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;order:2}
.account-controls .account-icon{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--archive-line,var(--border,#777));border-radius:var(--archive-radius,50%);background:var(--archive-panel,var(--surface,#242424));color:var(--archive-ink,var(--text,#fff));text-decoration:none;cursor:pointer;padding:7px;transition:transform .15s}
.account-controls .account-icon:hover{transform:translateY(-1px);border-color:var(--archive-accent,#888)}
.account-controls .account-icon:focus-visible{outline:3px solid var(--archive-accent,#888);outline-offset:3px}
.account-controls svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-controls .account-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.account-controls .account-profile{border-radius:50%;overflow:hidden;padding:0}
.account-controls .account-profile .account-placeholder{padding:9px;width:100%;height:100%}
.account-controls .account-admin-trigger[hidden],.account-controls .account-admin-link[hidden]{display:none!important}
.account-controls .account-admin-trigger .archive-alert-count{position:absolute;top:-5px;right:-6px;background:var(--archive-accent,#e66);color:var(--archive-action-ink,#111);font-size:10px;border-radius:99px;min-width:18px;padding:3px}
.shell>.top>.archive-alerts{order:3;flex:0 0 46px;width:46px;height:46px;overflow:visible;margin:0}
.archive-alerts>.archive-alert-trigger[hidden]{display:none!important}
.archive-alert-panel{right:0;z-index:1000}
.avatar-editor{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:12px 0 22px}
.avatar-current{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid var(--archive-line,#888)}
.avatar-editor>div{flex:1;min-width:min(260px,100%)}
.avatar-crop-area{width:min(320px,100%);aspect-ratio:1;touch-action:none;border:2px solid var(--archive-accent,#888);overflow:hidden;cursor:grab;margin:12px 0}
.avatar-crop-area:active{cursor:grabbing}
.avatar-crop-area canvas{display:block;width:100%;height:100%;touch-action:none}
#avatar-zoom{display:block;width:min(320px,100%);margin:10px 0 16px}
@media(max-width:800px){.shell>.top>.account-controls{order:3;margin-left:0}.shell>.top>.archive-alerts{order:4}}
@media(prefers-reduced-motion:reduce){.account-controls .account-icon{transition:none}}

.account-personal-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,90vw);padding:16px;border:1px solid var(--archive-line,#777);background:var(--archive-panel,#222);color:var(--archive-ink,#fff);box-shadow:0 8px 24px #0003;border-radius:var(--archive-radius,12px);z-index:1001;font-size:14px}
.account-personal-panel[hidden]{display:none}

/* Signed-in profile dropdown; no controls exposed without a valid session. */
.account-profile-wrap{position:relative;display:flex}
.account-profile-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:1100;width:190px;padding:6px;background:var(--archive-panel,var(--surface,#242424));color:var(--archive-ink,var(--text,#fff));border:1px solid var(--archive-line,var(--border,#777));border-radius:var(--archive-radius,12px);box-shadow:0 8px 24px #0003}
.account-profile-menu[hidden],.account-controls[hidden]{display:none!important}
.account-profile-menu>a,.account-profile-menu>button{box-sizing:border-box;display:block;width:100%;border:0;border-radius:6px;padding:12px;text-align:left;background:transparent;color:inherit;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.account-profile-menu>a:hover,.account-profile-menu>button:hover{background:var(--archive-accent,#777);color:var(--archive-action-ink,#111)}
.account-profile-menu>a:focus-visible,.account-profile-menu>button:focus-visible{outline:2px solid var(--archive-accent,#888);outline-offset:-2px}
.account-profile-menu>button:disabled{opacity:.6;cursor:wait}
.account-logout-error{font-size:12px;margin:6px;padding:4px;color:var(--archive-ink,var(--text,#fff))}
.account-logout-error[hidden]{display:none}
