.platform-connection-card {
  display: block;
  margin-block: 1rem;
  padding: 1rem;
  border: 1px solid var(--border, var(--border-color, #d8dee9));
  border-radius: var(--radius, .6rem);
  background: var(--panel, var(--surface, #fff));
  color: var(--text, #172026);
}
.platform-connection-card__header { display: flex; gap: .75rem; align-items: center; }
.platform-connection-card__header h2 { color: var(--text, #172026); }
.platform-connection-card__icon { display: grid; place-items: center; flex: 0 0 auto; width: 2.5rem; height: 2.5rem; border: 1px solid var(--border, var(--border-color, #d8dee9)); border-radius: 50%; background: var(--panel-2, var(--surface-muted, #eee)); color: var(--text, #172026); font-size: .7rem; font-weight: 700; }
.platform-connection-card__icon img { display: block; width: 1.5rem; height: 1.5rem; }
.platform-connection-card__secondary, .platform-connection-card__indicators dt { color: var(--muted, #687080); }
.platform-connection-card__secondary { margin: 0; }
.platform-connection-card > .status-pill { margin-top: .75rem; }
.platform-connection-card > .status-pill--success, .platform-connection-card [data-state="ready"] { color: #d7ffef; }
.platform-connection-card > .status-pill--warning { color: var(--warning, #8a5b00); }
.platform-connection-card__indicators { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .5rem; margin: 1rem 0; }
.platform-connection-card__indicators > div { padding: .65rem; border: 1px solid var(--border, var(--border-color, #d8dee9)); border-radius: .4rem; background: var(--panel-2, var(--surface-muted, #f5f6f8)); }
.platform-connection-card__indicators dt { font-size: .75rem; }
.platform-connection-card__indicators dd { margin: .25rem 0 0; color: var(--text, #172026); }
.platform-connection-card__actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
.platform-connection-card__actions .secondary-action { width: auto; background: var(--panel-2, var(--surface-muted, #f5f6f8)); color: var(--text, #172026); }
.platform-connection-card__actions .secondary-action:hover:not(:disabled) { border-color: var(--accent, #2f8f83); background: color-mix(in srgb, var(--panel-2, #f5f6f8) 82%, var(--accent, #2f8f83)); }
.platform-connection-card__actions .secondary-action:focus-visible { outline: 3px solid var(--accent-2, #8cc152); outline-offset: 2px; }
.platform-connection-card__actions .secondary-action:disabled { color: var(--muted, #687080); opacity: .7; cursor: not-allowed; }
.platform-capabilities-matrix { margin-top: 1rem; }
.platform-capabilities-matrix h3 { color: var(--text, #172026); font-size: 1rem; }
.platform-capabilities-matrix__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .3rem; padding: 0; list-style: none; }
.platform-capabilities-matrix__list li { display: flex; justify-content: space-between; gap: .5rem; padding: .5rem; border: 1px solid var(--border, var(--border-color, transparent)); border-radius: .25rem; background: var(--panel-2, var(--surface-muted, #f5f6f8)); color: var(--text, #172026); }
.platform-capabilities-matrix__list [data-state]:not([data-state="ready"]) { color: var(--muted, #687080); }
.platform-action-dialog { max-width: 32rem; border: 0; border-radius: .5rem; padding: 1.25rem; }
.platform-action-dialog::backdrop { background: rgb(0 0 0 / 45%); }
.onlyfans-import-choice__options { min-width: 0; margin: 1rem 0; padding: .75rem; border: 1px solid var(--border, #34383f); border-radius: .4rem; }
.onlyfans-import-choice__options legend { padding-inline: .25rem; }
.onlyfans-import-choice__option { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem .75rem; align-items: start; padding: .75rem 0; }
.onlyfans-import-choice__option input[type="radio"] { width: auto; margin: .25rem 0 0; }
.onlyfans-import-choice__option .platform-connection-card__secondary { grid-column: 2; overflow-wrap: anywhere; }
.onlyfans-import-choice__label { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .platform-connection-card { padding: .75rem; }
  .platform-connection-card__header { align-items: flex-start; }
  .platform-connection-card__header > div { min-width: 0; }
  .platform-connection-card__header h2,
  .platform-connection-card__secondary { overflow-wrap: anywhere; }
  .platform-connection-card__indicators { grid-template-columns: 1fr; }
}

.socials-manager-card { grid-column: 1 / -1; }
.socials-card-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.socials-card-toolbar .secondary-action { margin-top: 0; width: auto; }
.socials-connections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 20px; }
.socials-connection { min-width: 0; border-top: 1px solid var(--border, #34383f); }
.socials-connection .platform-connection-card { border: 0; border-radius: 0; background: transparent; padding: 18px 0 0; margin: 0; }
.socials-connection .platform-connection-card__header > div { min-width: 0; }
.socials-connection .platform-connection-card__header h2 { overflow-wrap: anywhere; }
.socials-connection-widget-state { margin: 14px 0 0; color: var(--muted, #bcc0ca); font-size: 12px; }
@media (max-width: 720px) { .socials-connections { grid-template-columns: minmax(0, 1fr); } }