.mhi-account-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-height:58px;padding:10px 20px;background:#24446c;color:#fff;box-shadow:0 2px 10px #1e324b33;font-family:system-ui,-apple-system,"Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.35}
.mhi-account-banner strong{font-size:17px;white-space:nowrap}
#mhi-account-state{font-weight:700}
#mhi-account-name{font-weight:700;overflow-wrap:anywhere}
.mhi-account-banner--in{background:#17683b}
.mhi-account-banner--out{background:#a52c31}
.mhi-account-banner--unknown{background:#735122}
.mhi-account-banner--checking{background:#24446c}
#mhi-account-refresh{margin-left:auto;min-height:36px;padding:5px 12px;border:1px solid #ffffffaa;border-radius:7px;background:#ffffff22;color:inherit;font:inherit;cursor:pointer}
#mhi-account-refresh:disabled{opacity:.65;cursor:wait}
@media(max-width:640px){.mhi-account-banner{padding:10px 14px;min-height:62px;font-size:15px}.mhi-account-banner strong{font-size:16px}#mhi-account-refresh{margin-left:0}}