/* Component: connections */
.wpar-connections-page { max-width: 760px; margin: 0 auto; padding: 16px 12px 48px; }
.wpar-connections-page__head { margin-bottom: 16px; }
.wpar-connections-page__back { display: inline-block; margin-bottom: 12px; color: var(--muted); font-size: 13px; font-weight: 650; text-decoration: none; }
.wpar-connections-page__back:hover { color: var(--accent); }
.wpar-connections-page__head h1 { margin: 0; font-size: 28px; line-height: 1.2; }
.wpar-connections-page__head p { margin: 6px 0 0; color: var(--muted); font-size: 14px; }
.wpar-connections-list { display: grid; gap: 10px; }
.wpar-connection-card { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 16px; }
.wpar-connection-card__avatar { display: block; width: 64px; height: 64px; text-decoration: none; }
.wpar-connection-card__avatar .wpar-avatar { width: 64px !important; height: 64px !important; }
.wpar-connection-card__name { color: var(--ink); font-size: 16px; font-weight: 700; text-decoration: none; }
.wpar-connection-card__name:hover { color: var(--accent); }
.wpar-connection-card__username { margin-top: 2px; color: var(--muted); font-size: 12px; }
.wpar-connection-card__body p { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.wpar-connection-card__state { color: var(--muted); font-size: 13px; font-weight: 650; white-space: nowrap; }
@media (max-width: 600px) {
  .wpar-connections-page { padding-left: 0; padding-right: 0; }
  .wpar-connection-card { grid-template-columns: 52px minmax(0,1fr); padding: 14px; }
  .wpar-connection-card__avatar, .wpar-connection-card__avatar .wpar-avatar { width: 52px !important; height: 52px !important; }
  .wpar-connection-card__state { grid-column: 2; margin-top: -8px; }
}