[data-module-owner="integrations"][data-plugin-active="true"] [data-int-layout] { display: grid; grid-template-columns: 12rem minmax(0, 1fr) 14rem; gap: 1rem; min-width: 0; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-layout] > * { min-width: 0; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-nodes] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; min-width: 0; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-node] { min-width: 0; overflow-wrap: anywhere; border: 1px solid var(--border, #d0d5dd); border-radius: 0.5rem; padding: 0.75rem; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-node] input { max-width: 100%; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-status] { font-weight: 600; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-status][data-status="succeeded"] { color: var(--success, #1a7f37); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-status][data-status="partial"] { color: var(--warning, #b45309); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-status][data-status="failed"] { color: var(--danger, #c0152f); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-tabs] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-tabpanel] { max-width: 100%; overflow-x: auto; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-tabpanel].hidden { display: none; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-mock-note] { color: var(--muted, #667085); font-style: italic; }
[data-module-owner="integrations"][data-plugin-active="true"] .int-right-panel { display: flex; flex-direction: column; gap: 0.75rem; align-items: flex-start; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-date-range] { display: grid; gap: 0.5rem; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-node-state] { display: inline-block; font-size: 0.75rem; font-weight: 600; padding: 0.1rem 0.5rem; border-radius: 1rem; margin: 0.25rem 0; }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-node-state="pending"] { color: var(--muted, #667085); background: var(--muted-bg, #f2f4f7); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-node-state="ready"] { color: var(--success, #1a7f37); background: var(--success-bg, #e6f4ea); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-node-state="warning"] { color: var(--warning, #b45309); background: var(--warning-bg, #fef3e2); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-node-state="error"] { color: var(--danger, #c0152f); background: var(--danger-bg, #fbe9ea); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-tab].active { font-weight: 700; border-bottom: 2px solid var(--accent, #2563eb); }
[data-module-owner="integrations"][data-plugin-active="true"] [data-int-calendar-scroll] { max-width: 100%; }
@media (max-width: 1100px) {
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-layout] { grid-template-columns: 1fr; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-graphs] { order: 1; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-nodes] { order: 2; }
  [data-module-owner="integrations"][data-plugin-active="true"] .int-right-panel { order: 3; }
}
@media (max-width: 640px) {
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-nodes] { grid-template-columns: 1fr; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-node] .field { display: grid; gap: 0.35rem; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-calendar-scroll] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-calendar-scroll] table { min-width: 30rem; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-tab] { min-height: 44px; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-dry-run] { min-height: 44px; }
  [data-module-owner="integrations"][data-plugin-active="true"] [data-int-run] { min-height: 44px; }
}