.integration-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #b9dafe;border-radius:10px;background:#eff7ff}
.integration-callout div{display:grid;gap:4px}
.integration-callout span{color:var(--muted);font-size:13px}
.api-action{padding:.5rem;background:#e8f3ff;color:var(--dark);font-weight:700}
.integration-form{max-width:980px;margin-inline:auto}
.integration-form-secondary{margin-top:20px}
.integration-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.integration-heading h2{margin:0;font-size:20px}
.integration-heading p{margin:5px 0 0;color:var(--muted)}
.integration-grid{display:grid;grid-template-columns:2fr .7fr 1.4fr;gap:16px;align-items:end}
.integration-certificate{grid-column:1/-1}
.integration-certificate textarea{width:100%;resize:vertical;border:1px solid #bcc7d4;border-radius:6px;padding:10px;font:14px ui-monospace,SFMono-Regular,Consolas,monospace}
.integration-certificate textarea:focus{outline:2px solid #087fe833;border-color:var(--blue)}
.integration-active{min-height:36px}
.security-note{margin:14px 0;color:var(--muted);font-size:12px}
.sync-status{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border:1px solid #c9d8e8;border-radius:8px;background:#f4f7fa;color:var(--dark);font-size:13px}
.sync-status span{color:var(--muted)}
.mapping-warning{display:grid;gap:5px;margin-top:12px;padding:12px 14px;border:1px solid #e4b95f;border-radius:8px;background:#fff8e8;color:#664600;font-size:13px}
.mapping-warning small{color:#765f2c}
.integration-actions{flex-wrap:wrap}
.test-connection{border-color:#15935b;background:#fff;color:#117546;font-weight:700}
.test-connection:hover{background:#edf9f3}
.colibri-grid{grid-template-columns:1.6fr 1.2fr 1fr}
@media(max-width:900px){.integration-grid{grid-template-columns:1fr}.integration-certificate{grid-column:auto}}
@media(max-width:650px){.integration-page-head,.integration-callout,.integration-heading{align-items:stretch;flex-direction:column}.integration-page-head .button,.integration-callout .button,.integration-actions>*{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center}.integration-grid input,.integration-grid textarea{font-size:16px}}