.topbar-link { display:inline-flex; align-items:center; text-decoration:none; }
.integration-workspace { display:grid; gap:20px; margin-top:20px; }
.security-strip { display:flex; gap:14px; align-items:center; padding:16px 18px; color:#0a6047; background:#e9f8f2; border:1px solid #b8e5d4; border-radius:13px; }
.security-strip--danger { color:#8f241b; background:#fff0ed; border-color:#efc1ba; }
.security-strip__icon { width:40px; height:40px; display:grid; place-items:center; flex:0 0 auto; background:rgba(255,255,255,.7); border-radius:10px; }
.security-strip p { margin:2px 0 0; font-size:.83rem; }
.form-grid--integration { grid-template-columns:repeat(2,minmax(0,1fr)); }
.integration-form { display:grid; gap:16px; }
.secret-field small { display:block; margin-top:6px; color:var(--muted); font-size:.76rem; }
.whatsapp-fields { display:grid; gap:16px; padding:16px; background:#f2faf6; border:1px solid #cce8da; border-radius:11px; }
.webhook-panel>p { margin:0 0 16px; color:var(--muted); }
.webhook-values { display:grid; gap:12px; }
.webhook-values label>div { display:grid; grid-template-columns:1fr auto; gap:8px; }
.integration-form__actions { display:flex; justify-content:flex-end; align-items:center; gap:10px; }
.switch-line { margin-right:auto; display:inline-flex; align-items:center; gap:9px; cursor:pointer; }
.switch-line input { width:18px; min-height:auto; height:18px; accent-color:var(--accent); }
.switch-line span { margin:0; }
.integration-list { display:grid; gap:12px; }
.integration-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:18px; background:#fff; border:1px solid var(--line); border-radius:11px; }
.integration-card h3 { display:flex; align-items:center; gap:9px; margin:0 0 7px; }
.integration-card p { margin:0; color:var(--muted); font-size:.82rem; }
.integration-meta { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:10px; color:#526176; font-size:.77rem; }
.integration-card__actions { display:flex; gap:8px; }
.status-pill { display:inline-flex; padding:3px 8px; border-radius:999px; font-size:.68rem; font-weight:850; text-transform:uppercase; }
.status-pill--ok { color:#096044; background:#dcf5ea; }
.status-pill--bad { color:#8f241b; background:#fee4df; }
.status-pill--idle { color:#687386; background:#edf0f4; }
@media(max-width:760px){.form-grid--integration{grid-template-columns:1fr}.integration-card{grid-template-columns:1fr}.integration-card__actions{justify-content:flex-start}.integration-form__actions{flex-wrap:wrap}.switch-line{width:100%}}