.topbar-user{display:flex}.topbar-user--open{position:relative}.user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1;width:250px;max-width:calc(100vw - var(--space-4));padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-10);box-shadow:0 8px 24px rgba(15,23,42,.12)}.user-menu__head{display:flex;align-items:center;gap:10px;padding:10px 10px 12px}.user-menu__avatar{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-8);background:var(--color-primary);color:var(--color-on-brand);font-size:12px;font-weight:700}.user-menu__who{display:flex;flex-direction:column;gap:1px;min-width:0}.user-menu__name{font-size:13px;font-weight:600;color:var(--color-text);overflow-wrap:anywhere}.user-menu__role{font-size:11px;color:var(--color-text-subtle)}.user-menu__discipline{display:flex;align-items:flex-start;gap:5px;margin-top:2px;font-size:11px;color:var(--color-text-secondary)}.user-menu__discipline-text{min-width:0;overflow-wrap:anywhere}.user-menu__discipline b{font-weight:600}.user-menu__dot{width:7px;height:7px;flex-shrink:0;margin-top:3px;border-radius:50%;background:var(--color-border-strong);border:1px solid var(--color-border-strong)}.user-menu__rule{height:1px;margin:0 6px 4px;background:var(--color-divider)}.user-menu__logout{display:block;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-6);background:transparent;color:var(--color-danger);font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.user-menu__logout:focus-visible,.user-menu__logout:hover{background:var(--color-surface-2);outline:none}.user-menu__error{margin:0;padding:4px 10px 6px;font-size:11px;color:var(--color-danger)}