.identity{margin-left:auto;display:flex;align-items:center;gap:0}
.identity form{margin:0}
.account-menu{position:relative}
.account-menu>summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;padding:7px 9px;border-radius:9px;color:#344054;user-select:none}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{background:#f5f7fb}
.account-menu>summary:focus-visible{outline:2px solid #c7d2fe;outline-offset:2px}
.account-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9efff;color:var(--brand);font-weight:800}
.account-name{font-weight:600}
.account-menu-popover{position:absolute;right:0;top:calc(100% + 9px);width:230px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:7px;box-shadow:0 16px 35px rgba(16,24,40,.14);z-index:20}
.account-menu-profile{padding:9px 10px 11px;border-bottom:1px solid var(--line);margin-bottom:5px;min-width:0}
.account-menu-profile strong,.account-menu-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu-profile small{color:var(--muted);margin-top:2px}
.account-menu-popover>a,.account-menu-popover button{width:100%;display:flex;align-items:center;text-align:left;padding:9px 10px;border:0;border-radius:7px;background:#fff;color:#344054;text-decoration:none;font:inherit}
.account-menu-popover>a:hover,.account-menu-popover button:hover{background:#f0f3ff;color:var(--brand)}
@media(max-width:900px){.account-name{display:none}}
@media(max-width:580px){header{padding-left:16px;padding-right:16px}.identity .badge{display:none}.account-menu>summary{padding:6px}.account-menu-popover{right:-3px;width:min(230px,calc(100vw - 24px))}}