/* v51 real member status: shared across active site pages. */
.v51-account-control{
 display:inline-flex;align-items:center;gap:7px;min-width:0;
 margin-right:8px;white-space:nowrap;line-height:1.35;
}
.v51-account-control .v51-auth-state{
 display:inline-flex;align-items:center;gap:4px;border-radius:22px;
 padding:5px 9px;border:1px solid rgba(165,216,189,.5);
 background:rgba(31,99,79,.5);color:#e8f9ef;font-size:12px;font-weight:600;
}
.v51-account-control .v51-auth-state[data-sso-status=verified]::before{
 content:"●";font-size:8px;color:#8ce2a5;
}
.v51-account-control button{
 color:#f8fff9;background:rgba(41,115,90,.75);
 border:1px solid #89bba4;border-radius:20px;
 font:inherit;font-size:12px;font-weight:650;padding:6px 11px;
 cursor:pointer;min-height:31px;box-shadow:none;
}
.v51-account-control button:hover{background:#327e61;color:white}
.v51-account-control button[hidden]{display:none!important}
.v51-account-control button:disabled{opacity:.55;cursor:default}
@media(max-width:800px){
 .v51-account-control{gap:4px;margin-right:2px}
 .v51-account-control .v51-auth-state{font-size:11px;padding:5px 6px}
 .v51-account-control button{font-size:11px;padding:5px 7px}
}
@media(max-width:410px){
 .v51-account-control .v51-auth-state{max-width:73px;overflow:hidden;text-overflow:ellipsis}
}
/* Keep header navigation visually distinct from the auth/status actions. */
header .v51-account-control{flex-shrink:0}
/* Documentation and MQTT auxiliary pages also show the site-wide member. */
header.v51-aux-header{position:relative;min-height:100px}
header.v51-aux-header>[data-v51-account-anchor]{position:absolute;right:22px;top:17px}
@media(max-width:680px){
 header.v51-aux-header>[data-v51-account-anchor]{position:static;display:flex;justify-content:flex-end;margin-top:8px}
}