.readiness-list, .blocker-list {
  margin: 0;
  padding-left: 18px;
}

.readiness-list li, .blocker-list li { margin: 4px 0; }

.page-operator .settings-shell > main.connections-layout.connections-layout {
  gap: 24px;
}

.page-operator .settings-shell > main.connections-layout form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.connections-layout .stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
  min-width: 0;
}

.connections-layout .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.connections-layout .field > label {
  margin: 0;
  font-weight: 650;
  line-height: 1.35;
}

.connections-layout form h3,
.connections-layout .subsection h3 {
  margin: 0;
}

.connections-layout .field-help,
.connections-layout .field > .quiet,
.connections-layout .field > .secret-mask,
.connections-layout .field > .copy-line,
.connections-layout .subsection > .field-help {
  margin: 0;
  color: var(--body);
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.connections-layout .check-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.connections-layout .subsection {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.connections-layout .form-actions,
.connections-layout .row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0;
}

.connections-layout .form-actions > .field-help {
  flex: 1 0 100%;
  margin: 0;
}

.connections-layout input:not([type="checkbox"]):not([type="radio"]),
.connections-layout select,
.connections-layout textarea {
  width: 100%;
  margin: 0;
}

.connections-layout .copy-line:empty,
.connections-layout .secret-mask:empty,
.connections-layout #dns-guidance:empty,
.connections-layout #source-result:empty,
.connections-layout #discord-result:empty,
.connections-layout #https-result:empty {
  display: none;
  margin: 0;
}

.check-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-weight: 600;
}

.check-line input {
  width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
}

.account-card, .effect-card {
  display: flex;
  flex-direction: column;
  gap: 22px;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  padding: 12px 0 0;
  margin: 0;
  background: transparent;
}

.secret-mask, .copy-line {
  font-weight: 600;
  overflow-wrap: anywhere;
  word-break: break-all;
}

.tone-ready { color: var(--solved); font-weight: 700; }
.tone-wait { color: var(--amber); font-weight: 700; }
.tone-bad { color: var(--danger); font-weight: 700; }

.connections-layout details:not([open]) > :not(summary) {
  display: none;
}

.connections-layout details > summary {
  font-weight: 700;
  cursor: pointer;
}

.connections-layout details > .stack {
  margin-top: 12px;
}

.connections-layout #dns-guidance:not(:empty),
.connections-layout #https-details {
  margin-top: 16px;
}

/* Connection summaries stay visible; forms open only when needed. */
.page-connections .settings-page-heading { padding: 24px 30px; background: var(--surface); border-radius: 18px; }
.settings-page-heading p { color: var(--muted); font-size: 14px; margin-top: 8px; }
.settings-shell .connection-card { padding: 0; overflow: hidden; }
.connection-card > summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 26px 30px; cursor: pointer; list-style: none; }
.connection-card > summary::-webkit-details-marker { display: none; }
.settings-shell .connection-card > summary h2 { font-size: 18px; margin: 0 0 6px; }
.connection-card > summary p { font-size: 13px; color: var(--muted); margin: 0; }
.connection-chevron { width: 9px; height: 9px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg); flex: none; margin-right: 4px; }
.connection-card[open] .connection-chevron { transform: rotate(225deg); }
.connection-body { padding: 0 30px 28px; }
.connection-body form { margin-top: 0; padding-top: 22px; border-top: 1px solid var(--line); }
.connection-body .field { gap: 7px; }
.connection-body .field-help { margin: 0; color: var(--muted); }
.connection-body .stack { gap: 18px; }
.connection-body .form-actions { margin-top: 8px; gap: 10px; }
.connection-body h3 { margin: 8px 0 0; }
.connection-body .subsection { border-top: 1px solid var(--line); padding-top: 22px; }
.connection-body .secret-status { font-size: 12px; }
.connection-body #announce-form { margin-top: 28px; }
.connection-body #effect-list { margin-top: 12px; }
.connection-overview { color: var(--muted); background: var(--surface); border-radius: 18px; font-size: 13px; padding: 20px 30px; }
.connection-overview summary { cursor: pointer; }
.connection-overview .readiness-list { margin-top: 12px; font-size: 13px; }
.page-connections #source-blockers { font-size: 13px; margin: 0 0 20px; padding-left: 18px; }

.connection-card > summary p { font-weight: 400; }
.blocker-list:empty { display: none; }
.connections-layout .form-actions { padding-bottom: 12px; }
.connections-layout .row-actions { margin-bottom: 8px; }
.connections-layout .field > button { align-self: flex-start; margin-bottom: 8px; }
.capture-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; padding: 16px 0; }
.capture-card > strong, .capture-card > p { grid-column: 1; }
.capture-card p { margin: 0; }
.connection-body .capture-card .form-actions { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin: 0; padding: 0; }