.csa-tree-card { margin-bottom:18px; padding:0; overflow:hidden; }
.csa-tree-toolbar { display:flex; gap:10px; padding:16px; border-bottom:1px solid var(--csa-border); background:#fff; }
.csa-tree-toolbar input { flex:1; border:1px solid var(--csa-border); border-radius:10px; padding:11px 13px; }
.csa-tree-canvas { height:620px; background:linear-gradient(#f8fbfe,#f4f8fc); }
.csa-relation-panel { margin-top:18px; }

/* Relations familiales */
.csa-tree-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 14px 18px 18px;
  color: #60758a;
  font-size: 13px;
  align-items: center;
}
.csa-tree-legend span { display: inline-flex; align-items: center; gap: 8px; }
.csa-legend-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }
.csa-legend-male { background: #245f8d; }
.csa-legend-female { background: #b85f8a; }
.csa-legend-line { width: 26px; height: 0; border-top: 2px solid #9fb2c5; display: inline-block; }
.csa-legend-spouse { border-top-style: dashed; border-top-color: #d9a441; }
.csa-help-text { color: #60758a; margin-top: -4px; margin-bottom: 18px; font-size: 14px; }