.integration-console{--ic-gold:#dcb86f;--ic-line:#dcb86f2b;--ic-panel:#211017;max-width:1450px;margin:0 auto;padding:32px 3.5% 70px;color:#fff7ee}.integration-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:42px;border:1px solid var(--ic-line);border-radius:17px;background:radial-gradient(circle at 84% 12%,#9f2c5038,transparent 34%),linear-gradient(135deg,#31131f,#13090e)}.integration-hero>div:first-child>span,.integration-section-title>div>span,.integration-reset-card small{color:var(--ic-gold);font-size:9px;font-weight:800;letter-spacing:2.3px}.integration-hero h1{margin:12px 0 10px;font:500 clamp(34px,5vw,60px)/1 Georgia,serif}.integration-hero p{max-width:680px;margin:0;color:#bca6a0;font-size:12px;line-height:1.8}.integration-hero-state{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;min-width:185px;padding:15px 18px;border:1px solid #66cc9038;border-radius:11px;background:#17302166}.integration-hero-state i{grid-row:1/3;width:10px;height:10px;align-self:center;border-radius:50%;background:#6ad99a;box-shadow:0 0 13px #6ad99a}.integration-hero-state b{font-size:10px}.integration-hero-state small{color:#8eba9d;font-size:8px}.integration-notice{margin:14px 0 22px;padding:13px 16px;border:1px solid var(--ic-line);border-radius:9px;background:#dcb86f0a;color:#baa7a0;font-size:10px;line-height:1.7}.integration-notice b{margin-right:8px;color:var(--ic-gold)}.integration-section,.integration-reset-card{border:1px solid var(--ic-line);border-radius:13px;background:linear-gradient(145deg,#24121a,#140a0f)}.integration-section{padding:28px;margin-bottom:18px}.integration-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.integration-section-title h2{margin:7px 0 0;font-size:24px;font-weight:500}.integration-section-title .btn-outline{min-height:38px}.integration-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-provider-card,.integration-callback-card{padding:21px;border:1px solid #dcb86f1d;border-radius:10px;background:#ffffff03}.integration-provider-card header{display:flex;align-items:center;justify-content:space-between}.integration-provider-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dcb86f45;border-radius:50%;color:var(--ic-gold);font:500 19px Georgia,serif}.integration-status{display:inline-flex;padding:5px 8px;border-radius:99px;background:#ffffff0a;color:#c0ada7;font-size:8px;text-transform:uppercase}.integration-status-healthy,.integration-status-normal,.integration-status-success,.integration-status-accepted{background:#48bd7917;color:#80d8a2}.integration-status-maintenance,.integration-status-degraded,.integration-status-duplicate{background:#d59c3e17;color:#e0b76f}.integration-status-error,.integration-status-rejected{background:#d65c6717;color:#e98f98}.integration-provider-card h3{margin:19px 0 7px;font-size:16px}.integration-provider-card>p{margin:0;color:#927f79;font-size:9px}.integration-provider-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:19px 0 0;overflow:hidden;border-radius:7px;background:#ffffff0c}.integration-provider-card dl>div{padding:10px;background:#160b10}.integration-provider-card dt{color:#816e69;font-size:8px}.integration-provider-card dd{margin:5px 0 0;color:#d7c4ba;font-size:9px}.integration-callback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-callback-card{display:flex;min-width:0;flex-direction:column;gap:13px}.integration-callback-card>div>span,.integration-callback-card>div>b,.integration-callback-card>div>small{display:block}.integration-callback-card>div>span{color:var(--ic-gold);font-size:8px;letter-spacing:1.5px}.integration-callback-card>div>b{margin:7px 0 5px;font-size:15px}.integration-callback-card>div>small{color:#88746f;font-size:8px}.integration-callback-card>p{min-height:32px;margin:0;color:#a38e87;font-size:9px;line-height:1.7}.integration-callback-card code,.integration-event-table code{overflow:hidden;color:#c7a966;font-size:9px;text-overflow:ellipsis}.integration-callback-card .btn-outline{min-height:34px;margin-top:auto;font-size:8px}.integration-callback-passive{margin-top:auto;color:#806c67;font-size:7px;letter-spacing:.8px}.integration-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.integration-split>.integration-section{margin:0}.integration-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.integration-metric-grid article{padding:17px;border:1px solid #dcb86f17;border-radius:8px;background:#ffffff03}.integration-metric-grid small{display:block;color:#8d7973;font-size:8px}.integration-metric-grid strong{display:block;margin-top:10px;color:#e7ca8c;font-size:24px}.integration-reset-card{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;padding:24px}.integration-reset-card>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dcb86f40;border-radius:50%;color:var(--ic-gold);font-size:24px}.integration-reset-card h2{margin:6px 0 8px;font-size:17px}.integration-reset-card p{margin:0;color:#967f78;font-size:9px;line-height:1.6}.integration-reset-card button{grid-column:1/-1;min-height:38px}.integration-event-count{color:#9a8580;font-size:9px}.integration-event-table{max-width:100%;overflow-x:auto}.integration-event-table table{width:100%;min-width:720px;border-collapse:collapse}.integration-event-table th{text-align:left;padding:10px;border-bottom:1px solid var(--ic-line);color:#7f6b66;font-size:8px;letter-spacing:1px}.integration-event-table td{padding:14px 10px;border-bottom:1px solid #dcb86f10;color:#b9a49d;font-size:9px}.integration-event-table td:first-child b,.integration-event-table td:first-child small{display:block}.integration-event-table td:first-child b{color:#eee0d7;font-size:10px}.integration-event-table td:first-child small{margin-top:4px;color:#77635e;font-size:8px}.integration-empty{padding:42px 20px;text-align:center;border:1px dashed var(--ic-line);border-radius:9px}.integration-empty>span{color:var(--ic-gold);font-size:34px}.integration-empty h3{margin:13px 0 7px;font-size:15px}.integration-empty p{margin:0;color:#937e77;font-size:9px}.integration-console [aria-busy=true]{opacity:.55;pointer-events:none}
@media(max-width:1000px){.integration-callback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-split{grid-template-columns:1fr}.integration-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.integration-console{padding:16px 0 48px}.integration-hero{align-items:flex-start;flex-direction:column;padding:27px 20px;border-radius:0}.integration-hero h1{font-size:37px}.integration-hero-state{width:100%;box-sizing:border-box}.integration-notice{margin-inline:10px}.integration-section{padding:20px 16px;border-radius:0}.integration-section-title{align-items:flex-start;flex-direction:column}.integration-section-title .btn-outline{width:100%}.integration-provider-grid,.integration-callback-grid{grid-template-columns:1fr}.integration-metric-grid{grid-template-columns:1fr 1fr}.integration-reset-card{margin:0 10px 18px}.integration-split{gap:0}.integration-callback-card>p{min-height:0}.integration-event-table{width:100%}}
@media(prefers-reduced-motion:reduce){.integration-console *{scroll-behavior:auto!important}}