.integration-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 18px}.integration-title h2{font-size:24px}.integration-title p{font-size:13px;color:var(--muted);margin-top:8px}.integration-private{font-size:11px;color:var(--muted);white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:30px}.integration-card{margin-bottom:18px}.integration-card .panel-head{flex-wrap:wrap;gap:14px}.integration-heading{display:flex;align-items:center;gap:14px;min-width:0}.integration-heading p,.integration-heading small{display:block;color:var(--muted);font-size:12px;margin-top:5px;line-height:1.6}.integration-heading strong{font-size:16px;font-weight:600}.integration-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--brand);font-size:23px;font-weight:600}.integration-card fieldset{border:0;padding:0;margin:0;min-width:0}.integration-card fieldset:disabled{opacity:.7}.integration-card form .form-grid{margin:0}.integration-card label small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}.integration-enable{display:flex;align-items:center;gap:11px;padding:16px;border-radius:12px;background:var(--bg);margin-top:20px;cursor:pointer}.integration-enable input{width:19px;height:19px;flex-shrink:0;accent-color:var(--brand)}.integration-enable>span{font-size:13px;font-weight:600}.integration-enable small{font-weight:400}.integration-redirect{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.integration-redirect>label{font-size:12px;color:var(--muted)}.integration-copy{display:flex;gap:10px;margin-top:9px}.integration-copy input{min-width:0;flex:1;font-size:12px}.integration-redirect p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}.integration-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;margin:18px 0 12px}.integration-details>summary{cursor:pointer;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:20px 24px;list-style:none}.integration-details>summary::-webkit-details-marker{display:none}.integration-details>summary:after{content:'⌄';font-size:20px;color:var(--muted)}.integration-details[open]>summary:after{transform:rotate(180deg)}.integration-details[open]>summary{border-bottom:1px solid var(--line)}.integration-detail-label{font-size:12px;color:var(--brand);margin-left:auto}.integration-details .panel .panel{margin-bottom:0}.integration-future{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 24px;border:1px dashed var(--line);border-radius:14px}.integration-future strong{font-size:13px}.integration-future p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.7}.integration-success{color:var(--brand);font-size:13px;margin-top:14px;line-height:1.6}
.integration-card form .form-grid{align-items:start}.integration-card form .form-grid>label{align-content:start}
@media(max-width:650px){.integration-title{align-items:flex-start;flex-direction:column;gap:12px}.integration-card .panel-head,.integration-card .panel-body{padding:20px}.integration-details>summary{padding:18px;flex-wrap:wrap;gap:12px}.integration-details>summary>.pill{margin-left:58px}.integration-details>summary:after{margin-left:auto}.integration-future{align-items:flex-start;flex-direction:column}.integration-copy{flex-wrap:wrap}.integration-copy input{width:100%;flex-basis:100%}.integration-copy button{width:100%}}