.header-account{display:flex;flex:0 1 auto;flex-direction:column;align-items:flex-end;gap:8px;min-width:0;max-width:100%;margin-left:auto}
.header-account .account{display:block;max-width:360px;overflow-wrap:anywhere}
.header-account .login-link{align-self:flex-end}
.online-header{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 6px;color:#7b8089;font-size:11px;font-weight:400;line-height:1.7;max-width:100%;text-align:right}
.online-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ed6425;flex:0 0 auto}
.online-count{white-space:nowrap}.online-count strong{color:#d95117;font-size:inherit;font-weight:600;font-variant-numeric:tabular-nums}
.online-divider{color:#b4b8be}
.online-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.online-stale .online-dot{background:#a1a7b0}
.online-stale::after{content:'(ข้อมูลอาจไม่เป็นปัจจุบัน)';color:#9c4b21;font-size:10px}
@media(max-width:720px){header>.header-account{flex-basis:100%;width:100%;gap:6px}.online-header{font-size:11px}}
@media(max-width:360px){.online-header{gap:3px 5px;font-size:10px}}