:root {
  --connections-ink:#27231f;
  --connections-muted:#776f66;
  --connections-line:#e4d5c2;
  --connections-panel:#fffdf9;
  --connections-cream:#f8f2e9;
  --connections-green:#25452f;
  --connections-green-2:#607442;
  --connections-gold:#efc66c;
  --connections-pink:#ad3d69;
}

.connections-main {
  max-width:none;
  margin-left:242px;
  margin-right:0;
  padding-bottom:42px;
}

@media (max-width:1050px) {
  .connections-main { margin-left:0; }
}

.connections-main .topbar {
  height:auto;
  min-height:82px;
  align-items:center;
  margin-bottom:18px;
  padding:4px 0 18px;
}

.connections-main .topbar h1 { font-size:36px; letter-spacing:-1.4px; }
.connections-main .topbar p { margin-top:6px; font-size:15px; }

.connections-trust-note {
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-top:auto;
  padding:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  color:#fff;
  background:rgba(8,42,31,.25);
}
.connections-trust-note svg { flex:0 0 auto; width:21px; height:21px; fill:none; stroke:#f0cc72; stroke-width:1.8; }
.connections-trust-note strong,.connections-trust-note span { display:block; }
.connections-trust-note strong { font-size:13px; }
.connections-trust-note span { margin-top:3px; color:rgba(255,255,255,.66); font-size:10px; line-height:1.45; }

.connections-hero {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);
  gap:34px;
  min-height:300px;
  padding:50px;
  overflow:hidden;
  border:1px solid #536241;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(240,204,113,.2) 0 15%,transparent 15.2%),
    radial-gradient(circle at 88% 18%,transparent 0 25%,rgba(240,204,113,.1) 25.2% 25.8%,transparent 26%),
    linear-gradient(118deg,#183d2e 0%,#315035 55%,#737347 100%);
  box-shadow:0 22px 50px rgba(43,55,33,.15);
}
.connections-hero-copy { align-self:center; max-width:850px; }
.connections-hero-copy > span,.section-heading > div > span {
  display:block;
  color:var(--connections-gold);
  font-size:11px;
  font-weight:950;
  letter-spacing:2.2px;
}
.connections-hero h2 { margin:14px 0 12px; color:#fff; font-size:48px; line-height:1.02; letter-spacing:-2.3px; }
.connections-hero p { max-width:820px; margin:0; color:rgba(255,255,255,.76); font-size:17px; line-height:1.7; }
.connections-hero-legend {
  position:relative;
  z-index:1;
  display:grid;
  align-self:center;
  gap:10px;
  padding:14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:22px;
  background:rgba(255,255,255,.11);
  backdrop-filter:blur(10px);
}
.connections-hero-legend article { display:flex; align-items:center; gap:14px; min-height:68px; padding:10px 14px; border-radius:15px; background:rgba(255,255,255,.09); }
.connections-hero-legend i { display:grid; place-items:center; width:45px; height:45px; border-radius:13px; }
.connections-hero-legend i.is-connected { color:#29472d; background:#dbe8d3; }
.connections-hero-legend i.is-ready { color:#714b34; background:#f0dcc7; }
.connections-hero-legend i.is-import { color:#654d1e; background:#f4d679; }
.connections-hero-legend svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; }
.connections-hero-legend strong,.connections-hero-legend span { display:block; }
.connections-hero-legend strong { color:#fff; font-size:25px; line-height:1; }
.connections-hero-legend span { margin-top:4px; color:rgba(255,255,255,.75); font-size:12px; font-weight:800; }

.connection-controls {
  display:grid;
  gap:16px;
  margin:24px 0;
  padding:20px;
  border:1px solid var(--connections-line);
  border-radius:22px;
  background:rgba(255,253,249,.9);
  box-shadow:0 14px 38px rgba(76,58,38,.06);
}
.connection-view-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:6px; border-radius:15px; background:#f5eee4; }
.connection-view-tabs button {
  min-height:54px;
  padding:0 16px;
  border:0;
  border-radius:11px;
  color:#685f56;
  background:transparent;
  font:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.connection-view-tabs button:hover { background:rgba(255,255,255,.7); }
.connection-view-tabs button.active { color:#fff; background:linear-gradient(135deg,#264831,#607443); box-shadow:0 7px 18px rgba(42,72,47,.18); }
.connection-find-row { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:12px; }
.connection-search,.connection-category {
  display:flex;
  align-items:center;
  min-height:58px;
  border:1px solid #decdb9;
  border-radius:14px;
  background:#fff;
}
.connection-search { gap:12px; padding:0 17px; }
.connection-search svg { width:22px; height:22px; fill:none; stroke:#8b8177; stroke-width:1.8; }
.connection-search input { flex:1; min-width:0; border:0; outline:0; color:#39332e; background:transparent; font:inherit; font-size:15px; }
.connection-category { display:grid; grid-template-columns:auto 1fr; gap:9px; padding:0 8px 0 15px; }
.connection-category span { color:#796f64; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.7px; }
.connection-category select { min-width:0; height:42px; border:0; outline:0; color:#3e3832; background:transparent; font:inherit; font-size:14px; font-weight:800; }

.integration-section {
  margin-top:22px;
  padding:30px;
  border:1px solid var(--connections-line);
  border-radius:26px;
  background:rgba(255,253,249,.88);
  box-shadow:0 16px 42px rgba(77,58,38,.055);
}
.integration-section[hidden] { display:none; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.section-heading > div > span { color:#a45b3d; }
.section-heading h2 { margin:7px 0 5px; color:var(--connections-ink); font-size:28px; letter-spacing:-.8px; }
.section-heading p { margin:0; color:var(--connections-muted); font-size:13px; line-height:1.55; }
.section-heading > em { display:flex; align-items:center; gap:8px; padding:10px 13px; border-radius:999px; color:#52703d; background:#e9f0e0; font-size:11px; font-style:normal; font-weight:900; }
.section-heading > em i { width:8px; height:8px; border-radius:50%; background:#5ea451; box-shadow:0 0 0 5px rgba(94,164,81,.13); }
.section-heading > em.disabled-label { color:#8a7e72; background:#efe9e2; }
.section-heading > em.disabled-label svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
.integration-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }

.bank-provider-section {
  background:
    radial-gradient(circle at 92% 4%,rgba(239,198,108,.16),transparent 24%),
    linear-gradient(145deg,rgba(255,253,249,.98),rgba(246,241,231,.9));
}
.bank-provider-cards {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.connections-main .bank-provider-card { min-height:350px; }
.integration-logo.bank-manual,
.integration-logo.bank-ing,
.integration-logo.bank-rabo,
.integration-logo.bank-abn,
.integration-logo.bank-bunq,
.integration-logo.bank-knab,
.integration-logo.bank-open {
  display:grid;
  place-items:center;
  color:#fff;
  font-size:13px;
  font-weight:950;
}
.integration-logo.bank-manual { color:#4f5d32; background:linear-gradient(135deg,#f7e6a9,#efc66c); }
.integration-logo.bank-ing { background:linear-gradient(135deg,#ed783e,#f39a56); }
.integration-logo.bank-rabo { background:linear-gradient(135deg,#244e9b,#5279bd); }
.integration-logo.bank-abn { background:linear-gradient(135deg,#168b7f,#55a891); }
.integration-logo.bank-bunq { background:linear-gradient(135deg,#67519b,#b85a87); }
.integration-logo.bank-knab { background:linear-gradient(135deg,#ef7351,#f3a24e); }
.integration-logo.bank-open { background:linear-gradient(135deg,#344b3a,#78824e); }
.bank-provider-safety {
  margin:18px 0 0;
  padding:14px 16px;
  border:1px solid #d9ccb8;
  border-radius:14px;
  color:#5e574f;
  background:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:750;
  line-height:1.5;
}
.bank-live-connections {
  display:grid;
  gap:10px;
  margin-top:18px;
}
.bank-live-connections article {
  display:grid;
  grid-template-columns:minmax(140px,.7fr) minmax(180px,1fr) minmax(180px,1fr);
  gap:12px;
  padding:14px;
  border:1px solid #dacdbb;
  border-radius:13px;
  background:#fff;
}
.bank-live-connections b,
.bank-live-connections span,
.bank-live-connections small { display:block; min-width:0; overflow-wrap:anywhere; }

.connections-main .integration-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:390px;
  padding:23px;
  overflow:hidden;
  border:1px solid #dfd0bf;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(77,59,40,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.connections-main .integration-card:hover { transform:translateY(-2px); border-color:#cbb79f; box-shadow:0 16px 34px rgba(77,59,40,.09); }
.connections-main .integration-card[hidden] { display:none; }
.connections-main .integration-card > header { display:grid; grid-template-columns:54px minmax(0,1fr); gap:13px; align-items:center; margin:0 0 18px; }
.connections-main .integration-logo { width:54px; height:54px; border-radius:15px; font-size:19px; }
.integration-logo.revenue { background:linear-gradient(135deg,#b67942,#e0a967); }
.integration-logo.zenchef { background:linear-gradient(135deg,#6e4055,#a24d73); }
.integration-logo.whatsapp-logo {
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#075e54,#25d366);
  font-size:13px;
  font-weight:950;
  letter-spacing:-.4px;
}
.connections-main .integration-card header h3 { margin:0; color:#302b27; font-size:20px; line-height:1.15; }
.connections-main .integration-card header p { margin:5px 0 0; color:#80776e; font-size:12px; line-height:1.3; }
.connections-main .connection-state { grid-column:1/-1; justify-self:start; display:inline-flex; align-items:center; gap:7px; margin:0; padding:8px 11px; border-radius:999px; font-size:10px; font-style:normal; font-weight:950; text-transform:uppercase; letter-spacing:.55px; }
.connection-state i { width:8px; height:8px; border-radius:50%; }
.connection-state.connected { color:#416a34; background:#e7f0df; }
.connection-state.connected i { background:#61a651; }
.connection-state.ready-state,.connection-state.connecting-state { color:#755239; background:#f3e5d5; }
.connection-state.ready-state i,.connection-state.connecting-state i { background:#c37b4e; }
.connection-state.import-state { color:#725916; background:#f9ebbd; }
.connection-state.import-state i { background:#dcae35; }
.connection-state.unavailable-state { color:#81786f; background:#eee9e3; }
.integration-description { flex:1; margin:0 0 18px; color:#675f57; font-size:13px; line-height:1.65; }
.data-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:20px; }
.data-tags span { padding:7px 9px; border-radius:8px; color:#695f55; background:#f5eee5; font-size:9px; font-weight:850; }
.connections-main .integration-card > footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:62px;
  margin-top:auto;
  padding-top:17px;
  border-top:1px solid #ebe0d3;
}
.connections-main .integration-card > footer > span { display:grid; grid-template-columns:26px auto; grid-template-rows:auto auto; column-gap:8px; min-width:0; }
.connections-main .integration-card > footer > span svg { grid-row:1/3; align-self:center; width:22px; height:22px; fill:none; stroke:#71814e; stroke-width:1.8; }
.connections-main .integration-card > footer small,.connections-main .integration-card > footer b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.connections-main .integration-card > footer small { color:#948a7e; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.5px; }
.connections-main .integration-card > footer b { color:#514940; font-size:11px; }
.connections-main .integration-card > footer button,.connections-main .integration-card > footer a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 15px;
  border:1px solid #4a6339;
  border-radius:12px;
  color:#fff;
  background:#4f673b;
  font:inherit;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
.card-actions { display:flex; align-items:center; gap:7px; }
.connections-main .integration-card > footer .secondary { color:#4f633d; background:#fff; }
.connections-main .integration-card > footer button:hover,.connections-main .integration-card > footer a:hover { filter:brightness(.96); }
.connections-main .integration-card.unavailable { opacity:.82; background:#faf8f5; box-shadow:none; }
.connections-main .integration-card.unavailable:hover { transform:none; border-color:#dfd0bf; box-shadow:none; }
.connections-main .integration-card > footer button:disabled { border-color:#d8cfc5; color:#928980; background:#ebe7e2; cursor:not-allowed; }

.active-section:has(.integration-grid:empty) { display:none; }

.mcp-connect-section {
  overflow:hidden;
  background:
    radial-gradient(circle at 94% 8%,transparent 0 86px,rgba(232,190,107,.18) 87px 89px,transparent 90px 137px,rgba(232,190,107,.09) 138px 140px,transparent 141px),
    linear-gradient(145deg,#183126 0%,#243d30 58%,#3d4030 100%);
  border-color:#6e704d;
  color:#fff;
  box-shadow:0 28px 70px rgba(30,46,35,.17);
}
.mcp-connect-section .section-heading { border-color:rgba(255,255,255,.14); }
.mcp-connect-section .section-heading span { color:#e8be73; }
.mcp-connect-section .section-heading h2 { color:#fff; }
.mcp-connect-section .section-heading p { color:rgba(255,255,255,.7); }
.mcp-readonly-badge { display:inline-flex!important; align-items:center; gap:7px; color:#f7dfae!important; border:1px solid rgba(232,190,115,.36); background:rgba(232,190,115,.1)!important; }
.mcp-readonly-badge svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.mcp-connect-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr); gap:18px; }
.mcp-connect-card,.mcp-account-panel { border:1px solid rgba(255,255,255,.16); border-radius:24px; background:rgba(255,255,255,.06); backdrop-filter:blur(16px); }
.mcp-connect-card { display:grid; grid-template-columns:150px 1fr; gap:28px; padding:30px; }
.mcp-connect-mark { display:flex; align-items:center; justify-content:center; align-self:start; min-height:150px; padding:18px; border:1px solid rgba(232,190,115,.28); border-radius:22px; background:linear-gradient(145deg,rgba(232,190,115,.18),rgba(255,255,255,.035)); }
.mcp-connect-mark span { display:grid; width:52px; height:52px; place-items:center; border-radius:16px; color:#183126; background:#e8be73; font-family:Georgia,"Times New Roman",serif; font-size:1.25rem; font-weight:700; }
.mcp-connect-mark span:last-child { color:#fff; background:#60724b; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:.85rem; }
.mcp-connect-mark i { margin:0 7px; color:#e8be73; font-style:normal; }
.mcp-kicker { color:#e8be73; font-size:.7rem; font-weight:800; letter-spacing:.2em; }
.mcp-connect-copy h3 { max-width:620px; margin:10px 0 13px; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.9rem,3vw,3rem); font-weight:400; line-height:1.03; letter-spacing:-.03em; }
.mcp-connect-copy > p { max-width:700px; margin:0 0 22px; color:rgba(255,255,255,.7); font-size:.94rem; line-height:1.68; }
.mcp-quick-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 18px; padding:0; list-style:none; }
.mcp-quick-steps li { display:flex; align-items:flex-start; gap:10px; min-height:86px; padding:13px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(255,255,255,.06); }
.mcp-quick-steps li > b { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; color:#1f352a; border-radius:9px; background:#e8be73; font-size:.78rem; }
.mcp-quick-steps span,.mcp-quick-steps strong,.mcp-quick-steps small { display:block; }
.mcp-quick-steps strong { color:#fff; font-size:.82rem; line-height:1.3; }
.mcp-quick-steps small { margin-top:4px; color:rgba(255,255,255,.6); font-size:.72rem; line-height:1.4; }
.mcp-endpoint-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 14px; border:1px solid rgba(255,255,255,.15); border-radius:15px; background:rgba(0,0,0,.12); }
.mcp-endpoint-row span,.mcp-endpoint-row small,.mcp-endpoint-row code { display:block; min-width:0; }
.mcp-endpoint-row small { margin-bottom:3px; color:rgba(255,255,255,.5); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.mcp-endpoint-row code { color:#fff5dd; font-size:.82rem; overflow-wrap:anywhere; }
.mcp-endpoint-row button { flex:0 0 auto; padding:9px 13px; color:#1d3126; border:0; border-radius:10px; background:#e8be73; font-weight:800; }
.mcp-connect-actions { display:flex; align-items:center; gap:18px; margin-top:18px; }
.mcp-connect-actions .primary { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:48px; padding:0 18px; color:#223125; border-radius:13px; background:#fffaf0; font-weight:800; text-decoration:none; }
.mcp-connect-actions .primary b { color:#9a703d; font-size:1.15rem; }
.mcp-service-state { display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.68); font-size:.78rem; font-weight:700; }
.mcp-service-state i { width:9px; height:9px; border-radius:50%; background:#b2aa96; box-shadow:0 0 0 5px rgba(178,170,150,.1); }
.mcp-service-state.is-live i { background:#91b46e; box-shadow:0 0 0 5px rgba(145,180,110,.12); }
.mcp-service-state.is-paused i { background:#e8be73; box-shadow:0 0 0 5px rgba(232,190,115,.12); }
.mcp-account-panel { padding:24px; }
.mcp-account-panel > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.14); }
.mcp-account-panel header span { display:block; color:#e8be73; font-size:.66rem; font-weight:800; letter-spacing:.18em; }
.mcp-account-panel header h3 { margin:6px 0 0; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:1.5rem; font-weight:400; }
.mcp-account-panel header button { display:grid; width:40px; height:40px; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(255,255,255,.05); }
.mcp-account-panel header button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.mcp-connections-list { display:grid; gap:10px; }
.mcp-loading { margin:0; padding:20px 0; color:rgba(255,255,255,.63); font-size:.86rem; }
.mcp-duplicate-warning { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px; border:1px solid rgba(232,190,115,.42); border-radius:16px; background:rgba(232,190,115,.12); }
.mcp-duplicate-warning b,.mcp-duplicate-warning span { display:block; }
.mcp-duplicate-warning b { color:#fff3d9; font-size:.86rem; }
.mcp-duplicate-warning span { margin-top:4px; color:rgba(255,255,255,.7); font-size:.72rem; line-height:1.45; }
.mcp-duplicate-warning button { flex:0 0 auto; padding:9px 11px; color:#223125; border:0; border-radius:9px; background:#e8be73; font-size:.7rem; font-weight:850; }
.mcp-empty-state { padding:18px; border:1px dashed rgba(255,255,255,.2); border-radius:16px; background:rgba(0,0,0,.08); }
.mcp-empty-state b,.mcp-empty-state span { display:block; }
.mcp-empty-state b { margin-bottom:6px; color:#fff; font-size:.9rem; }
.mcp-empty-state span { color:rgba(255,255,255,.6); font-size:.79rem; line-height:1.55; }
.mcp-empty-state.is-error { border-color:rgba(240,167,181,.35); }
.mcp-connection-row { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:13px; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(0,0,0,.08); }
.mcp-client-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; color:#223125; background:#e8be73; font-size:.72rem; font-weight:900; }
.mcp-client-copy { min-width:0; }
.mcp-client-copy strong,.mcp-client-copy > span { display:block; }
.mcp-client-copy strong { display:flex; align-items:center; flex-wrap:wrap; gap:7px; color:#fff; font-size:.88rem; }
.mcp-client-copy strong em { padding:3px 6px; border-radius:6px; font-size:.56rem; font-style:normal; font-weight:800; text-transform:uppercase; }
.mcp-client-copy strong em.is-current { color:#dff0d4; background:rgba(145,180,110,.18); }
.mcp-client-copy strong em.is-older { color:#ffe1b2; background:rgba(232,190,115,.17); }
.mcp-client-copy > span { margin:3px 0 7px; color:rgba(255,255,255,.55); font-size:.71rem; }
.mcp-client-copy div { display:flex; flex-wrap:wrap; gap:5px; }
.mcp-client-copy small { padding:3px 6px; border-radius:6px; color:#e9dfca; background:rgba(255,255,255,.08); font-size:.61rem; }
.mcp-connection-row > button { padding:8px 10px; color:#ffd4dc; border:1px solid rgba(255,190,203,.25); border-radius:9px; background:rgba(158,64,92,.17); font-size:.71rem; font-weight:800; }
.mcp-panel-note { margin:16px 0 0; color:rgba(255,255,255,.5); font-size:.7rem; line-height:1.5; }

@media (max-width:1100px) {
  .mcp-connect-layout { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .mcp-quick-steps { grid-template-columns:1fr; }
  .mcp-quick-steps li { min-height:0; }
  .mcp-connect-card { grid-template-columns:1fr; padding:21px; }
  .mcp-connect-mark { min-height:96px; }
  .mcp-connect-actions { align-items:flex-start; flex-direction:column; }
  .mcp-endpoint-row { align-items:stretch; flex-direction:column; }
  .mcp-duplicate-warning { align-items:stretch; flex-direction:column; }
  .mcp-duplicate-warning button { width:100%; }
  .mcp-endpoint-row button { width:100%; }
}
.integration-empty { display:grid; place-items:center; gap:8px; margin-top:22px; padding:50px; border:1px dashed #d9c7b3; border-radius:22px; color:#786e64; background:#fffdf9; text-align:center; }
.integration-empty[hidden] { display:none; }
.integration-empty svg { width:34px; height:34px; fill:none; stroke:#7d8b56; stroke-width:1.7; }
.integration-empty strong { color:#3c3631; font-size:18px; }
.integration-empty span { font-size:12px; }
.connections-footer { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:22px; padding:17px; color:#70675e; font-size:11px; }
.connections-footer svg { width:18px; height:18px; fill:none; stroke:#71814e; stroke-width:1.9; }

.whatsapp-intro-card { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:11px; margin-top:17px; padding:13px 14px; border:1px solid #cbdccf; border-radius:12px; background:linear-gradient(135deg,#eff6ef,#f8f7ee); }
.whatsapp-intro-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; color:#fff; background:#426a51; font-size:16px; font-weight:900; }
.whatsapp-intro-card b,.whatsapp-intro-card p { display:block; margin:0; }
.whatsapp-intro-card b { color:#385443; font-size:12px; }
.whatsapp-intro-card p { margin-top:3px; color:#6d756d; font-size:10px; line-height:1.45; }
.whatsapp-intro-card + .drawer-description { margin:13px 0 0; font-size:10.5px; line-height:1.55; }
.whatsapp-setup-section { margin-top:14px; }
.whatsapp-section-heading { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:10px; margin-bottom:12px; }
.whatsapp-section-heading > span { display:grid; width:28px; height:28px; place-items:center; border-radius:9px; color:#fff; background:#506f58; font-size:11px; font-weight:900; }
.whatsapp-section-heading h3,.whatsapp-section-heading p { margin:0; }
.whatsapp-section-heading h3 { color:#443a32; font-size:13px; }
.whatsapp-section-heading p { margin-top:3px; color:#82776d; font-size:9.5px; line-height:1.45; }
.whatsapp-current-connection { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px; border:1px solid #cbdccf; border-radius:11px; background:#f2f7f1; }
.whatsapp-current-connection[hidden],.whatsapp-form[hidden],.whatsapp-webhook-box[hidden] { display:none; }
.whatsapp-current-connection small,.whatsapp-current-connection b,.whatsapp-current-connection span { display:block; }
.whatsapp-current-connection small { color:#7a8a7b; font-size:8.5px; text-transform:uppercase; letter-spacing:.08em; }
.whatsapp-current-connection b { margin-top:3px; color:#395443; font-size:12px; }
.whatsapp-current-connection span { margin-top:2px; color:#768078; font-size:9.5px; }
.whatsapp-current-connection button { flex:0 0 auto; min-height:36px; padding:0 12px; border:1px solid #b9cdbd; border-radius:9px; color:#42634b; background:#fff; font:inherit; font-size:9.5px; font-weight:800; cursor:pointer; }
.whatsapp-form { display:grid; gap:12px; }
.whatsapp-field-grid,.whatsapp-advanced-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.whatsapp-form label { display:grid; min-width:0; gap:6px; color:#554a41; font-size:10.5px; font-weight:800; }
.whatsapp-form label.wide { grid-column:1/-1; }
.whatsapp-form label > span { display:flex; align-items:center; justify-content:space-between; gap:7px; }
.whatsapp-form label em { color:#947c6a; font-size:7.5px; font-style:normal; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.whatsapp-form input:not([type="hidden"]) { box-sizing:border-box; width:100%; min-height:44px; padding:0 12px; border:1px solid #d9c9b8; border-radius:9px; outline:0; background:#fff; color:#433a33; font:inherit; font-size:11px; transition:border-color .15s,box-shadow .15s; }
.whatsapp-form input::placeholder { color:#a59b92; }
.whatsapp-form input:focus { border-color:#4f765c; box-shadow:0 0 0 3px rgba(79,118,92,.12); }
.whatsapp-form input[readonly] { color:#5c665e; background:#f6f4ef; }
.whatsapp-form label small { color:#8a8077; font-size:8.5px; font-weight:500; line-height:1.45; }
.whatsapp-advanced { overflow:hidden; border:1px solid #e2d7cb; border-radius:11px; background:#fbf8f4; }
.whatsapp-advanced summary { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:46px; padding:0 13px; color:#5b5047; cursor:pointer; list-style:none; }
.whatsapp-advanced summary::-webkit-details-marker { display:none; }
.whatsapp-advanced summary::after { content:'⌄'; color:#806f61; font-size:16px; transition:transform .15s; }
.whatsapp-advanced[open] summary::after { transform:rotate(180deg); }
.whatsapp-advanced summary > span { font-size:10.5px; font-weight:800; }
.whatsapp-advanced summary > small { margin-left:auto; color:#8e8379; font-size:8.5px; }
.whatsapp-advanced-grid { padding:13px; border-top:1px solid #e8ded4; }
.whatsapp-token-control { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.whatsapp-token-control button { min-width:92px; border:1px solid #c7b9aa; border-radius:9px; color:#735c4b; background:#fff; font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
.whatsapp-form-actions { display:grid; grid-template-columns:.8fr 1.2fr; gap:9px; }
.whatsapp-form-actions button,.whatsapp-copy-button { min-height:43px; padding:0 13px; border-radius:9px; font:inherit; font-size:10.5px; font-weight:850; cursor:pointer; }
.whatsapp-primary-action { border:1px solid #47684e; color:#fff; background:#4e7157; }
.whatsapp-secondary-action,.whatsapp-copy-button { border:1px solid #c9b9aa; color:#765642; background:#fff; }
.whatsapp-form-actions button:disabled,.whatsapp-copy-button:disabled { opacity:.55; cursor:wait; }
.whatsapp-result { min-height:18px; margin:9px 0 0; color:#47694c; font-size:10px; line-height:1.5; }
.whatsapp-result:empty { min-height:0; margin:0; }
.whatsapp-result.is-error { color:#a54842; }
.whatsapp-webhook-box { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:stretch; margin-top:8px; }
.whatsapp-webhook-box code { display:flex; align-items:center; min-height:42px; overflow-wrap:anywhere; padding:10px 11px; border:1px solid #ded2c5; border-radius:9px; background:#f7f2ec; color:#4e463e; font-size:9px; line-height:1.4; }
.whatsapp-copy-button { min-width:104px; }
.whatsapp-verify-copy code { color:#45604c; background:#f0f5ef; }
.whatsapp-steps { display:grid; gap:8px; margin:13px 0 0; padding:0; list-style:none; counter-reset:whatsapp-step; }
.whatsapp-steps li { display:grid; grid-template-columns:27px 1fr; align-items:start; gap:9px; color:#6e655d; font-size:9.5px; line-height:1.45; }
.whatsapp-steps li::before { counter-increment:whatsapp-step; content:counter(whatsapp-step); display:grid; width:26px; height:26px; place-items:center; border-radius:8px; color:#fff; background:#52705a; font-size:9px; font-weight:900; }
.whatsapp-security-note { display:grid; gap:4px; margin-top:16px; padding:13px 14px; border:1px solid #e0d4c8; border-radius:11px; background:#f8f3ed; }
.whatsapp-security-note b { color:#5a4d42; font-size:10.5px; }
.whatsapp-security-note span { color:#81766d; font-size:9px; line-height:1.5; }
.whatsapp-security-note a { margin-top:4px; color:#42694d; font-size:9.5px; font-weight:800; text-decoration:none; }
.whatsapp-health-panel { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding:12px 13px; border:1px solid #ded6ca; border-radius:11px; background:#faf8f4; }
.whatsapp-health-panel div { min-width:0; }
.whatsapp-health-panel small,.whatsapp-health-panel b,.whatsapp-health-panel span { display:block; }
.whatsapp-health-panel small { color:#8a8077; font-size:8px; letter-spacing:.06em; text-transform:uppercase; }
.whatsapp-health-panel b { margin-top:3px; color:#51483f; font-size:10.5px; }
.whatsapp-health-panel span { margin-top:3px; color:#81776e; font-size:8.8px; line-height:1.4; }
.whatsapp-health-panel button { flex:0 0 auto; min-height:36px; padding:0 12px; border:1px solid #b9cdbd; border-radius:9px; color:#42634b; background:#fff; font:inherit; font-size:9.5px; font-weight:800; cursor:pointer; }
.whatsapp-health-actions { display:flex; flex:0 0 auto; align-items:center; gap:7px; }
.whatsapp-health-actions button[hidden] { display:none; }
.whatsapp-health-panel .whatsapp-subscribe-action { border-color:#47684e; color:#fff; background:#4e7157; }
.whatsapp-health-panel.is-healthy { border-color:#c2d8c7; background:#f2f7f1; }
.whatsapp-health-panel.needs-attention { border-color:#e4c2b3; background:#fff7f2; }
.whatsapp-health-panel.needs-attention b { color:#9a543d; }
.whatsapp-coexistence-card { display:grid; gap:13px; margin-bottom:14px; padding:15px; border:1px solid #bcd5c2; border-radius:13px; background:linear-gradient(135deg,#eef7f0,#f9f8ef); }
.whatsapp-coexistence-card[hidden] { display:none; }
.whatsapp-coexistence-heading { display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; align-items:start; }
.whatsapp-coexistence-heading > span { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#fff; background:#3f6b4c; font-size:15px; font-weight:900; }
.whatsapp-coexistence-heading small,.whatsapp-coexistence-heading b,.whatsapp-coexistence-heading p { display:block; }
.whatsapp-coexistence-heading small { color:#53745b; font-size:8.5px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.whatsapp-coexistence-heading b { margin-top:2px; color:#294d35; font-size:12px; }
.whatsapp-coexistence-heading p { margin:4px 0 0; color:#667469; font-size:9.5px; line-height:1.5; }
.whatsapp-coexistence-card ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.whatsapp-coexistence-card li { display:grid; grid-template-columns:16px 1fr; gap:7px; color:#57655b; font-size:9.5px; line-height:1.45; }
.whatsapp-coexistence-card li::before { content:'✓'; color:#3f6b4c; font-weight:900; }
.whatsapp-embedded-action { width:100%; min-height:44px; border:1px solid #315f40; border-radius:10px; color:#fff; background:#376746; font:inherit; font-size:10.5px; font-weight:850; cursor:pointer; }
.whatsapp-embedded-action:disabled { border-color:#d6d0c7; color:#918b83; background:#eeeae4; cursor:not-allowed; }
.whatsapp-embedded-status { margin:0; color:#647067; font-size:9px; line-height:1.5; }
.whatsapp-embedded-status.is-error { color:#a54842; }
.whatsapp-manual-fallback { margin-top:14px; overflow:hidden; border:1px solid #e1d8cd; border-radius:12px; background:#fffdf9; }
.whatsapp-manual-fallback > summary { padding:13px 14px; color:#6d6157; font-size:10px; font-weight:800; cursor:pointer; }
.whatsapp-manual-fallback-body { display:grid; gap:13px; padding:14px; border-top:1px solid #e8dfd5; }
.whatsapp-danger-zone { margin-top:12px; border-top:1px solid #eadfd5; }
.whatsapp-danger-zone summary { padding-top:12px; color:#85786d; font-size:9.5px; font-weight:750; cursor:pointer; }
.whatsapp-danger-zone p { color:#8b7f74; font-size:9px; line-height:1.45; }
.whatsapp-danger { width:100%; min-height:40px; margin-top:4px; border:1px solid #d9a99f; border-radius:9px; color:#9a493f; background:#fff4f1; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
.whatsapp-danger:disabled { opacity:.45; cursor:not-allowed; }

@media (max-width:560px) {
  .whatsapp-field-grid,.whatsapp-advanced-grid,.whatsapp-form-actions,.whatsapp-webhook-box { grid-template-columns:1fr; }
  .whatsapp-form label.wide { grid-column:1; }
  .whatsapp-advanced summary > small { display:none; }
  .whatsapp-current-connection { align-items:flex-start; flex-direction:column; }
  .whatsapp-current-connection button,.whatsapp-copy-button { width:100%; }
  .whatsapp-health-panel { align-items:flex-start; flex-direction:column; }
  .whatsapp-health-actions { width:100%; flex-direction:column; }
  .whatsapp-health-panel button { width:100%; }
}

.integration-drawer { width:min(600px,100vw); }
.integration-drawer.whatsapp-integration-drawer {
  width:min(720px,100vw);
  padding:32px;
}
.whatsapp-integration-drawer .drawer-close {
  top:24px;
  right:24px;
  width:44px;
  height:44px;
}
.whatsapp-integration-drawer .drawer-brand { gap:16px; padding-right:60px; }
.whatsapp-integration-drawer .drawer-brand .integration-logo { width:60px; height:60px; font-size:18px; }
.whatsapp-integration-drawer .drawer-brand h2 { font-size:26px; line-height:1.2; }
.whatsapp-integration-drawer .drawer-brand p { margin-top:5px; font-size:14px; line-height:1.45; }
.whatsapp-integration-drawer .drawer-state { margin-top:22px; padding:14px 16px; border-radius:12px; }
.whatsapp-integration-drawer .drawer-state > span { gap:9px; font-size:15px; }
.whatsapp-integration-drawer .drawer-state small { font-size:13px; }
.whatsapp-integration-drawer .drawer-description,
.whatsapp-integration-drawer .whatsapp-intro-card + .drawer-description {
  margin:18px 0 0;
  font-size:14px;
  line-height:1.6;
}
.whatsapp-integration-drawer .drawer-section { margin-top:22px; padding-top:22px; }
.whatsapp-integration-drawer .drawer-section > h3 { margin-bottom:14px; font-size:17px; }
.whatsapp-integration-drawer .whatsapp-intro-card {
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  margin-top:20px;
  padding:17px 18px;
  border-radius:14px;
}
.whatsapp-integration-drawer .whatsapp-intro-icon { width:46px; height:46px; border-radius:12px; font-size:21px; }
.whatsapp-integration-drawer .whatsapp-intro-card b { font-size:16px; line-height:1.35; }
.whatsapp-integration-drawer .whatsapp-intro-card p { margin-top:5px; font-size:14px; line-height:1.5; }
.whatsapp-integration-drawer .whatsapp-setup-section { margin-top:20px; }
.whatsapp-integration-drawer .whatsapp-section-heading {
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  margin-bottom:16px;
}
.whatsapp-integration-drawer .whatsapp-section-heading > span {
  width:36px;
  height:36px;
  border-radius:10px;
  font-size:14px;
}
.whatsapp-integration-drawer .whatsapp-section-heading h3 { font-size:18px; line-height:1.3; }
.whatsapp-integration-drawer .whatsapp-section-heading p { margin-top:4px; font-size:14px; line-height:1.5; }
.whatsapp-integration-drawer .whatsapp-current-connection { gap:16px; padding:17px; border-radius:13px; }
.whatsapp-integration-drawer .whatsapp-current-connection small { font-size:12px; }
.whatsapp-integration-drawer .whatsapp-current-connection b { margin-top:4px; font-size:16px; }
.whatsapp-integration-drawer .whatsapp-current-connection span { margin-top:3px; font-size:14px; }
.whatsapp-integration-drawer .whatsapp-current-connection button {
  min-height:46px;
  padding:0 16px;
  border-radius:11px;
  font-size:14px;
}
.whatsapp-integration-drawer .whatsapp-form { gap:16px; }
.whatsapp-integration-drawer .whatsapp-field-grid,
.whatsapp-integration-drawer .whatsapp-advanced-grid { gap:14px; }
.whatsapp-integration-drawer .whatsapp-form label { gap:8px; font-size:14px; }
.whatsapp-integration-drawer .whatsapp-form label em { font-size:11px; }
.whatsapp-integration-drawer .whatsapp-form input:not([type="hidden"]) {
  min-height:52px;
  padding:0 15px;
  border-radius:11px;
  font-size:15px;
}
.whatsapp-integration-drawer .whatsapp-form label small { font-size:12.5px; line-height:1.5; }
.whatsapp-integration-drawer .whatsapp-advanced { border-radius:13px; }
.whatsapp-integration-drawer .whatsapp-advanced summary { min-height:54px; padding:0 16px; }
.whatsapp-integration-drawer .whatsapp-advanced summary > span { font-size:14px; }
.whatsapp-integration-drawer .whatsapp-advanced summary > small { font-size:12px; }
.whatsapp-integration-drawer .whatsapp-advanced-grid { padding:16px; }
.whatsapp-integration-drawer .whatsapp-token-control button { min-width:118px; border-radius:11px; font-size:13px; }
.whatsapp-integration-drawer .whatsapp-form-actions { gap:12px; }
.whatsapp-integration-drawer .whatsapp-form-actions button,
.whatsapp-integration-drawer .whatsapp-copy-button {
  min-height:50px;
  padding:0 16px;
  border-radius:11px;
  font-size:14px;
}
.whatsapp-integration-drawer .whatsapp-result { min-height:22px; margin-top:12px; font-size:14px; line-height:1.55; }
.whatsapp-integration-drawer .whatsapp-webhook-box { gap:11px; margin-top:11px; }
.whatsapp-integration-drawer .whatsapp-webhook-box code {
  min-height:50px;
  padding:12px 14px;
  border-radius:11px;
  font-size:13px;
  line-height:1.5;
}
.whatsapp-integration-drawer .whatsapp-copy-button { min-width:132px; }
.whatsapp-integration-drawer .whatsapp-steps { gap:11px; margin-top:17px; }
.whatsapp-integration-drawer .whatsapp-steps li {
  grid-template-columns:34px 1fr;
  gap:11px;
  font-size:14px;
  line-height:1.55;
}
.whatsapp-integration-drawer .whatsapp-steps li::before {
  width:32px;
  height:32px;
  border-radius:9px;
  font-size:13px;
}
.whatsapp-integration-drawer .whatsapp-security-note { gap:6px; margin-top:20px; padding:17px 18px; border-radius:13px; }
.whatsapp-integration-drawer .whatsapp-security-note b { font-size:15px; }
.whatsapp-integration-drawer .whatsapp-security-note span { font-size:13.5px; line-height:1.55; }
.whatsapp-integration-drawer .whatsapp-security-note a { margin-top:6px; font-size:14px; }
.whatsapp-integration-drawer .sync-settings { gap:11px; }
.whatsapp-integration-drawer .sync-settings span { padding:13px; border-radius:10px; }
.whatsapp-integration-drawer .sync-settings small { font-size:12px; line-height:1.35; }
.whatsapp-integration-drawer .sync-settings b { margin-top:5px; font-size:14px; line-height:1.4; }
.whatsapp-integration-drawer .whatsapp-health-panel { gap:16px; margin-top:16px; padding:16px 17px; border-radius:13px; }
.whatsapp-integration-drawer .whatsapp-health-panel small { font-size:11.5px; }
.whatsapp-integration-drawer .whatsapp-health-panel b { margin-top:4px; font-size:15px; }
.whatsapp-integration-drawer .whatsapp-health-panel span { margin-top:4px; font-size:13px; line-height:1.5; }
.whatsapp-integration-drawer .whatsapp-health-panel button {
  min-height:46px;
  padding:0 15px;
  border-radius:11px;
  font-size:13.5px;
}
.whatsapp-integration-drawer .whatsapp-coexistence-card { gap:16px; margin-bottom:18px; padding:18px; border-radius:14px; }
.whatsapp-integration-drawer .whatsapp-coexistence-heading { grid-template-columns:42px minmax(0,1fr); gap:13px; }
.whatsapp-integration-drawer .whatsapp-coexistence-heading > span { width:40px; height:40px; border-radius:11px; font-size:18px; }
.whatsapp-integration-drawer .whatsapp-coexistence-heading small { font-size:11.5px; }
.whatsapp-integration-drawer .whatsapp-coexistence-heading b { margin-top:3px; font-size:17px; }
.whatsapp-integration-drawer .whatsapp-coexistence-heading p { margin-top:5px; font-size:14px; line-height:1.55; }
.whatsapp-integration-drawer .whatsapp-coexistence-card ul { gap:9px; }
.whatsapp-integration-drawer .whatsapp-coexistence-card li { grid-template-columns:19px 1fr; gap:9px; font-size:14px; line-height:1.5; }
.whatsapp-integration-drawer .whatsapp-embedded-action { min-height:52px; border-radius:11px; font-size:15px; }
.whatsapp-integration-drawer .whatsapp-embedded-status { font-size:13px; line-height:1.55; }
.whatsapp-integration-drawer .whatsapp-manual-fallback { margin-top:18px; border-radius:13px; }
.whatsapp-integration-drawer .whatsapp-manual-fallback > summary { padding:16px; font-size:14px; }
.whatsapp-integration-drawer .whatsapp-manual-fallback-body { gap:16px; padding:16px; }
.whatsapp-integration-drawer .whatsapp-danger-zone { margin-top:16px; }
.whatsapp-integration-drawer .whatsapp-danger-zone summary { padding-top:16px; font-size:14px; }
.whatsapp-integration-drawer .whatsapp-danger-zone p { font-size:13.5px; line-height:1.55; }
.whatsapp-integration-drawer .whatsapp-danger { min-height:48px; font-size:14px; }
.whatsapp-integration-drawer .open-mailbox-overview { min-height:50px; font-size:14px; }
.drawer-close svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }

@media (max-width:560px) {
  .integration-drawer.whatsapp-integration-drawer { padding:22px 18px 32px; }
  .whatsapp-integration-drawer .drawer-close { top:16px; right:16px; }
  .whatsapp-integration-drawer .drawer-brand { padding-right:54px; }
  .whatsapp-integration-drawer .drawer-brand .integration-logo { width:52px; height:52px; }
  .whatsapp-integration-drawer .drawer-brand h2 { font-size:23px; }
  .whatsapp-integration-drawer .drawer-brand p,
  .whatsapp-integration-drawer .drawer-description,
  .whatsapp-integration-drawer .whatsapp-intro-card + .drawer-description,
  .whatsapp-integration-drawer .whatsapp-intro-card p,
  .whatsapp-integration-drawer .whatsapp-section-heading p,
  .whatsapp-integration-drawer .whatsapp-steps li { font-size:13.5px; }
  .whatsapp-integration-drawer .sync-settings { grid-template-columns:1fr; }
}

@media (max-width:1250px) {
  .connections-hero { grid-template-columns:1fr; }
  .connections-hero-legend { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .connections-hero-legend article { justify-content:center; }
  .integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bank-provider-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:820px) {
  .connections-main { padding-inline:14px; }
  .connections-main .topbar { min-height:72px; }
  .connections-main .topbar h1 { font-size:29px; }
  .connections-hero { min-height:0; padding:30px 25px; border-radius:24px; }
  .connections-hero h2 { font-size:38px; }
  .connections-hero p { font-size:14px; }
  .connections-hero-legend { grid-template-columns:1fr; }
  .connections-hero-legend article { justify-content:flex-start; }
  .connection-view-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .connection-find-row { grid-template-columns:1fr; }
  .integration-section { padding:22px; }
  .integration-grid { grid-template-columns:1fr; }
  .bank-provider-cards,
  .bank-live-connections article { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  .connections-main { padding-inline:10px; }
  .connections-main .topbar h1 { font-size:25px; }
  .connections-main .topbar p { font-size:11px; }
  .connections-hero { padding:25px 20px; }
  .connections-hero h2 { font-size:32px; }
  .connection-controls { padding:13px; }
  .connection-view-tabs button { min-height:49px; padding-inline:8px; font-size:12px; }
  .integration-section { padding:18px 14px; border-radius:21px; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .section-heading h2 { font-size:24px; }
  .connections-main .integration-card { min-height:0; padding:19px; }
  .connections-main .integration-card > footer { align-items:stretch; flex-direction:column; }
  .connections-main .integration-card > footer > button,.connections-main .integration-card > footer > a,.card-actions { width:100%; }
  .card-actions > * { flex:1; }
}