/* VEXFALL first-party presence and private messaging */
.community-console{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:16px;margin-top:20px}
.community-console aside,.community-dialog{background:#111c2d;border:1px solid #4d5d76;min-width:0;padding:18px}
.community-console h3{font-size:12px;font-weight:900;letter-spacing:1px;color:#ffaf8b;margin:15px 0}
.community-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:22px 0}
.community-options select{width:100%;font-size:16px;color:#fff;background:#121c2b;border:1px solid #65758f;padding:11px}
.community-muted{color:#a8b9cc;font-size:12px;line-height:1.6}
.community-people{display:grid;gap:7px;margin:10px 0 22px}
.community-contact{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:#1b293e;border:1px solid #3b4d69;padding:9px;color:#fff;min-width:0;min-height:55px}
.community-contact:hover,.community-contact:focus-visible{border-color:#ff8a67}
.community-contact-avatar{display:grid;place-items:center;flex:none;width:35px;height:35px;background:#622e34;border:1px solid #ff8970;font-size:15px;font-weight:900}
.community-contact-details{display:grid;min-width:0;flex:1}
.community-contact-details strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-contact-details small{font-size:11px;color:#aabbd1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-presence{font-size:10px;font-weight:800;text-transform:uppercase;color:#9db4cb;flex:none}
.community-presence.online{color:#69d5ae}.community-presence.away{color:#ffc789}
.community-presence.offline{color:#a6adbd}.community-unread{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#ff735a;font-size:11px;font-weight:900;color:#10141c}
.community-dialog{display:flex;flex-direction:column;min-height:420px}
.community-dialog h3{color:#fff;font-size:17px;margin-top:0}
.community-messages{flex:1;overflow:auto;max-height:440px;min-height:260px;display:flex;flex-direction:column;gap:12px;padding:15px 5px}
.community-bubble{background:#29364b;border:1px solid #3b506a;padding:12px 14px;max-width:82%;align-self:flex-start;overflow-wrap:anywhere}
.community-bubble.own{background:#542f35;border-color:#a95b58;align-self:flex-end}
.community-bubble p{white-space:pre-wrap;color:#f3f5fa;font-size:14px;line-height:1.45;margin:0 0 8px}
.community-bubble small{display:block;color:#acbbcb;font-size:10px}
.community-report{background:none;border:0;color:#ffb69b;font-size:10px;margin-top:7px;padding:5px 0;font-weight:900}
.community-composer{display:flex;gap:8px;align-items:flex-end;border-top:1px solid #4a5973;padding-top:13px}
.community-composer textarea{flex:1;resize:vertical;min-height:55px;max-height:140px;background:#0a1526;border:1px solid #64758c;color:white;padding:12px;font:inherit;font-size:14px}
.community-composer button{border:0;background:#ef7554;color:#10141a;padding:15px 18px;font-size:12px;font-weight:900;min-height:54px}
.community-composer button:disabled{opacity:.5}
.community-warning{color:#bbc9db;border-left:3px solid #ef7655;padding:10px 14px;background:#192235;font-size:12px;line-height:1.7}
.community-empty-thread{color:#bdcad9;text-align:center;margin:auto;font-size:13px}
#community-notice{min-height:27px;margin:14px 0;color:#ffb28e}
@media(max-width:820px){.community-console{grid-template-columns:1fr}.community-console aside{display:grid;grid-template-columns:1fr 1fr;gap:9px}.community-console aside h3{grid-column:1/-1}.community-people{margin:4px 0}.community-options{grid-template-columns:1fr 1fr}.community-dialog{min-height:380px}}
@media(max-width:500px){.community-console aside{display:block}.community-options{grid-template-columns:1fr}.community-contact{min-width:0}.community-bubble{max-width:93%}.community-composer{flex-direction:column;align-items:stretch}.community-composer button{min-height:45px}.community-dialog{padding:12px}.community-messages{min-height:220px}}
/* The inherited marketing masthead exceeds very narrow phones without a grid wrap. */
@media(max-width:440px){
 .social-page .masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:7px;row-gap:4px;align-items:center;padding:8px 10px}
 .social-page .masthead>a{min-width:0;grid-column:1;grid-row:1}
 .social-page .masthead img{width:118px;max-width:100%;height:55px}
 .social-page .masthead #vf-account-nav{grid-column:2;grid-row:1;margin-left:0;min-width:0;max-width:145px}
 .social-page .masthead nav{grid-column:1/-1;grid-row:2;justify-content:center;flex-wrap:wrap;gap:8px;padding:6px 0;font-size:10px;letter-spacing:.6px}
 .social-page .masthead nav a{white-space:nowrap}
}