.integration-grid { display:grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); gap:22px; align-items:start; }
.integration-card { background:#fff; border:1px solid #dbe5f2; border-radius:22px; box-shadow:0 22px 70px rgba(15,23,42,.06); padding:24px; }
.integration-card h2 { margin:0 0 8px; font-size:1.25rem; }
.integration-card .muted { color:#61708a; line-height:1.45; }
.integration-status { display:grid; gap:10px; margin:18px 0; }
.integration-status-row { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:12px 14px; border:1px solid #e3ebf5; border-radius:14px; background:#f9fbff; }
.integration-status-row strong { white-space:nowrap; }
.integration-status-row.configured strong { color:#087f5b; }
.integration-status-row.missing strong { color:#b42318; }
.integrations-form { display:grid; gap:18px; }
.integration-section { border:1px solid #e3ebf5; border-radius:18px; padding:18px; background:#fbfdff; }
.integration-section h3 { margin:0 0 12px; font-size:1rem; }
.form-row.two-col { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.integrations-form label { display:grid; gap:7px; font-weight:700; color:#2f3b52; font-size:.92rem; }
.integrations-form input { width:100%; border:1px solid #cad5e3; border-radius:12px; padding:11px 12px; font:inherit; background:#fff; }
.integrations-form input:focus { outline:3px solid rgba(37,99,235,.18); border-color:#2c6fe8; }
.secret-hint { font-size:.78rem; color:#66738a; font-weight:600; }
.checkline { display:flex !important; grid-template-columns:none !important; align-items:center; gap:9px !important; font-weight:650 !important; color:#59677c !important; }
.checkline input { width:auto; }
.integration-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.integration-actions button, .integration-actions .btn { border:0; background:#2563eb; color:#fff; border-radius:12px; padding:11px 16px; font-weight:800; cursor:pointer; text-decoration:none; }
.integration-actions .secondary { background:#eef4ff; color:#18325f; }
.test-box { margin-top:18px; display:grid; gap:12px; }
.test-box form { display:grid; gap:10px; padding:14px; border:1px solid #e3ebf5; border-radius:16px; background:#fff; }
.code-block { white-space:pre-wrap; background:#0f172a; color:#dbeafe; border-radius:14px; padding:14px; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:.82rem; overflow:auto; }
.warning-note { border:1px solid #fde68a; background:#fffbeb; color:#7c4a03; border-radius:14px; padding:12px 14px; font-weight:650; }
@media (max-width: 980px){ .integration-grid{grid-template-columns:1fr;} .form-row.two-col{grid-template-columns:1fr;} }