.integration-cards{display:grid;gap:11px;grid-template-columns:repeat(3,1fr)}.integration-card{background:#fff;border:1px solid var(--line);border-top:3px solid #9aa6b2;border-radius:12px;padding:13px}.integration-card.is-online{border-top-color:#2fa66a}.integration-card.is-offline{border-top-color:#d54b3d}.integration-card header{align-items:start;display:flex;justify-content:space-between}.integration-card header small{color:var(--muted);font-size:7px;text-transform:uppercase}.integration-card h3{font-size:12px;margin:2px 0}.integration-card header>span,.integration-status{background:#eef1f5;border-radius:20px;font-size:7px;padding:4px 7px}.integration-card.is-online header>span,.integration-status.is-online{background:#dcf7e9;color:#147746}.integration-card.is-offline header>span,.integration-status.is-offline{background:#ffe7e3;color:#b53b30}.integration-card>p{color:var(--muted);font-size:8px;min-height:25px;word-break:break-all}.integration-card dl{display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin:10px 0}.integration-card dl div{background:#f7f9fc;border-radius:7px;padding:7px}.integration-card dt{color:var(--muted);font-size:7px}.integration-card dd{font-size:8px;margin:2px 0 0}.integration-error{color:#b53b30;display:block;font-size:7px;margin:7px 0}.integration-card footer{display:flex;gap:7px;justify-content:flex-end}.integration-card footer button{font-size:8px;padding:6px 9px}.integration-history-head{margin-top:18px}.integration-history{overflow:auto}.integration-overlay{align-items:center;background:#08111ecc;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.integration-form{background:#fff;border-radius:13px;display:grid;gap:12px;max-width:560px;padding:18px;width:100%}.integration-form header,.integration-form footer{align-items:center;display:flex;justify-content:space-between}.integration-form header span,.integration-form p{color:var(--muted);font-size:8px}.integration-form header h2{font-size:15px;margin:2px 0}.integration-form header>button{background:transparent;color:var(--text);font-size:18px;padding:3px}.integration-form label{font-size:9px}.integration-form input{margin-top:4px;width:100%}.integration-form .check{align-items:center;display:flex;gap:7px}.integration-form .check input{margin:0;width:auto}.integration-form footer{border-top:1px solid var(--line);padding-top:12px}@media(max-width:900px){.integration-cards{grid-template-columns:1fr}}