.account{position:relative}
.account-name{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;padding:.35rem .55rem;border:0;border-radius:.7rem;background:transparent;color:inherit;font:inherit;line-height:1.05;cursor:pointer}
.account-name:hover,.account-name:focus-visible{background:rgba(255,255,255,.1);outline:none}
.account-name small{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:.62}
.account-name.active{color:#382600;background:#ffd86a}
#view-as-dialog{width:min(34rem,calc(100vw - 2rem));padding:1.25rem;border:0;border-radius:1.15rem;color:var(--ink,#17202a);box-shadow:0 1.5rem 4rem rgba(0,0,0,.3)}
#view-as-dialog::backdrop{background:rgba(8,17,25,.58);backdrop-filter:blur(3px)}
.dialog-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.dialog-title h2{margin:.2rem 0 .3rem}
#view-as-users{display:grid;gap:.5rem;margin-top:1rem;max-height:min(25rem,55vh);overflow:auto}
.view-as-user{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.8rem .9rem;border:1px solid #d9e0e6;border-radius:.75rem;background:#fff;color:#17202a;text-align:left;cursor:pointer}
.view-as-user:hover,.view-as-user:focus-visible{border-color:#0e766e;background:#f2fbf9;outline:none}
.view-as-user span:first-child{display:flex;flex-direction:column;gap:.16rem}
.view-as-user small{color:#62717d;font-weight:400}
.view-as-banner{display:flex;align-items:center;justify-content:center;gap:2rem;padding:.72rem 1rem;background:#ffde7a;color:#372a04;border-bottom:1px solid #d8ad33}
.view-as-banner div{display:flex;flex-direction:column;gap:.12rem}
.view-as-banner span{font-size:.82rem}
.view-as-banner button{margin:0;padding:.55rem .8rem;background:#372a04;color:#fff;border:0;border-radius:.6rem;white-space:nowrap}
.viewing-as header{box-shadow:none}
@media(max-width:760px){.account-name span{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-as-banner{align-items:flex-start;flex-direction:column;gap:.55rem}.view-as-banner button{width:100%}}
