.integrations-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.integrations-heading h1,.integration-detail-heading h1{margin:3px 0 7px;color:var(--green-dark);font-size:28px;letter-spacing:-.025em}.integrations-heading>div>p:last-child,.integration-detail-heading>div>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.integrations-summary{min-width:142px;padding:13px 16px;border:1px solid #dce7e1;border-radius:12px;background:#f8fbf9}.integrations-summary strong{display:block;color:var(--green-dark);font-size:20px}.integrations-summary span{color:var(--muted);font-size:9px}.integration-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration-tile{min-height:238px;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;border:1px solid #dfe7e3;border-radius:16px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 1px 2px rgba(21,67,46,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.integration-tile:hover,.integration-tile:focus-visible{transform:translateY(-2px);border-color:#8fc5aa;box-shadow:0 10px 28px rgba(25,83,57,.09);outline:none}.integration-tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.integration-brand{width:48px;height:48px;display:grid;place-items:center;flex:none;border:1px solid #e1e8e4;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(26,63,47,.07)}.integration-brand img{display:block;width:30px;height:30px;object-fit:contain}.integration-brand.openai{background:#f3f9f6}.integration-brand.slack{background:#fff}.integration-brand.sendgrid{background:#f2f8ff}.integration-brand.gmail,.integration-brand.microsoft{background:#fff}.integration-tile .status-pill,.integration-detail-heading .status-pill{display:inline-flex;align-items:center;gap:6px;text-transform:none}.status-pill i{display:block;width:6px;height:6px;border-radius:50%;background:#a5afaa}.status-pill.connected i{background:var(--green)}.integration-tile-copy{flex:1;padding-top:22px}.integration-tile-copy h2{margin:0 0 8px;color:var(--green-dark);font-size:17px}.integration-tile-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.integration-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1ef}.integration-tile-meta>span{max-width:60%;overflow:hidden;color:#77837d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.integration-tile-meta b{color:var(--green);font-size:10px}.integration-tile-meta b span{display:inline-block;margin-left:3px;transition:transform .18s ease}.integration-tile:hover .integration-tile-meta b span{transform:translateX(3px)}.integration-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0;color:var(--muted);font-size:9px}.integration-security-note span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:800}.integration-detail-heading{display:grid;grid-template-columns:38px 54px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:22px}.integration-detail-heading .integration-brand{width:52px;height:52px}.integration-back{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce5e0;border-radius:10px;background:#fff;color:var(--green-dark);font-size:16px;text-decoration:none}.integration-back:hover{border-color:#8fc5aa;background:#f5faf7}.integration-config-card{max-width:850px;padding:0 24px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(27,67,49,.04)}.integration-config-intro{margin:0 -24px 20px;padding:20px 24px;border-bottom:1px solid #e8eeeb;background:#fbfcfb;border-radius:14px 14px 0 0}.integration-config-intro h2{margin:0;color:var(--green-dark);font-size:15px}.integration-config-intro p{margin:5px 0 0;color:var(--muted);font-size:9px}.integration-config-card .integration-form{max-width:760px}.integration-config-card .integration-form label{font-size:9px}.integration-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:5px}.integration-form-actions .primary-button,.integration-form-actions .secondary-button{min-height:38px;margin:0}.integration-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.integration-checks .check-label{padding:10px;border:1px solid #e2e8e5;border-radius:9px;background:#fbfcfb;font-size:9px}.advanced-integration{margin-top:17px}.advanced-integration summary{cursor:pointer;color:var(--green-dark);font-size:10px;font-weight:750}.oauth-install-button{margin:0 0 10px;border:0;border-radius:8px;background:#4a154b;color:#fff;padding:10px 14px;font-size:10px;font-weight:750;cursor:pointer}.integration-warning{margin:12px 0;padding:11px 13px;border:1px solid #ecd9ad;border-radius:8px;background:#fff9eb;color:#775918;font-size:9px}.integration-help{display:block;margin-top:9px;color:var(--muted);font-size:9px;line-height:1.5}@media(max-width:1100px){.integration-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.integrations-heading{align-items:flex-start;flex-direction:column}.integration-catalog{grid-template-columns:1fr}.integration-tile{min-height:210px}.integration-detail-heading{grid-template-columns:38px 48px 1fr}.integration-detail-heading>.status-pill{grid-column:2/-1;width:max-content}.integration-checks{grid-template-columns:1fr}.integration-config-card{padding:0 16px 18px}.integration-config-intro{margin:0 -16px 18px;padding:17px 16px}}

.integration-catalog-section{position:relative}.integration-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 15px}.integration-section-heading h2{margin:3px 0 5px;color:var(--green-dark);font-size:18px;letter-spacing:-.015em}.integration-section-heading div>p:last-child{max-width:610px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.integration-section-heading>span{flex:none;padding:7px 10px;border:1px solid #dde8e2;border-radius:999px;background:#f8fbf9;color:#61736a;font-size:8px;font-weight:750}.other-integrations{margin-top:34px;padding-top:30px;border-top:1px solid #dce6e1}.other-integrations:before{position:absolute;top:-2px;left:0;width:64px;height:3px;border-radius:999px;background:var(--green);content:""}.integration-brand{width:52px;height:52px;border-radius:14px}.integration-brand img{width:33px;height:33px}.integration-brand.gmail img{width:34px}.integration-brand.microsoft img{width:31px}.integration-brand.slack img{width:34px}.integration-brand.sendgrid img{width:33px}.integration-brand.openai img{width:35px}.integration-brand.standard{background:#f0f8f4}.integration-brand.standard img{width:38px;height:38px}.integration-detail-heading .integration-brand.standard img,.integration-brand.standard.small img{width:38px;height:38px}.mail-integrations .integration-tile{border-top-color:#bedecf}.other-integrations .integration-tile{border-top-color:#d4dde8}@media(max-width:720px){.integration-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.integration-section-heading>span{display:none}.other-integrations{margin-top:28px;padding-top:26px}}
.integration-brand.microsoft365{background:#fff}.mail-provider-config{max-width:940px}.mail-provider-connect{display:grid;grid-template-columns:minmax(220px,1fr) minmax(210px,.65fr) auto;align-items:center;gap:12px;margin-bottom:22px;padding:16px;border:1px solid #cfe2d7;border-radius:11px;background:#f7fbf9}.mail-provider-connect>span{display:grid;gap:4px}.mail-provider-connect strong{color:var(--green-dark);font-size:11px}.mail-provider-connect small{color:var(--muted);font-size:8px;line-height:1.45}.mail-provider-connect input{height:39px;border:1px solid #c7d1cc;border-radius:8px;background:#fff;padding:0 10px;font:inherit;font-size:10px}.mail-provider-connect .primary-button{height:39px;margin:0;padding:0 15px}.provider-unavailable{display:flex;gap:12px;margin-bottom:22px;padding:15px;border:1px solid #ead9b2;border-radius:11px;background:#fffaf0}.provider-unavailable>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:8px;background:#fff1cb;color:#886116;font-weight:800}.provider-unavailable strong{color:#69501b;font-size:10px}.provider-unavailable p{max-width:650px;margin:5px 0 0;color:#806c40;font-size:9px;line-height:1.55}.connected-mailboxes-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 0 11px;border-top:1px solid #edf1ef}.connected-mailboxes-heading h2{margin:0;color:var(--green-dark);font-size:13px}.connected-mailboxes-heading p{margin:4px 0 0;color:var(--muted);font-size:8px}.connected-mailboxes-heading>span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:13px;background:var(--green-soft);color:var(--green);font-size:9px;font-weight:750}.connected-mailboxes{display:grid;gap:10px}.connected-mailbox{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid #e2e8e5;border-radius:11px;background:#fff}.connected-mailbox-main{display:grid;gap:3px}.connected-mailbox-main strong{color:var(--green-dark);font-size:10px}.connected-mailbox-main small{color:var(--muted);font-size:8px}.connected-mailbox-actions{display:flex;gap:6px}.connected-mailbox-actions .secondary-button{padding:7px 9px}.connected-mailbox>.mailbox-advanced{grid-column:2/-1}.connected-mailbox>.mailbox-advanced summary{cursor:pointer;color:var(--green);font-size:8px;font-weight:700}.connected-mailbox>.mailbox-advanced>form:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;padding:13px;border-radius:9px;background:#f8faf9}.connected-mailbox>.mailbox-advanced label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:700}.connected-mailbox>.mailbox-advanced label.wide{grid-column:1/-1}.connected-mailbox>.mailbox-advanced label.check{display:flex;align-items:center}.connected-mailbox>.mailbox-advanced input:not([type=checkbox]){height:36px;border:1px solid #c7d1cc;border-radius:7px;padding:0 9px;font:inherit;font-size:9px}.connected-mailbox>.mailbox-advanced .subscription-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:11px 13px;border:1px solid #e2e8e5;border-radius:9px}.connected-mailbox>.mailbox-advanced .subscription-action span{display:grid;gap:3px}.connected-mailbox>.mailbox-advanced .subscription-action strong{font-size:9px}.connected-mailbox>.mailbox-advanced .subscription-action small{color:var(--muted);font-size:8px}.integration-empty{display:grid;justify-items:center;padding:40px 15px;border:1px dashed #d7e2dc;border-radius:11px;text-align:center}.integration-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green-soft);color:var(--green);font-size:17px}.integration-empty strong{margin-top:10px;color:var(--green-dark);font-size:11px}.integration-empty p{margin:5px 0 0;color:var(--muted);font-size:9px}@media(max-width:1100px){.mail-provider-connect{grid-template-columns:1fr}.mail-provider-connect .primary-button{width:max-content}.connected-mailbox{grid-template-columns:auto minmax(160px,1fr) auto}.connected-mailbox-actions{grid-column:2/-1}.connected-mailbox>.mailbox-advanced{grid-column:2/-1}}@media(max-width:720px){.connected-mailbox{grid-template-columns:auto 1fr}.connected-mailbox>.status-pill{grid-column:2}.connected-mailbox-actions,.connected-mailbox>.mailbox-advanced{grid-column:1/-1}.connected-mailbox>.mailbox-advanced>form:first-of-type{grid-template-columns:1fr}.connected-mailbox>.mailbox-advanced label.wide{grid-column:auto}}
.integration-config-card,.integration-config-card *{min-width:0}.integration-config-card .integration-form{width:100%;max-width:none}.integration-config-card .integration-form label{width:100%}.integration-config-card .integration-form input,.integration-config-card .integration-form select,.integration-config-card .integration-form textarea{display:block;width:100%;max-width:100%}.integration-config-card .integration-form label>small{color:var(--muted);font-size:8px;font-weight:500;line-height:1.45;text-transform:none}.integration-config-card .form-pair>label{min-width:0}.integration-config-card .check-label{width:auto!important}.integration-config-card .check-label input{display:inline-block;width:15px;flex:none}