.presence { display: inline-flex; margin-left: 10px; }
.member-layout { display: grid; grid-template-columns: 1fr 380px; gap: 18px; }
.member { display: flex; align-items: center; border-top: 1px solid var(--line); padding: 12px 0; }
.member div { flex: 1; }
.member small { display: block; color: var(--muted); }
.member form { margin: 0; }
.messages { max-width: 900px; margin: 0 auto 12px; }
.brand { display: flex; align-items: center; gap: 10px; }
.brand-logo { display: inline-flex; width: 54px; height: 38px; background: #fff; border-radius: 6px; padding: 2px 5px; overflow: hidden; }
.brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.login-logo { display: block; width: min(290px, 90%); height: auto; margin: 0 auto 20px; }
@media (max-width: 800px) { .member-layout { grid-template-columns: 1fr; } }