/* Custom styles for Family Tree app */

/* Smooth transitions */
* {
    transition-property: color, background-color, border-color, opacity;
    transition-duration: 150ms;
}

/* Tree node cards */
.tree-node {
    cursor: pointer;
}
.tree-node:hover rect {
    filter: brightness(1.2);
}
.tree-node .info-icon {
    opacity: 0.6;
}
.tree-node .info-icon:hover {
    opacity: 1;
}
.tree-node .info-icon:hover circle {
    fill: rgba(255,255,255,0.35);
}

/* Photo placeholder */
.photo-placeholder {
    background: linear-gradient(135deg, #374151, #4b5563);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Scrollbar styling for dark theme */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #1f2937;
}
::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}