body[data-oneai-route="integrations"] #canvas{grid-column:2 / -1}
body[data-oneai-route="integrations"] #rail{display:none}
body[data-oneai-route="integrations"] .integration-hub{width:100%;max-width:none;min-width:0;margin:0;padding:18px 30px 28px;color:var(--text-1,#eef)}
body[data-oneai-route="integrations"] .integration-hub .shared-header{padding-bottom:14px;border-bottom:1px solid var(--line-0,rgba(255,255,255,.1))}
body[data-oneai-route="integrations"] .integration-hub .shared-title{font-size:clamp(20px,2vw,26px);font-weight:680;letter-spacing:-.02em}
body[data-oneai-route="integrations"] .integration-hub .shared-subtitle{max-width:760px;color:var(--text-3,#8790a0);font-size:11px;line-height:1.45}
body[data-oneai-route="integrations"] .integration-hub .shared-body{display:flex;flex-direction:column;gap:14px}
body[data-oneai-route="integrations"] .integration-summary{display:flex;flex-wrap:wrap;gap:18px;padding:12px 0;border-bottom:1px solid var(--line-0,rgba(255,255,255,.1));color:var(--text-3,#8790a0);font-size:11px}
body[data-oneai-route="integrations"] .integration-summary strong{margin-right:4px;color:var(--text-1,#eef);font-size:14px;font-weight:680;font-variant-numeric:tabular-nums}
body[data-oneai-route="integrations"] .is-connected-text{color:#55d6a4!important}.is-attention-text{color:#f2c56b!important}.is-muted-text{color:var(--text-3,#8790a0)!important}.is-unavailable-text{color:#e58c8c!important}
body[data-oneai-route="integrations"] .integration-groups{display:flex;flex-direction:column;gap:8px}
body[data-oneai-route="integrations"] .integration-group{border-top:1px solid var(--line-0,rgba(255,255,255,.08))}
body[data-oneai-route="integrations"] .integration-group:last-child{border-bottom:1px solid var(--line-0,rgba(255,255,255,.08))}
body[data-oneai-route="integrations"] .integration-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px 10px;color:var(--text-2,#b6bdca);list-style:none;cursor:pointer;user-select:none;transition:background .15s ease}
body[data-oneai-route="integrations"] .integration-group-head:hover{background:rgba(255,255,255,.02)}
body[data-oneai-route="integrations"] .integration-group-head::-webkit-details-marker{display:none}
body[data-oneai-route="integrations"] .integration-group-head::before{content:'▸';display:inline-block;width:14px;flex:none;color:var(--text-3,#8790a0);font-size:11px;transition:transform .16s ease}
body[data-oneai-route="integrations"] .integration-group[open]>.integration-group-head::before{transform:rotate(90deg)}
body[data-oneai-route="integrations"] .integration-group-head:focus-visible{outline:1px solid var(--acc-nova,#a78bfa);outline-offset:2px}
body[data-oneai-route="integrations"] .integration-group-heading{display:flex;align-items:center;gap:18px;flex:1 1 auto;min-width:0}
body[data-oneai-route="integrations"] .integration-group-title{width:190px;min-width:190px;flex:none;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-1,#eef)}
body[data-oneai-route="integrations"] .integration-group-stats{display:flex;align-items:center;gap:18px;min-width:0;flex-wrap:wrap;color:var(--text-3,#8790a0)}
body[data-oneai-route="integrations"] .integration-group-stat{font-size:10px;white-space:nowrap}
body[data-oneai-route="integrations"] .integration-group-stat strong{font-weight:700;font-variant-numeric:tabular-nums}
body[data-oneai-route="integrations"] .integration-group-count{min-width:22px;padding:2px 7px;border:1px solid var(--line-1,rgba(255,255,255,.12));border-radius:999px;color:var(--text-3,#8790a0);font-size:10px;text-align:center;flex:none}
body[data-oneai-route="integrations"] .integration-group-rows{padding:0 0 6px 28px}
body[data-oneai-route="integrations"] .integration-row{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(130px,0.9fr) minmax(220px,2.4fr) auto;gap:16px;align-items:center;min-height:42px;padding:9px 14px;border-top:1px solid var(--line-0,rgba(255,255,255,.04));background:transparent;transition:background .12s ease}
body[data-oneai-route="integrations"] .integration-row:hover{background:rgba(255,255,255,.018)}
body[data-oneai-route="integrations"] .integration-name{display:flex;align-items:center;min-width:0}
body[data-oneai-route="integrations"] .integration-name strong{overflow:hidden;color:var(--text-1,#eef);font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
body[data-oneai-route="integrations"] .integration-status{display:flex;align-items:center;gap:7px;min-width:0}
body[data-oneai-route="integrations"] .integration-status-dot{width:6.5px;height:6.5px;flex:none;border-radius:50%;background:var(--text-3,#8790a0)}
body[data-oneai-route="integrations"] .integration-status-dot.is-connected{background:#55d6a4;box-shadow:0 0 6px rgba(85,214,164,.35)}
body[data-oneai-route="integrations"] .integration-status-dot.is-attention{background:#f2c56b;box-shadow:0 0 6px rgba(242,197,107,.35)}
body[data-oneai-route="integrations"] .integration-status-dot.is-not-connected{background:#747d8d}
body[data-oneai-route="integrations"] .integration-status-dot.is-unavailable{background:#e58c8c}
body[data-oneai-route="integrations"] .integration-status-label{font-size:10px;font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace;white-space:nowrap}
body[data-oneai-route="integrations"] .integration-status-label.is-connected{color:#55d6a4}
body[data-oneai-route="integrations"] .integration-status-label.is-attention{color:#f2c56b}
body[data-oneai-route="integrations"] .integration-status-label.is-not-connected{color:var(--text-3,#8790a0)}
body[data-oneai-route="integrations"] .integration-status-label.is-unavailable{color:#e58c8c}
body[data-oneai-route="integrations"] .integration-detail-wrap{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--text-3,#8790a0);font-size:10.5px}
body[data-oneai-route="integrations"] .integration-purpose{color:var(--text-2,#b6bdca);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:45%}
body[data-oneai-route="integrations"] .integration-detail-sep{color:var(--text-3,#5a6272);flex:none}
body[data-oneai-route="integrations"] .integration-detail{color:var(--text-3,#8790a0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}
body[data-oneai-route="integrations"] .integration-action-cell{display:flex;justify-content:flex-end;min-width:70px}
body[data-oneai-route="integrations"] .integration-action{color:var(--acc-nova,#a78bfa);font-size:10px;font-weight:650;text-decoration:none;white-space:nowrap}
body[data-oneai-route="integrations"] .integration-action:hover,body[data-oneai-route="integrations"] .integration-action:focus-visible{text-decoration:underline;text-underline-offset:3px}
body[data-oneai-route="integrations"] .integration-action-muted{color:var(--text-3,#8790a0);cursor:default;font-weight:500}
body[data-oneai-route="integrations"] .integration-empty{padding:12px 14px;color:var(--text-3,#8790a0);font-size:10.5px}
body[data-oneai-route="integrations"] .integration-note{margin:0;color:var(--text-3,#8790a0);font-size:10px;line-height:1.45}
@media(max-width:860px){
  body[data-oneai-route="integrations"] #canvas{grid-column:1 / -1}
  body[data-oneai-route="integrations"] .integration-hub{padding:16px 16px 24px}
  body[data-oneai-route="integrations"] .integration-group-heading{flex-direction:column;align-items:flex-start;gap:4px}
  body[data-oneai-route="integrations"] .integration-group-title{width:auto;min-width:0}
  body[data-oneai-route="integrations"] .integration-group-stats{gap:6px 12px}
  body[data-oneai-route="integrations"] .integration-group-rows{padding-left:14px}
  body[data-oneai-route="integrations"] .integration-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:10px 0}
  body[data-oneai-route="integrations"] .integration-name{grid-column:1}
  body[data-oneai-route="integrations"] .integration-status{grid-column:2;justify-content:flex-end}
  body[data-oneai-route="integrations"] .integration-detail-wrap{grid-column:1 / -1;flex-wrap:wrap}
  body[data-oneai-route="integrations"] .integration-purpose{max-width:100%}
  body[data-oneai-route="integrations"] .integration-action-cell{grid-column:1 / -1;justify-content:flex-start!important;padding-top:2px}
}