.integration-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:start;border:1px solid #eaddea;border-radius:12px;padding:18px;background:#fff}.integration-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#f5e8f5;color:#762b8a}.integration-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.integration-card-copy h3{margin:0;font:700 16px Manrope}.integration-card-copy>p{margin:5px 0 14px;color:#78677e;font-size:13px}.integration-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.integration-status{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:4px 9px;background:#f6e2f2;color:#762b8a;font-size:11px;font-weight:700}.integration-status svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.integration-events{list-style:none;margin:0;padding:0;display:grid;gap:9px}.integration-events li{display:flex;align-items:flex-start;gap:9px}.integration-events b,.integration-events small{display:block}.integration-events b{font-size:12px}.integration-events small{color:#78677e;font-size:11px;margin-top:2px}.event-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:0 0 auto}.event-dot.critical{background:#d95757}.event-dot.success{background:#762b8a}.event-dot.pending{background:#d89024}.integration-card-action{display:grid;justify-items:end;gap:7px;max-width:220px}.integration-card-action small{text-align:right;color:#78677e;font-size:10px}.telegram-test{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.telegram-test svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.telegram-test:disabled{opacity:.55;cursor:not-allowed}.telegram-test.is-loading svg{animation:telegram-pulse .8s ease-in-out infinite alternate}@keyframes telegram-pulse{to{transform:translateX(2px);opacity:.6}}@media(max-width:700px){.integration-card{grid-template-columns:44px 1fr}.integration-card-icon{width:42px;height:42px}.integration-card-action{grid-column:1/-1;max-width:none;width:100%;justify-items:stretch}.integration-card-action small{text-align:left}.telegram-test{justify-content:center}}