.meta-social-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px}
.meta-social-header h2{margin:0}
.meta-social-header .eyebrow{margin:0 0 3px}
.meta-social-layout{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:min(920px,calc(100dvh - 210px));min-height:min(520px,calc(100dvh - 210px));background:#fff;border:1px solid #dfe6ea;border-radius:12px;overflow:hidden}
.meta-social-rail{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border-right:1px solid #dfe6ea;background:#fff}
.meta-social-controls{display:grid;gap:10px;padding:12px;border-bottom:1px solid #e7edef}
.meta-social-search{display:grid;gap:4px;font-size:12px;color:#526771}
.meta-social-search input{width:100%;box-sizing:border-box}
.meta-social-tabs{display:flex;gap:6px;overflow:auto}
.meta-social-tabs button{white-space:nowrap}
.meta-social-tabs .active{background:#126e6a;color:#fff;border-color:#126e6a}
.meta-social-list{min-height:0;overflow-y:auto}
.meta-social-row{display:block;width:100%;padding:10px 12px;text-align:left;color:#25333d;background:#fff;border:0;border-bottom:1px solid #edf1f3;border-radius:0}
.meta-social-row:hover,.meta-social-row.selected{background:#f2f8f8}
.meta-social-row.unread{border-left:3px solid #126e6a;background:#f1fbfa}
.meta-social-row-identity,.meta-social-thread-identity{display:flex;align-items:center;gap:10px;min-width:0}
.meta-social-row-details{display:grid;gap:3px;min-width:0;flex:1}
.meta-social-row-topline{display:flex;align-items:baseline;gap:8px;min-width:0}
.meta-social-row-topline strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta-social-row-topline time,.meta-social-row-details small,.meta-social-row-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta-social-row-topline time{flex:0 0 auto;font-size:11px;color:#71848e}
.meta-social-row-details small,.meta-social-row-preview{font-size:12px;color:#647881}
.meta-social-unread-badge{display:grid;place-items:center;flex:0 0 auto;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#126e6a;color:#fff;font-size:11px;font-weight:700}
.meta-social-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:#f6f8f9}
.meta-social-thread-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #dfe6ea}
.meta-social-thread-identity{flex:1;overflow:hidden}
.meta-social-thread-identity h3,.meta-social-thread-identity small{display:block;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta-social-thread-identity small{color:#647881}
.meta-social-member-link{font-size:12px;white-space:nowrap}
.meta-social-back{display:none;font-size:12px;white-space:nowrap}
.meta-social-avatar{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e8eff1;color:#35515c;font-weight:700}
.meta-social-avatar-fallback{font-size:15px}
.meta-social-alert-avatar{width:32px;height:32px;margin-right:8px;vertical-align:middle}
.meta-social-history{min-height:0;overflow-y:auto;padding:14px 18px;background:#f6f8f9}
.meta-social-message{width:fit-content;max-width:min(78%,680px);margin:8px 0;padding:9px 11px;border:1px solid #dfe6ea;border-radius:12px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere}
.meta-social-message.staff{margin-left:auto;background:#dff5e5}
.meta-social-attachment{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:7px;padding-top:7px;border-top:1px solid #e4eaed;font-size:12px;white-space:normal}
.meta-social-attachment a,.meta-social-referral a{color:#126e6a;font-weight:700}
.meta-social-referral{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;max-width:560px;margin:0 0 12px;padding:10px 12px;border:1px solid #d8e6e5;border-radius:10px;background:#fff;font-size:13px;overflow-wrap:anywhere}
.meta-social-referral strong{grid-column:1/-1;color:#126e6a}
.meta-social-referral small{color:#647881}
.meta-social-referral a{width:fit-content}
.meta-social-referral-thumbnail{grid-row:span 3;width:58px;height:58px;border-radius:7px;object-fit:cover;background:#e8eff1}
.meta-social-composer{position:sticky;bottom:0;display:flex;gap:8px;padding:10px 14px;background:#fff;border-top:1px solid #dfe6ea}
.meta-social-composer input{min-width:0;flex:1}
.meta-social-empty{align-self:center;justify-self:center;max-width:280px;margin:0;padding:24px;color:#687780;text-align:center}
@media(max-width:760px){
  .meta-social-header{padding-bottom:8px}
  .meta-social-layout{display:block;height:calc(100vh - 150px);min-height:500px;border-radius:0}
  .meta-social-rail{height:100%;border-right:0}
  .meta-social-thread{display:none;height:100%}
  .meta-social-layout.is-thread-open .meta-social-rail{display:none}
  .meta-social-layout.is-thread-open .meta-social-thread{display:grid}
  .meta-social-back{display:inline-flex}
  .meta-social-member-link{font-size:11px;padding:6px}
  .meta-social-thread-header{padding:8px}
  .meta-social-history{padding:10px}
  .meta-social-composer{padding:8px}
}
.meta-social-oauth{border:1px solid var(--border,#d7dce5);border-radius:12px;padding:1rem;margin:1rem 0}.meta-social-oauth h3{margin:.1rem 0 .35rem}.meta-social-oauth [data-oauth-pages]{margin-top:.75rem}.meta-social-oauth [data-oauth-pages] form{display:grid;gap:.55rem}.meta-social-oauth [data-oauth-pages] label{display:flex;align-items:center;gap:.5rem}.meta-social-oauth [data-oauth-pages] input{accent-color:var(--accent,#2563eb)}
.meta-social-channel-list{display:grid;gap:.75rem;margin:.85rem 0}.meta-social-channel-card{display:grid;gap:.65rem;padding:.9rem;border:1px solid #dfe6ea;border-radius:12px;background:#fff}.meta-social-channel-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.meta-social-channel-card-header strong{font-size:1rem;line-height:1.25}.meta-social-channel-card-details{display:grid;gap:.2rem;color:#647881}.meta-social-channel-card-details small{display:block}.meta-social-channel-status{flex:0 0 auto;color:#126e6a;font-size:.85rem;font-weight:700;white-space:nowrap}.meta-social-channel-status.muted{color:#71848e}.meta-social-channel-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.meta-social-channel-card-actions button{white-space:nowrap}
@media(max-width:520px){.meta-social-channel-card-header{display:grid;gap:.35rem}.meta-social-channel-status{white-space:normal}.meta-social-channel-card-actions{justify-content:flex-start}}