.k1Connections { min-width: 0; }
.k1Connections h2, .k1Connections h3, .k1Connections h4 { margin-top: 0; }
.k1ConnectionHeading, .k1ConnectionActions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.k1ConnectionHeading { justify-content: space-between; }
.k1ConnectionHeading h2, .k1ConnectionHeading h3 { margin-bottom: 0; }
.k1ConnectionReport, .k1ConnectionPreview { border: 1px solid var(--border, #303744); border-radius: 1rem; padding: 1rem; min-width: 0; }
.k1ConnectionBadge { display: inline-block; font-size: .8125rem; line-height: 1.4; font-weight: 700; border: 1px solid currentColor; border-radius: .35rem; padding: .25rem .5rem; }
.k1ConnectionBadge.ready { color: var(--green, #91ff68); }
.k1ConnectionBadge.attention { color: #f3cd79; }
.k1ConnectionBadge.neutral { color: #c5cdd8; }
.k1ConnectionFields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.k1ConnectionFields label { display: grid; gap: .4rem; }
.k1ConnectionFields select { width: 100%; min-width: 0; }
.k1ConnectionConsent { display: flex; align-items: flex-start; gap: .65rem; margin: 1.25rem 0; }
.k1ConnectionConsent input { flex: 0 0 auto; margin-top: .25rem; width: 1.2rem; height: 1.2rem; }
.k1ConnectionPreview, .k1ConnectionReport { margin-top: 1.25rem; }
.k1ConnectionPreview summary { cursor: pointer; font-weight: 700; padding: .25rem 0; }
.k1Connections button, .k1Connections a, .k1Connections select { min-height: 44px; }
.k1ConnectionActions a { display: inline-flex; align-items: center; }
.k1OwnerMetadata { display: grid; grid-template-columns: minmax(5rem, .35fr) minmax(0, 1fr); gap: .5rem 1rem; }
.k1OwnerMetadata dt { font-weight: 700; }
.k1OwnerMetadata dd { margin: 0; }
.k1Connections code, .k1Connections dd { overflow-wrap: anywhere; }
.k1Log { margin: 1rem 0 1.5rem; min-width: 0; max-width: 100%; }
.k1LogScrollHint { margin: 0 0 .5rem; }
.k1LogScroller { max-width: 100%; overflow-x: auto; border: 1px solid var(--border, #303744); border-radius: .5rem; overscroll-behavior-x: contain; }
.k1LogScroller:focus-visible, .k1LogPagination [tabindex]:focus-visible, .k1LogDetails summary:focus-visible { outline: 2px solid var(--green, #91ff68); outline-offset: 3px; }
.k1LogTable { width: 100%; min-width: 56rem; border-collapse: collapse; font-size: .875rem; line-height: 1.5; }
.k1LogTable caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.k1LogTable th, .k1LogTable td { text-align: left; vertical-align: top; padding: .75rem; border-bottom: 1px solid var(--border, #303744); white-space: normal; }
.k1LogTable thead th { background: #1b222c; color: #d6dee9; font-size: .8125rem; font-weight: 700; }
.k1LogTable tbody th { color: inherit; font-weight: 600; min-width: 5rem; }
.k1LogTable tbody tr:nth-child(even) { background: rgba(150, 170, 200, .035); }
.k1LogTable tbody tr:last-child > * { border-bottom: 0; }
.k1LogTable td { min-width: 6rem; max-width: 24rem; }
.k1LogTable .k1LogTime { min-width: 9rem; max-width: 11rem; }
.k1LogTable .k1LogLinks { display: grid; gap: .25rem; min-width: 10rem; }
.k1LogTable a { display: inline-flex; align-items: center; }
.k1LogTable button { white-space: normal; min-width: 8rem; }
.k1LogDetails summary { cursor: pointer; display: list-item; min-height: 44px; padding: .625rem 0; font-weight: 600; }
.k1LogDetails p { margin: 0 0 .625rem; }
.k1LogDetails[open] { min-width: 15rem; max-width: 25rem; }
.k1LogTable .k1LogReference { display: block; max-width: 15rem; overflow-wrap: anywhere; margin-top: .25rem; font-weight: 400; }
.k1LogOwnerTable { min-width: 70rem; }
.k1LogPagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin-top: .75rem; }
.k1LogPagination p { margin: 0; color: #c5cdd8; font-size: .875rem; }
.k1LogPagination button { min-width: 5rem; }
.k1OwnerAccounts[open] { max-width: none; }
.k1OwnerAccounts li { margin-bottom: .5rem; overflow-wrap: anywhere; }
.k1DeliveryChecks { margin-top: 1.5rem; }
@media (max-width: 600px) {
  .k1ConnectionFields { grid-template-columns: minmax(0, 1fr); }
  .k1ConnectionHeading { align-items: flex-start; }
  .k1ConnectionActions > button, .k1ConnectionActions > a { max-width: 100%; white-space: normal; text-align: left; }
}

.k1PreviewBanner a, .k1Connections a { color: var(--green, #91ff68); text-underline-offset: .2em; }
.k1PreviewBanner a { display: inline-flex; align-items: center; min-height: 44px; }
