/* Shared account menu (account-menu.js), used by the timeline, viewer and admin pages.
   Styles live in this stylesheet, not an injected <style>: the CSP allows only same-origin stylesheets. */
.ft-account-menu{position:relative;display:inline-flex;align-items:center}
.ft-account-menu .ft-account-trigger{display:inline-flex;align-items:center;gap:.45rem;max-width:16rem;min-height:40px;padding:.45rem .7rem;border:1px solid #ffffff80;border-radius:8px;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ft-account-menu .ft-account-trigger:hover,.ft-account-menu .ft-account-trigger[aria-expanded=true]{background:#ffffff20}
.ft-account-trigger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft-account-trigger-icon{font-size:1.1rem;line-height:1}
.ft-account-menu .ft-account-panel{position:absolute;z-index:200;right:0;top:calc(100% + .45rem);width:min(18rem,calc(100vw - 1.2rem));padding:.4rem;border:1px solid var(--app-border,#dce6e3);border-radius:12px;background:var(--app-card,#fff);color:var(--app-text,#18333a);box-shadow:0 10px 30px #102a3030;text-align:left}
.ft-account-menu .ft-account-panel[hidden]{display:none}
.ft-account-menu .ft-account-panel a,.ft-account-menu .ft-account-panel button,.ft-account-menu .ft-account-panel label{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;margin:0;padding:.55rem .7rem;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;text-decoration:none;font:inherit;font-weight:500;cursor:pointer}
.ft-account-menu .ft-account-panel a[hidden],.ft-account-menu .ft-account-panel button[hidden]{display:none}
.ft-account-menu .ft-account-panel a:hover,.ft-account-menu .ft-account-panel button:hover,.ft-account-menu .ft-account-panel a:focus-visible,.ft-account-menu .ft-account-panel button:focus-visible{background:var(--app-soft,#e7f4ef)}
.ft-account-menu .ft-account-separator{height:1px;margin:.35rem .4rem;background:var(--app-border,#dce6e3)}
.ft-account-menu .ft-account-panel .ft-account-theme{gap:.8rem;cursor:default}
.ft-account-menu .ft-account-panel .ft-account-tree-picker{display:grid;gap:.35rem;align-items:stretch;justify-content:initial;cursor:default;font-weight:650}
.ft-account-menu .ft-account-panel .ft-account-tree-picker[hidden]{display:none}
.ft-account-menu .ft-account-panel .ft-account-tree-picker .tree-switcher{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:none;min-height:40px;margin:0;padding:.45rem .55rem;border:1px solid var(--app-border,#dce6e3);border-radius:8px;background:var(--app-field,var(--app-card,#fff));color:var(--app-control-text,var(--app-text,#18333a));font:inherit}
.ft-account-menu .ft-account-theme select{width:auto;min-height:32px;max-width:7rem;padding:.2rem .35rem;border:1px solid var(--app-border,#bacbc7);border-radius:6px;background:var(--app-field,#fff);color:inherit;font:inherit}
.ft-account-menu .ft-account-panel .ft-account-danger{color:var(--app-danger,#a32d2d)}
@media(max-width:650px){.ft-account-menu .ft-account-trigger{max-width:9rem;padding-inline:.5rem}.ft-account-menu .ft-account-panel{position:fixed;right:.6rem;top:calc(58px + .3rem)}}
@media(max-width:440px){.ft-account-menu .ft-account-trigger-name{display:none}}