/* Scoped private connection controls reuse the established industrial palette. */
.connections-module { scroll-margin-top: 20px; }
.connections-module .panel-head { align-items: flex-start; }
.connections-module .panel-head .eyebrow { margin: 0 0 6px; }
.connections-module .badge { white-space: normal; }
.connection-status { margin-top: 18px; overflow-wrap: anywhere; }
.connection-step { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; }
.connection-step h3 { font-size: 14px; }
.connection-check { display: flex; align-items: flex-start; gap: 11px; margin: 18px 0; font-weight: 400; line-height: 1.7; }
.connection-check input { flex: 0 0 17px; margin-top: 4px; }
.connection-check span { min-width: 0; }
.connection-identity { margin-top: 20px; }
.connection-identity .ledger-row { align-items: flex-start; }
.connection-identity dd { max-width: 65%; text-align: right; overflow-wrap: anywhere; }
.connection-scopes { padding-left: 19px; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
.connections-module .notice .mono { overflow-wrap: anywhere; }
.connections-module form .btn { margin-bottom: 6px; }
@media (max-width: 760px) {
  .connections-module .panel-head { flex-wrap: wrap; }
  .connection-identity .ledger-row { flex-direction: column; gap: 6px; }
  .connection-identity dd { max-width: 100%; text-align: left; }
  .connection-step > .btn, .connection-step form > .btn { width: 100%; }
}