.integration-live-v23{margin:0 0 16px;padding:16px;border:1px solid #eadfe0;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fff9f9 100%);box-shadow:0 8px 24px rgba(78,17,22,.06)}
.integration-live-head-v23{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.integration-live-head-v23 small{display:block;color:#a31620;font-size:11px;font-weight:900;letter-spacing:.11em}.integration-live-head-v23 h3{margin:4px 0 3px;font-size:20px}.integration-live-head-v23 p{margin:0;color:var(--muted);font-size:13px}.integration-auto-v23{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#e9f8ef;color:#147247;font-size:11px;font-weight:800}
.integration-sync-grid-v23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.integration-sync-card-v23{min-width:0;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.integration-sync-card-v23.connected{border-color:#a9dec1}.integration-sync-card-v23.error{border-color:#efb5b9}.integration-sync-card-v23.waiting{background:#fffafa}.integration-sync-title-v23{display:grid;grid-template-columns:38px 1fr 9px;align-items:center;gap:9px}.integration-sync-title-v23>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f7e9ea;color:#a31620;font-size:12px;font-weight:900}.integration-sync-title-v23 strong,.integration-sync-title-v23 small{display:block}.integration-sync-title-v23 strong{font-size:14px}.integration-sync-title-v23 small{margin-top:2px;color:var(--muted);font-size:10px}.integration-sync-title-v23 i{width:8px;height:8px;border-radius:50%;background:#d1a127}.integration-sync-card-v23.connected .integration-sync-title-v23 i{background:#1b9b63}.integration-sync-card-v23.error .integration-sync-title-v23 i{background:#cf2b35}.integration-last-v23,.integration-secrets-v23{display:block;margin:10px 0;color:var(--muted);font-size:10px;line-height:1.45}.integration-last-v23.error{color:#b31d27}.integration-secrets-v23{padding:7px;border-radius:8px;background:#fff4e5;color:#8b5a13;overflow-wrap:anywhere}.integration-sync-card-v23 button{width:100%;margin-top:8px;min-height:40px}.integration-sync-card-v23 button:disabled{opacity:.55}
.integration-notice-v23{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:11px;font-size:12px}.integration-notice-v23 b{white-space:nowrap}.integration-notice-v23.success{background:#e9f8ef;color:#126a42}.integration-notice-v23.error{background:#fff0f1;color:#a81d27}
@media(max-width:850px){.integration-live-v23{padding:13px;border-radius:15px}.integration-live-head-v23{display:block}.integration-auto-v23{display:inline-block;margin-top:10px}.integration-sync-grid-v23{grid-template-columns:1fr}.integration-notice-v23{display:block}.integration-notice-v23 b,.integration-notice-v23 span{display:block}.integration-notice-v23 span{margin-top:3px}}