.account{display:flex;align-items:center;gap:16px;margin:0 38px 24px;padding:18px 20px;background:#111217;border:1px solid var(--line);border-radius:9px}
.account-avatar{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#333751;color:#e0e3ff;display:grid;place-items:center;font-weight:800;font-size:22px}
.account-avatar img{position:absolute;inset:0;width:48px;height:48px;object-fit:cover}
.account-identity{display:flex;flex-direction:column;min-width:0;flex:1;overflow-wrap:anywhere}
.account-identity strong{font-size:16px;line-height:1.5}
#account-username{font-size:14px;color:var(--muted)}
.account-membership{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;max-width:50%}
.role-badge{font-size:14px;color:var(--muted);background:#252630;border:1px solid #3c3e4b;border-radius:5px;padding:3px 10px;overflow-wrap:anywhere;max-width:100%}
.role-badge.eligible{color:#efc45b;background:#302919;border-color:#645130}
@media(max-width:560px){.account{margin:0 20px 20px;padding:16px;gap:12px;flex-wrap:wrap}.account-membership{align-items:flex-start;flex-basis:100%;max-width:100%;padding-top:4px}.account-identity{flex-basis:calc(100% - 60px)}}