.insight-filter {display:flex; flex-wrap:wrap; align-items:end; gap:.6rem; margin:0 0 1rem;}
.insight-filter label {flex:1; min-width:0; font-size:.8rem;}
.insight-filter select {display:block; width:100%; max-width:100%; margin-top:.35rem; border:1px solid #d9e2ed; background:white; border-radius:8px; padding:.5rem; font:inherit;}
.insight-filter small {font-size:.75rem; color:#718199;}
.insight-tags button {font:inherit; font-size:.7rem; background:#eaf0f9; color:#6689ba; border:0; border-radius:4px; padding:.15rem .3rem; max-width:100%; overflow-wrap:anywhere; text-align:left; cursor:pointer;}
.insight-tools {display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.45rem;}
.insight-explorer {min-width:0; overflow-wrap:anywhere;}
.insight-explorer h3 {font-size:1rem; margin:1rem 0 .6rem;}
.insight-explorer details summary {cursor:pointer; font-size:.9rem;}
.insight-connection-body {white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; max-height:18rem; overflow:auto; background:#f4f7fc; border:1px solid #e2e9f3; border-radius:10px; padding:.9rem;}
.insight-graph {display:block; width:100%; max-width:580px; height:auto; margin:auto;}
.insight-graph path {stroke:#c6d5e8; stroke-width:1.5; fill:none;}
.insight-graph rect {fill:#f5f8fd; stroke:#a6bddb;}
.insight-graph .insight-graph-focus {fill:#e9f0fb; stroke:#7a9dce;}
.insight-graph text {font:12px system-ui,sans-serif; fill:#365e91; stroke:none; pointer-events:none;}
.insight-graph [data-focus-note] {cursor:pointer;}
.insight-graph [data-focus-note]:focus rect {stroke:#345f98; stroke-width:3;}
.insight-connection-list {display:flex; flex-direction:column; gap:.7rem;}
.insight-connection-list article {padding:.8rem; border:1px solid #e3e9f2; border-radius:10px;}
.insight-connection-list h4 {font-size:.95rem; margin:0 0 .45rem;}
.insight-connection-list p {font-size:.8rem; line-height:1.6; margin:.2rem 0 .6rem;}

.insight-explorer .modal-actions {flex-wrap:wrap;}
.insight-explorer .modal-actions button {white-space:nowrap;}

.insight-processing {font-size:.75rem; color:#6d819f; line-height:1.6; margin:.6rem 0;}
.insight-tag-editor {min-width:0; overflow-wrap:anywhere;}
.insight-auto-tags {border:1px solid #dde6f3; border-radius:10px; padding:.8rem;}
.insight-auto-tags legend {font-size:.85rem; color:#486995; padding:0 .4rem;}
.insight-auto-tags label {display:flex; align-items:flex-start; gap:.5rem; margin:.5rem 0; font-size:.9rem;}
.insight-auto-tags input {width:auto; margin-top:.25rem;}
.insight-auto-tags span {min-width:0; overflow-wrap:anywhere;}
.insight-tag-editor .modal-actions {flex-wrap:wrap;}
.insight-tag-editor .modal-actions button {white-space:nowrap;}

.insight-tag-editor [hidden] {display:none !important;}