.social-console { background: var(--paper); border: 1px solid var(--line); border-radius: 15px; padding: 20px; max-width: 980px; }
.social-console label { display: grid; gap: 8px; font-size: 13px; font-weight: 650; margin: 14px 0; }
.social-console select, .social-console textarea { border: 1px solid var(--line); border-radius: 11px; padding: 11px 12px; outline: none; background: #fbfcfe; }
.social-console textarea { width: 100%; resize: vertical; font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.social-console code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.social-result { min-height: 120px; max-height: 480px; overflow: auto; white-space: pre-wrap; word-break: break-word; border-radius: 11px; background: #0d1524; color: #bdc8d9; padding: 14px; margin: 18px 0 0; font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.group-layout { display: grid; grid-template-columns: minmax(220px, 0.7fr) minmax(420px, 1.3fr); gap: 16px; align-items: start; }
.group-list { display: grid; grid-template-columns: 1fr; gap: 10px; min-height: 220px; border: 0; }
.group-card { display: flex; align-items: center; gap: 12px; width: 100%; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); padding: 13px; text-align: left; }
.group-card:hover, .group-card.active { border-color: rgba(23,182,106,.55); background: var(--green-soft); }
.group-card strong, .group-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group-card small { color: var(--muted); font-size: 10px; margin-top: 4px; }
.group-console { min-width: 0; }
.capability-console { max-width: 980px; }
@media (max-width: 820px) { .mobile-nav { grid-template-columns: repeat(8, 1fr); } .social-console { padding: 15px; } .group-layout { grid-template-columns: 1fr; } }