.integration-page{display:grid;gap:20px;max-width:1100px;margin:0 auto;color:var(--ink,#18261e)}.integration-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0}.integration-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1.2px;margin:10px 0}.integration-page p{font-size:14px;line-height:1.6;color:var(--muted,#64736a);margin:10px 0}.integration-card{background:var(--surface,#fff);border:1px solid var(--line,#d9dfd5);border-radius:20px;padding:24px;min-width:0}.integration-card h3{font-size:18px;margin:0 0 12px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.integration-switch{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line,#d9dfd5)}.integration-switch:first-child{padding-top:0}.integration-switch:last-child{border:0;padding-bottom:0}.integration-connection small,.integration-switch small{display:block;font-size:12px;line-height:1.6;color:var(--muted,#64736a);margin-top:5px}.integration-switch input{flex:0 0 auto;accent-color:var(--ink,#183e30);width:22px;height:22px;cursor:pointer}.integration-switch input:disabled{opacity:.4}.integration-copy{display:flex;align-items:center;gap:12px;border:1px solid var(--line,#d9dfd5);border-radius:12px;padding:12px}.integration-copy code{overflow-wrap:anywhere;font-size:12px;flex:1}.integration-form{display:grid;gap:14px}.integration-form label{display:grid;gap:7px;font-size:12px}.integration-form input,.integration-form select{width:100%;min-height:44px;border:1px solid var(--line,#d9dfd5);border-radius:10px;background:var(--surface,#fff);color:inherit;padding:10px}.integration-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-page button{min-height:42px}.integration-page summary{font-weight:600;cursor:pointer;min-height:24px}.integration-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line,#d9dfd5)}.integration-secret{display:grid;gap:12px;margin-top:16px;padding:16px;border-radius:12px;background:var(--surface-soft,#f4f6ef);font-size:12px}.integration-secret code{overflow-wrap:anywhere;user-select:all}.integration-message{padding:12px 16px;border-radius:12px;background:var(--surface-soft,#f4f6ef)}.integration-message.error{border:1px solid #cd6b58}.integration-activity{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:14px 0;border-top:1px solid var(--line,#d9dfd5);font-size:12px}.integration-muted{font-size:12px!important}.integration-consent{max-width:620px;margin:8vh auto;padding:24px}.integration-consent-actions{display:flex;gap:12px;margin-top:24px}[data-theme=dark] .integration-card,[data-theme=dark] .integration-form input,[data-theme=dark] .integration-form select{background:#14231c;color:#edf3eb;border-color:#35463b}[data-theme=dark] .integration-page{color:#edf3eb}[data-theme=dark] .integration-page p,[data-theme=dark] .integration-page small{color:#a8b7ae}[data-theme=dark] .integration-message,[data-theme=dark] .integration-secret{background:#213429}@media(max-width:700px){.integration-grid{grid-template-columns:1fr}.integration-card{padding:18px}.integration-heading{align-items:flex-start}.integration-activity{grid-template-columns:1fr auto}.integration-activity time{grid-column:1/-1}.integration-copy{flex-wrap:wrap}.integration-page{padding-bottom:100px}.integration-heading h2{font-size:26px}.integration-consent{margin:24px auto}.integration-consent-actions{flex-wrap:wrap}}.integration-switch input{appearance:none;position:relative;width:44px;height:26px;border-radius:20px;border:1px solid var(--line);background:var(--surface-soft);transition:background .18s ease}.integration-switch input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .18s ease}.integration-switch input:checked{background:#265b43;border-color:#265b43}.integration-switch input:checked:before{background:#fff;transform:translateX(18px)}.integration-switch input:focus-visible{outline:3px solid #bce366;outline-offset:3px}.integration-page button:disabled{cursor:not-allowed;opacity:.5}.integration-page .secondary-button{font-size:12px}.integration-consent-actions a{display:inline-flex;align-items:center}@media(prefers-reduced-motion:reduce){.integration-switch input,.integration-switch input:before{transition:none}}