/* Aile Ağacı V3.3 görünüm düzeltmeleri */
.tree-page .tree-toolbar {
    position: relative;
    z-index: 12;
    background: var(--card);
}
.tree-page .tree-workspace {
    min-height: 520px;
}
.tree-page .tree-canvas {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    cursor: grab;
}
.tree-page .tree-canvas.is-panning { cursor: grabbing; }
.tree-page .pedigree {
    position: relative;
    display: block;
    transform-origin: 0 0;
}
.tree-page .tree-stage,
.tree-page .family-connectors {
    position: absolute;
    inset: 0;
}
.tree-page .tree-stage .person-node {
    position: absolute;
    width: 230px;
    min-height: 86px;
    margin: 0;
}
.view-family .fan-stage,
.view-pedigree .fan-stage {
    background-image: none;
}
.view-pedigree .person-node {
    width: 230px;
}
.view-fan .person-node {
    width: 190px;
    min-height: 76px;
}
.view-pedigree .family-line.spouse,
.view-pedigree .family-line.sibling,
.view-fan .family-line.spouse,
.view-fan .family-line.sibling {
    display: none;
}
.view-fan .person-node {
    padding: 10px;
    transform: scale(.88);
}
.view-fan .person-node .person-edit,
.view-fan .person-node .person-delete,
.view-fan .person-node .add-person {
    display: none;
}
.view-fan .family-line.parent {
    stroke: color-mix(in srgb,var(--blue) 35%,var(--line));
}
.view-family .person-node.family-relative {
    z-index: 3;
}
.tree-page .person-edit {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
}
.tree-page .person-edit svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}
@media (max-width: 900px) {
    .tree-page .tree-stage .person-node {
        width: 210px;
    }
    .tree-page .tree-workspace {
        min-height: 430px;
    }
}