/* V0.7: constrained visual extension to the V0.6 module dialog */
.integration-stage{margin:18px 0;border:1px solid #3b6285;border-radius:18px;background:linear-gradient(140deg,#173452,#11253d);padding:19px;color:#eaf6ff}
.integration-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.integration-head h3{font-size:21px;color:#fff;margin:7px 0}.integration-head p{font-size:13px;line-height:1.55;color:#bdd1e8;margin:0 0 15px}.integration-overline{font-size:11px;letter-spacing:.1em;color:#9fdfff;font-weight:800}.integration-pill{border:1px solid #557997;border-radius:99px;padding:6px 10px;color:#bfe5fb;white-space:nowrap;font-size:11px}
.integration-picker{display:grid;gap:7px;margin:12px 0 16px}.integration-picker label{font-size:13px;font-weight:700}.integration-picker select{background:#0a1d32;color:#f4fbff;border:1px solid #6595b9;border-radius:10px;padding:11px 12px;min-height:44px;width:100%;font:inherit}
.integration-detail{display:grid;gap:0;border:1px solid #365979;border-radius:12px;overflow:hidden}.integration-row{padding:10px 12px;display:grid;grid-template-columns:minmax(100px,35%) 1fr;gap:12px;border-bottom:1px solid #30516f;font-size:12px;line-height:1.5}.integration-row:last-child{border-bottom:0}.integration-row strong{font-weight:550;color:#f0f7ff;overflow-wrap:anywhere}.integration-label{color:#9fc3df;font-weight:750}.integration-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.integration-diagnostics{font-size:12px;line-height:1.5;color:#b4d8f4;margin-top:12px}.integration-diagnostics p{margin:7px 0 0}
.integration-picker select:focus-visible{outline:3px solid #9ddaff;outline-offset:3px}
body:has(#app[data-rml-theme="light"]) .integration-stage{background:#dcecfb;color:#183551;border-color:#91b5d4}body:has(#app[data-rml-theme="light"]) .integration-head h3,body:has(#app[data-rml-theme="light"]) .integration-row strong{color:#16304a}body:has(#app[data-rml-theme="light"]) .integration-head p,body:has(#app[data-rml-theme="light"]) .integration-label,body:has(#app[data-rml-theme="light"]) .integration-diagnostics{color:#2b5173}body:has(#app[data-rml-theme="light"]) .integration-picker select{background:white;color:#16304a}
@media(max-width:520px){.integration-row{grid-template-columns:1fr;gap:3px}.integration-head{flex-wrap:wrap}.integration-stage{padding:14px}}