.bench-account { position: relative; min-width: 0; }
.bench-account-trigger { font: inherit; cursor: pointer; background: transparent; max-width: 150px; }
.bench-account-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bench-account-panel { position: absolute; right: 0; top: calc(100% + 12px); width: 210px; padding: 8px; border: 1px solid #ddd; border-radius: 14px; background: white; color: #222; box-shadow: 0 12px 36px #0002; }
.bench-account-panel[hidden] { display: none; }
.bench-account-panel a, .bench-account-panel button { display: block; width: 100%; padding: 12px; border: 0; border-radius: 8px; font: inherit; font-size: 14px; text-align: left; color: inherit; background: transparent; cursor: pointer; text-decoration: none; }
.bench-account-panel a:hover, .bench-account-panel button:hover { background: #f1f3f2; }
.bench-account-error { display: block; font-size: 12px; padding: 0 12px; color: #a12222; }
@media (max-width: 800px) { .bench-account-trigger { max-width: 82px; } }