.alfa-connections {
	background: #f6fbff;
	border: 1px solid #c8dff0;
	border-radius: 18px;
	color: #25425b;
	margin: 1rem auto;
	max-width: 800px;
	padding: 1.4rem;
}

.alfa-connections h2,
.alfa-connections h3 { color: #1f638f; }
.alfa-connections form { display: flex; flex-wrap: wrap; gap: .7rem; align-items: end; }
.alfa-connections label { display: grid; gap: .28rem; font-weight: 700; }
.alfa-connections input,
.alfa-connections select { border: 1px solid #a9c8df; border-radius: 8px; padding: .55rem; }
.alfa-connections button { background: #2e86b8; border: 0; border-radius: 8px; color: #fff; cursor: pointer; font: inherit; padding: .58rem .85rem; }
.alfa-connections__code-actions { margin: .8rem 0; padding: .75rem; border: 1px solid #d6e8f4; border-radius: 12px; background: #fff; }
.alfa-connections__code-actions legend { padding: 0 .35rem; color: #315b43; font-weight: 800; }
.alfa-connections__code-actions > div { display: flex; flex-wrap: wrap; gap: .6rem; }
.alfa-connections__code-actions button { background: #7552c7; }
.alfa-connections__code-actions button[data-alfa-create-code="parent"] { background: #54b979; }
.alfa-connections__code-result { min-height: 2.2rem; margin: .5rem 0 1rem; padding: .65rem .8rem; border-radius: 9px; background: #fff8d9; color: #5d4b00; overflow-wrap: anywhere; }
.alfa-connections__code-result strong { letter-spacing: .12em; font-size: 1.1em; }
.alfa-connections__code-result a { color: #7552c7; }
.alfa-connections__copy-code { background: #7552c7 !important; font-size: .88em !important; margin-inline-start: .35rem; padding: .35rem .6rem !important; }
.alfa-connections__waiting { margin: .8rem 0; padding: .8rem 1rem; border: 1px solid #cfe9d8; border-radius: 12px; background: #f1fbf4; color: #315b43; }
.alfa-connections__waiting strong { display: block; margin-bottom: .3rem; }
.alfa-connections__waiting p { margin: 0; line-height: 1.8; }
.alfa-connections__list { list-style: none; margin: .6rem 0; padding: 0; }
.alfa-connections__list li { align-items: center; border-top: 1px solid #d6e8f4; display: flex; gap: .8rem; justify-content: space-between; padding: .75rem 0; }
.alfa-connections__list strong,
.alfa-connections__list small { display: block; }
.alfa-connections__list small,
.alfa-connections__feedback { color: #5b7890; font-size: .9em; }
.alfa-child-switcher { align-items: center; display: inline-flex; gap: .5rem; }
.alfa-child-switcher select { border: 1px solid #a9c8df; border-radius: 8px; padding: .45rem; }