.account-header{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px;padding:10px max(20px,calc((100% - 1360px)/2));background:#edf4ef;color:#174b4d;border-bottom:1px solid #d1dfd6;font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0}
.account-header[hidden]{display:none!important}
.account-header-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;background:#174b4d;color:#fff;font-size:12px;font-weight:700}
.account-header-identity{display:flex;flex-direction:column;min-width:0;max-width:min(48vw,480px)}
.account-header-identity>span{font-size:11px;color:#516861}.account-header-name{font-weight:650;overflow-wrap:anywhere}
.account-header-link,.account-header-logout{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0;padding:7px 12px;border:1px solid #b6cdc1;border-radius:7px;background:#fff;color:#174b4d;text-decoration:none;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.account-header-link:hover,.account-header-logout:hover{background:#e0ede5}.account-header :is(a,button):focus-visible{outline:3px solid #36715b;outline-offset:3px}.account-header-logout:disabled{opacity:.6;cursor:wait}
.account-header-status:empty{display:none}.account-header-status{flex-basis:100%;text-align:right;font-size:12px;color:#8b362d}
@media(max-width:600px){.account-header{justify-content:flex-start;gap:8px 10px;padding:9px 14px}.account-header-identity{flex:1 0 calc(100% - 46px);max-width:calc(100% - 46px)}.account-header-link{margin-left:44px}.account-header-link,.account-header-logout{min-height:40px}.account-header-status{text-align:left}}