.social-inbox { max-width: 1000px; margin-inline: auto; }
.social-inbox .section-heading, .social-inbox .actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.social-inbox .section-heading { justify-content: space-between; }
.social-inbox form, .social-inbox fieldset, .social-inbox label, .social-threads { display: grid; gap: .75rem; min-width: 0; }
.social-inbox fieldset { margin-block: 1rem; border: 1px solid #cbd5e1; border-radius: .75rem; padding: 1rem; }
.social-inbox input, .social-inbox textarea, .social-inbox select { max-width: 100%; width: 100%; box-sizing: border-box; }
.social-inbox input[type=checkbox] { width: auto; }
.social-inbox code, .social-inbox p, .social-thread, .social-message { overflow-wrap: anywhere; }
.social-thread, .social-message { border: 1px solid #cbd5e1; border-radius: .75rem; padding: 1rem; display: block; }
.social-thread span, .social-message time { display: block; font-size: .85rem; opacity: .8; }
.social-history { display: grid; gap: .75rem; margin-block: 1rem; }
.social-message p { white-space: pre-wrap; }
.social-message.outgoing { border-inline-start: 4px solid #16a34a; }
@media (max-width: 600px) { .social-inbox .section-heading { align-items: flex-start; flex-direction: column; } .social-inbox fieldset { padding: .65rem; } }