/* Connections presentation only: no changes to routing, approvals or dispatch. */
#canal-central { container: central-connections / inline-size; }
#canal-central > .simple-list { margin-top: 16px; }
#canal-central > .simple-list > .simple-list-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  gap: 5px 12px;
  align-items: center;
  padding: 16px 0;
}
#canal-central > .simple-list > .simple-list-item > strong {
  grid-column: 1; grid-row: 1;
  font-size: .94rem; line-height: 1.45; overflow-wrap: anywhere;
}
#canal-central > .simple-list > .simple-list-item > .muted {
  grid-column: 1; grid-row: 2;
  font-size: .81rem; line-height: 1.5; overflow-wrap: anywhere;
}
#canal-central > .simple-list > .simple-list-item > button {
  grid-column: 2; grid-row: 1 / 3;
}
#canal-central > .simple-list > .simple-list-item > a {
  grid-column: 3; grid-row: 1 / 3;
}
#canal-central > .simple-list > .simple-list-item > .button {
  min-width: 0; min-height: 42px; margin: 0;
  padding: 9px 12px; text-align: center; white-space: nowrap;
}
#canal-central > a.button { margin: 4px 8px 8px 0; }
#canal-central .metricool-brands { gap: 8px; margin: 14px 0 8px; }
#canal-central .metricool-brands .badge {
  white-space: normal; overflow-wrap: anywhere; line-height: 1.5;
  padding: 6px 10px; font-size: .75rem;
}
.whatsapp-business-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 10px;
}
.whatsapp-business-option {
  min-width: 0; min-height: 58px; cursor: pointer;
  line-height: 1.45; padding: 12px;
}
.whatsapp-business-option > span { min-width: 0; overflow-wrap: anywhere; }
.whatsapp-business-option input { flex: 0 0 18px; accent-color: #18b9e8; }
.whatsapp-business-option:focus-within {
  outline: 2px solid #64dfff; outline-offset: 3px;
}
.whatsapp-business-actions { gap: 10px; margin-top: 16px; }
.whatsapp-business-actions .button { min-height: 42px; }
body[data-future-ui="1"] .whatsapp-business-selector { border-color: #28516b; }
body[data-future-ui="1"] .whatsapp-business-option {
  background: #0b2238; color: #eaf7ff; border-color: #3f627a;
}
body[data-future-ui="1"] .whatsapp-business-option > span { color: #eaf7ff; }
body[data-future-ui="1"] .whatsapp-business-option:has(input:checked) {
  background: #103e50; border-color: #41cbd4;
  box-shadow: inset 3px 0 0 #41cbd4;
}
body[data-future-ui="1"] .whatsapp-business-option:hover { border-color: #78dcf6; }
body[data-future-ui="1"] .connection-card:has(.whatsapp-business-selector) > .information {
  background: #102f46; border-color: #315d78; color: #d9edf6;
}
body[data-future-ui="1"] #canal-central > .simple-list > .simple-list-item { border-color: #28516b; }
body[data-future-ui="1"] #canal-central .metricool-brands .badge {
  background: #12364c; color: #d6edf7; border: 1px solid #365b71;
}
@container central-connections (max-width: 650px) {
  #canal-central > .simple-list > .simple-list-item > .button { white-space: normal; }
  #canal-central > .simple-list > .simple-list-item { grid-template-columns: 1fr 1fr; gap: 8px 10px; }
  #canal-central > .simple-list > .simple-list-item > strong { grid-column: 1 / -1; grid-row: 1; }
  #canal-central > .simple-list > .simple-list-item > .muted { grid-column: 1 / -1; grid-row: 2; }
  #canal-central > .simple-list > .simple-list-item > button { grid-column: 1; grid-row: 3; }
  #canal-central > .simple-list > .simple-list-item > a { grid-column: 2; grid-row: 3; }
}
@container central-connections (max-width: 340px) {
  #canal-central > .simple-list > .simple-list-item { grid-template-columns: minmax(0, 1fr); }
  #canal-central > .simple-list > .simple-list-item > button { grid-column: 1; grid-row: 3; }
  #canal-central > .simple-list > .simple-list-item > a { grid-column: 1; grid-row: 4; }
}
@media (max-width: 480px) {
  .whatsapp-business-actions .button { flex: 1 1 130px; }
  .whatsapp-business-actions .button.primary { flex-basis: 100%; }
}