.topbar>.account{align-self:center;align-items:center;gap:0;min-width:0;flex:none}
.account>.operator-identity{--operator-photo-height:40px;display:flex;align-items:center;gap:10px;height:44px;color:#506b87;font-size:12px;min-width:0}
.operator-name-lines{display:flex;flex-direction:column;justify-content:space-between;gap:4px;height:var(--operator-photo-height);min-width:0;line-height:1.3}
.operator-first-name,.operator-status-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.operator-first-name{font-size:14px;line-height:18px;font-weight:600;color:#36516e}
.operator-status-name{font-size:12px;line-height:16px;color:#65758a}
.operator-status-picker{position:relative;flex:none}
.operator-avatar-button{display:block;position:relative;list-style:none;cursor:pointer;padding:2px;border-radius:7px}
.operator-avatar-button::-webkit-details-marker{display:none}
.operator-avatar-button:focus-visible{outline:3px solid #51b5bf;outline-offset:2px}
.operator-portrait{display:grid;place-items:center;width:36px;height:var(--operator-photo-height);overflow:hidden;border:1px solid #b9c3d0;border-radius:6px;background:#eef4f3;color:#17666d;font-size:18px;line-height:1}
.operator-portrait>img{display:block;width:100%;height:100%;object-fit:cover}
.operator-avatar-dot{position:absolute;right:0;bottom:0;width:13px;height:13px;border:2px solid #fff}
.operator-status-menu{position:fixed;inset:var(--operator-menu-top,calc(var(--header) + 6px)) var(--operator-menu-right,4px) auto auto;margin:0;z-index:30;width:220px;max-width:calc(100vw - 8px);padding:4px;background:#fff;border:1px solid #b9c3d0;border-radius:6px;box-shadow:0 8px 24px #173b7526;max-height:calc(100dvh - var(--operator-menu-top,calc(var(--header) + 6px)) - 4px);overflow-y:auto;overscroll-behavior:contain}
.operator-status-menu::backdrop{inset-block-start:var(--header)}
.operator-status-option{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:4px;background:#fff;color:#244469;font-size:13px;text-align:left}
.operator-status-option:hover,.operator-status-option[aria-checked=true]{background:#edf5ec}
.operator-status-options{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:4px}
.operator-status-option .icon{width:17px;height:17px}
.operator-logout{color:#9e403b}.operator-logout:hover{background:#fbe9e7}@media(max-width:400px){.account>.operator-identity{gap:7px}}@media(max-width:650px){.operator-first-name,.operator-status-name{max-width:84px}}@media(max-width:360px){.operator-first-name,.operator-status-name{max-width:64px}}