.swarm-tabs { display:flex; border-bottom:2px solid var(--border); margin-bottom:18px; gap:0; }
          .swarm-tab { padding:10px 22px; background:none; border:none; color:var(--text-muted); cursor:pointer; font-weight:600; font-size:13px; border-bottom:3px solid transparent; transition:all 0.2s; position:relative; top:2px; }
          .swarm-tab:hover { color:var(--text-main); background:rgba(0,229,255,0.03); }
          .swarm-tab.active { color:var(--cyan); border-bottom-color:var(--cyan); }
          .swarm-pane { display:none; animation: fadeInPane 0.25s ease; }
          .swarm-pane.active { display:block; }
          @keyframes fadeInPane { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }

          /* Agent Config Cards */
          .agent-cfg-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap:14px; }
          .agent-cfg-card { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:16px; transition: border-color 0.2s, box-shadow 0.2s; }
          .agent-cfg-card:hover { border-color: rgba(0,229,255,0.3); box-shadow: 0 0 16px rgba(0,229,255,0.06); }
          .agent-cfg-card .card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
          .agent-cfg-card .card-header h3 { margin:0; color:var(--cyan); font-size:14px; display:flex; align-items:center; gap:6px; }
          .agent-cfg-card .card-body { display:none; margin-top:12px; }
          .agent-cfg-card.expanded .card-body { display:block; }
          .agent-cfg-card .cfg-field { margin-bottom:10px; }
          .agent-cfg-card .cfg-field label { display:block; font-size:11px; color:var(--text-muted); margin-bottom:3px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; }
          .agent-cfg-card .cfg-field input, .agent-cfg-card .cfg-field textarea, .agent-cfg-card .cfg-field select { width:100%; padding:7px 10px; background:#0d1117; color:var(--text-main); border:1px solid var(--border); border-radius:6px; font-size:12px; font-family:inherit; box-sizing:border-box; }
          .agent-cfg-card .cfg-field textarea { font-family:'JetBrains Mono', monospace; min-height:80px; resize:vertical; }
          .agent-cfg-card .cfg-field input[type=range] { padding:0; accent-color:var(--cyan); }

          .pill-container { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:4px; }
          .pill { display:inline-flex; align-items:center; gap:3px; padding:2px 8px; background:rgba(0,229,255,0.1); border:1px solid rgba(0,229,255,0.2); border-radius:12px; font-size:10px; color:var(--cyan); }
          .pill .pill-x { cursor:pointer; color:var(--red); font-weight:bold; margin-left:2px; }

          /* Reporting Flow */
          .report-flow-container { padding:20px; overflow-x:auto; }
          .report-flow-container svg { max-width:100%; }
          .flow-node { fill:var(--card); stroke:rgba(0,229,255,0.3); stroke-width:1.5; rx:8; ry:8; }
          .flow-node-text { fill:var(--text-main); font-size:11px; font-family:inherit; }
          .flow-line { stroke:rgba(0,229,255,0.25); stroke-width:1.5; fill:none; }
          .flow-arrow { fill:rgba(0,229,255,0.4); }

          /* Divisions */
          .division-card { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:18px; }
          .division-card h4 { color:var(--cyan); margin:0 0 8px 0; font-size:14px; }
          .division-stat { display:inline-block; padding:3px 10px; border-radius:16px; font-size:11px; margin-right:6px; margin-bottom:4px; }

          /* Hierarchy tree */
          .swarm-org-tree { width:max-content; min-width:100%; margin:0 auto; text-align:center; padding-bottom:20px; }
          .swarm-org-tree ul { padding-top:10px; position:relative; display:flex; justify-content:center; align-items:flex-start; list-style-type:none; margin:0; padding-left:0; gap:0; }
          .swarm-org-tree li { text-align:center; list-style-type:none; position:relative; padding:10px 1px 0 1px; }
          .swarm-org-tree li::before, .swarm-org-tree li::after { content:''; position:absolute; top:0; right:50%; border-top:2px solid rgba(0,229,255,0.25); width:50%; height:10px; }
          .swarm-org-tree li::after { right:auto; left:50%; border-left:2px solid rgba(0,229,255,0.25); }
          .swarm-org-tree li:only-child::after, .swarm-org-tree li:only-child::before { display:none; }
          .swarm-org-tree li:only-child { padding-top:0; }
          .swarm-org-tree li:first-child::before, .swarm-org-tree li:last-child::after { border:0 none; }
          .swarm-org-tree li:last-child::before { border-right:2px solid rgba(0,229,255,0.25); border-radius:0 4px 0 0; }
          .swarm-org-tree li:first-child::after { border-radius:4px 0 0 0; }
          .swarm-org-tree ul ul::before { content:''; position:absolute; top:0; left:50%; border-left:2px solid rgba(0,229,255,0.25); width:0; height:10px; }
          .swarm-org-tree .tree-card { display:inline-block; text-align:left; margin:0 auto; width:175px; white-space:normal; font-size:11px; padding:8px; border:1px solid var(--border); border-radius:8px; background:var(--card); }