/**
 * #9179 — Network Diagrams page CSS.
 *
 * Scoped to #cw-network-diagrams-wrap so styles don't leak.
 * Mirrors the panel-card pattern from /super-admin/admin-god-dashboard/ (#9178).
 */

#cw-network-diagrams-wrap #cw-network-hero {
    border-left: 4px solid #0a4f7a;
}

/* D3 SVG mounts — let the lib own sizing, just give them a frame */
#cw-network-diagrams-wrap #network-tidy-tree,
#cw-network-diagrams-wrap #network-circle-pack,
#cw-network-diagrams-wrap #network-force {
    width: 100%;
    overflow: visible;
}

/* Tidy-tree node styling (when M6 binds) */
#cw-network-diagrams-wrap #network-tidy-tree .node circle {
    stroke: #fff;
    stroke-width: 2px;
    cursor: pointer;
}
#cw-network-diagrams-wrap #network-tidy-tree .node--internal circle {
    fill: #1976d2;
}
#cw-network-diagrams-wrap #network-tidy-tree .node--leaf circle {
    fill: #43a047;
}
#cw-network-diagrams-wrap #network-tidy-tree .link {
    fill: none;
    stroke: #ced4da;
    stroke-width: 1.5px;
}
#cw-network-diagrams-wrap #network-tidy-tree .node text {
    font: 12px sans-serif;
    pointer-events: none;
}

/* Circle-pack styling (when M10 binds) */
#cw-network-diagrams-wrap #network-circle-pack circle {
    stroke: #fff;
    stroke-width: 1.5px;
}
#cw-network-diagrams-wrap #network-circle-pack circle:hover {
    stroke: #0a4f7a;
    stroke-width: 3px;
}
#cw-network-diagrams-wrap #network-circle-pack text {
    font: 11px sans-serif;
    pointer-events: none;
    text-anchor: middle;
}

/* Force-directed graph node colors per status (M9 binds) */
#cw-network-diagrams-wrap #network-force .node circle.user-active    { fill: #43a047; }
#cw-network-diagrams-wrap #network-force .node circle.user-invited   { fill: #f9a825; }
#cw-network-diagrams-wrap #network-force .node circle.user-suspended { fill: #6c757d; }
#cw-network-diagrams-wrap #network-force .node circle.org           { fill: #1976d2; }
#cw-network-diagrams-wrap #network-force .node circle.termont-root  { fill: #6f42c1; }
#cw-network-diagrams-wrap #network-force .link {
    stroke: #ced4da;
    stroke-opacity: 0.6;
}