#connectedAppsContent > h2 { margin: 28px 0 12px; font-size: 18px; line-height: 1.3; }
#connectedAppsContent h3 { margin: 22px 0 10px; font-size: 15px; line-height: 1.3; }
#connectedAppsContent article p, #connectedAppsContent li, .mcp-setup > p { line-height: 1.6; overflow-wrap: anywhere; }
.integration-toolbar { margin-top: 28px; }
.integration-toolbar h2 { margin: 0; font-size: 18px; line-height: 1.3; }
#connectedAppsContent [data-connection-state] > p[role="status"] { margin: 0 0 10px; color: var(--muted); font-size: 14px; }
#connectedAppsContent [data-connection-state] > p[role="status"]:empty { margin: 0; }
#connectedAppsContent [data-connection-state] > p.integration-empty { margin: 0; }
#connectedAppsContent article { margin: 0 0 12px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-raised); }
#connectedAppsContent article h4 { margin: 0 0 6px; font-size: 16px; line-height: 1.3; }
#connectedAppsContent article p { margin: 6px 0; color: var(--muted); font-size: 14px; }
.mcp-url-label { display: block; margin-top: 20px; }
.mcp-url-row { margin-top: 8px; }
/* Field styling formerly inherited from the section-wide button rule; kept identical. */
#connectedAppsContent #mailLogicMcpUrl { display: flex; align-items: center; gap: 16px; width: 100%; padding: 12px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--field-bg); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
#mailLogicMcpUrl > span { flex: 0 1 auto; min-width: 0; overflow-wrap: anywhere; }
/* Keep feedback in its own fixed-width slot so it never covers or shifts the URL. */
#mailLogicMcpUrl::after { position: static; flex: 0 0 9em; box-sizing: content-box; opacity: 0; }
#mailLogicMcpUrl:hover::after,
#mailLogicMcpUrl.is-copied::after { opacity: 1; }
#mailLogicMcpUrl.is-copy-dismissed::after { opacity: 0; }
/* Setup disclosures follow .dns-record-details. */
.mcp-setup { overflow: hidden; margin: 0 0 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.mcp-setup summary { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border-radius: 7px; font-size: 14px; font-weight: 700; }
/* The box clips overflow, so draw the keyboard indicator inset (as for other clipped rows). */
.mcp-setup summary:focus-visible { outline-offset: calc(var(--focus-outline-width) * -1); }
.mcp-setup > p { margin: 0; padding: 0 15px 15px 39px; font-size: 14px; }