.social-context-loading,
.social-context-empty,
.social-context-surface { padding: 1rem; margin-bottom: 1rem; }
.social-context-empty,
.social-context-header { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; flex-wrap: wrap; }
.social-context-empty > div,
.social-context-header > div { min-width: 220px; flex: 1; }
.social-context-empty small,
.social-context-header small,
.social-draft-list > small { display: block; color: var(--gold); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.social-context-empty strong,
.social-context-header strong { display: block; margin: .2rem 0; color: var(--text-primary); }
.social-context-empty p,
.social-context-header p { margin: 0; color: var(--text-muted); font-size: .74rem; line-height: 1.45; }
.social-new-post { display: flex; align-items: flex-end; gap: .5rem; flex-wrap: wrap; margin: .9rem 0; }
.social-new-post label { flex: 1; min-width: 230px; }
.social-new-post span { display: block; color: var(--text-muted); font-size: .67rem; margin-bottom: .25rem; }
.social-new-post textarea,
.social-reply-composer textarea { width: 100%; resize: vertical; color: var(--text-primary); background: rgba(255,255,255,.035); border: 1px solid var(--border); border-radius: 9px; padding: .62rem; }
.social-context-stream { display: flex; gap: .65rem; overflow-x: auto; padding-bottom: .35rem; scroll-snap-type: x proximity; }
.social-context-card { min-width: min(310px,84vw); max-width: 340px; scroll-snap-align: start; padding: .8rem; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(255,255,255,.025); }
.social-context-author { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.social-context-author img,
.social-context-avatar { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.social-context-avatar { display: grid; place-items: center; color: #fff; background: #111; }
.social-context-author strong,
.social-context-author small { display: block; }
.social-context-author strong { color: var(--text-primary); font-size: .78rem; }
.social-context-author small { color: var(--text-muted); font-size: .67rem; }
.social-context-card > p { color: var(--text-secondary); font-size: .77rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.social-context-actions { display: flex; gap: .4rem; align-items: center; flex-wrap: wrap; }
.social-reply-composer { margin-top: .55rem; }
.social-draft-list { display: grid; gap: .45rem; margin-bottom: .9rem; }
.social-draft-row { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; padding: .55rem .65rem; border-radius: 9px; background: rgba(201,169,78,.07); }
.social-draft-row > span { color: var(--gold); font-size: .66rem; }
.social-draft-row > p { flex: 1; min-width: 180px; margin: 0; color: var(--text-secondary); font-size: .75rem; }
.social-context-no-data { color: var(--text-muted); font-size: .78rem; padding: .8rem; }