#integratorAdminOpen[hidden], #integratorAdminPanel[hidden],
#integrationSetupPanel[data-integrator-superseded] { display: none !important; }

#integratorAdminOpen { margin: 12px 0 2px; width: 100%; }
#integratorAdminPanel { margin: 16px 0; padding: 18px; border: 1px solid rgba(56,189,248,.3); border-radius: 18px; background: linear-gradient(145deg,rgba(8,24,43,.94),rgba(5,15,30,.98)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.integrator-admin-heading, .integrator-card-title, .integrator-section-title, .integrator-actions, .integrator-history-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.integrator-admin-heading h3, .integrator-card h4, .integrator-history h4 { margin: 0; }
.integrator-eyebrow { margin: 0 0 5px; color: #38bdf8; font: 700 11px/1.2 inherit; letter-spacing: .16em; }
.integrator-intro { margin: 10px 0 14px; color: #a8bed3; line-height: 1.5; }
.integrator-backup-note { margin: -4px 0 14px; color: #7f9bb4; font-size: 12px; line-height: 1.45; }
.integrator-feedback { min-height: 24px; }
.integrator-feedback p { margin: 4px 0; }
.integrator-feedback [data-slot="notice"] { color: #7dd3fc; }
.integrator-feedback [data-slot="error"] { color: #fca5a5; }
.integrator-connectors { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.integrator-card { min-width: 0; padding: 15px; border: 1px solid rgba(148,163,184,.2); border-radius: 14px; background: rgba(2,10,23,.52); }
.integrator-card-title { align-items: flex-start; }
.integrator-card-title p { margin: 5px 0 0; color: #8fa8be; font-size: 13px; line-height: 1.4; }
.integrator-badge { flex: none; padding: 5px 9px; border-radius: 999px; background: rgba(148,163,184,.12); color: #bac8d5; font-size: 11px; }
.integrator-badge[data-state="active"] { background: rgba(34,197,94,.14); color: #86efac; }
.integrator-badge[data-state="configured"] { background: rgba(245,158,11,.14); color: #fcd34d; }
.integrator-badge[data-state="error"] { background: rgba(239,68,68,.14); color: #fca5a5; }
.integrator-option-grid, .integrator-secret-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.integrator-field { display: grid; gap: 6px; color: #b8c9d9; font-size: 12px; }
.integrator-field input { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid rgba(148,163,184,.28); border-radius: 9px; background: rgba(2,8,20,.8); color: #eef8ff; padding: 10px; }
.integrator-toggle { display: flex; align-items: center; gap: 9px; min-height: 42px; color: #dbeafe; }
.integrator-toggle input { width: 18px; height: 18px; accent-color: #0ea5e9; }
.integrator-secret-state { min-height: 34px; margin: 10px 0; color: #7f9bb4; font-size: 12px; line-height: 1.4; }
.integrator-disconnect-note { margin: 10px 0; padding: 10px 12px; border: 1px solid rgba(251,146,60,.34); border-radius: 9px; background: rgba(124,45,18,.14); color: #fed7aa; font-size: 12px; line-height: 1.45; }
.integrator-disconnect-note[hidden] { display: none !important; }
.integrator-actions { justify-content: flex-start; flex-wrap: wrap; }
.integrator-actions button, .integrator-history button, .integrator-section-title button { border: 1px solid rgba(56,189,248,.34); border-radius: 9px; background: rgba(14,116,144,.12); color: #dff7ff; padding: 9px 12px; cursor: pointer; }
.integrator-actions .integrator-primary { background: linear-gradient(135deg,#0284c7,#2563eb); border-color: transparent; }
.integrator-actions .integrator-danger { margin-left: auto; border-color: rgba(251,113,133,.38); background: rgba(159,18,57,.15); color: #fecdd3; }
.integrator-activation { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 16px; padding: 14px; border: 1px solid rgba(245,158,11,.36); border-radius: 12px; background: rgba(120,53,15,.13); }
.integrator-activation[hidden] { display: none !important; }
.integrator-activation p { margin: 4px 0 0; color: #c5b8a1; font-size: 13px; }
.integrator-activation button { flex: none; border: 0; border-radius: 9px; padding: 10px 13px; color: white; cursor: pointer; background: linear-gradient(135deg,#d97706,#ea580c); }
.integrator-actions button:disabled, .integrator-history button:disabled { opacity: .42; cursor: default; }
.integrator-history { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(148,163,184,.18); }
.integrator-history-row { padding: 11px 0; border-bottom: 1px solid rgba(148,163,184,.12); align-items: flex-start; }
.integrator-history-row div { display: grid; gap: 4px; }
.integrator-history-row small, .integrator-empty { color: #819bb1; line-height: 1.4; }
@media (max-width: 820px) { .integrator-connectors { grid-template-columns: 1fr; } }
@media (max-width: 540px) { #integratorAdminPanel { padding: 13px; } .integrator-option-grid, .integrator-secret-grid { grid-template-columns: 1fr; } .integrator-admin-heading, .integrator-activation { align-items: flex-start; } .integrator-activation { flex-direction: column; } }

.integrator-admin-heading{position:sticky;top:0;z-index:8;background:#0a1c2d;padding:12px 0;align-items:center;gap:12px;flex-wrap:wrap}
.integrator-admin-heading>div{flex:1 1 230px}
.integrator-admin-heading>.integrator-add-connection{white-space:nowrap;flex:0 0 auto;margin:0}
.integrator-admin-heading>.integrator-add-connection{border:1px solid rgba(76,198,244,.55);border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#086189,#174d95);color:#eefbff;font:600 13px/1.3 inherit;cursor:pointer}
.integrator-admin-heading>.integrator-add-connection:disabled{opacity:.5;cursor:default}