/* Reuses the legacy panel's border, glass, spacing and theme tokens. */
.observer-panel{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;align-items:center;border:1px solid rgba(215,200,255,.28);background:rgba(8,8,18,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--color-text,#f4f0ff);font:inherit;transition:border-color 180ms ease,background 180ms ease}
.observer-panel:hover,.observer-panel[data-open="true"]{border-color:var(--color-accent-soft,#d7c8ff)}
.observer-panel [hidden]{display:none!important}
.observer-panel button,.observer-panel a{color:inherit;font:inherit;font-size:.76rem;text-decoration:none}
.observer-panel button{border:0;background:transparent;cursor:pointer}
.observer-panel svg{display:block;width:18px;height:18px;flex-shrink:0}
.observer-panel__toggle,.observer-panel__theme,.observer-panel__access,.observer-panel__menu{min-height:42px;min-width:42px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.observer-panel__toggle svg{transition:transform 220ms ease}
.observer-panel[data-open="true"] .observer-panel__toggle svg{transform:rotate(180deg)}
.observer-panel__account{display:flex;align-items:center;border-left:1px solid rgba(215,200,255,.2)}
.observer-panel__details{display:flex;align-items:center;max-width:0;overflow:hidden;opacity:0;transition:max-width 260ms ease,opacity 160ms ease}
.observer-panel[data-open="true"] .observer-panel__details{max-width:min(280px,calc(100vw - 180px));opacity:1}
.observer-panel__profile{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 2px}
.observer-panel button:hover,.observer-panel a:hover{background:rgba(168,116,255,.1)}
.observer-panel :focus-visible{outline:2px solid var(--color-accent,#a874ff);outline-offset:2px}
.observer-panel__dropdown{position:absolute;right:0;bottom:calc(100% + 8px);min-width:170px;padding:6px;border:1px solid rgba(215,200,255,.28);background:rgba(12,8,24,.96);box-shadow:0 8px 28px #0003;display:grid}
.observer-panel__dropdown a,.observer-panel__dropdown button{padding:11px 15px;text-align:left}
.observer-panel__logout{border-top:1px solid rgba(215,200,255,.15)!important}
.observer-panel__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-theme="light"] .observer-panel{background:rgba(255,255,255,.54);border-color:rgba(80,55,130,.22)}
html[data-theme="light"] .observer-panel__dropdown{background:rgba(255,255,255,.97);border-color:rgba(80,55,130,.22)}
@media(max-width:720px){.observer-panel{right:12px;bottom:12px}.observer-panel__toggle,.observer-panel__theme,.observer-panel__access,.observer-panel__menu{min-width:38px;min-height:38px;padding:0 10px}.observer-panel__profile{max-width:130px}}
@media(prefers-reduced-motion:reduce){.observer-panel,.observer-panel *{transition:none!important}}

/* Collapsed shell is only the arrow; all extensions live inside this body. */
.observer-panel__body,.observer-panel__slot{display:flex;align-items:center;min-width:0}
.observer-panel__body{max-width:calc(100vw - 86px)}
.observer-panel__slot{flex-wrap:wrap;justify-content:flex-end}
.observer-panel__slot:empty{display:none}
.observer-panel__slot>[data-addon]{display:flex;align-items:center}
.observer-panel__details{max-width:min(280px,calc(100vw - 180px));opacity:1}
@media(max-width:480px){.observer-panel__body{flex-wrap:wrap;justify-content:flex-end}.observer-panel__slot{max-width:calc(100vw - 124px)}}