/* Additional minimal styling to support Tailwind setup */
body {
    margin: 0;
    font-family: 'Inter', sans-serif;
}

/* D3 SVG Styles */
svg {
    width: 100%;
    height: 100%;
}

.link {
    stroke-opacity: 0.6;
    transition: stroke-opacity 0.2s, stroke-width 0.2s;
}

.node {
    cursor: pointer;
    stroke: #fff;
    stroke-width: 1.5px;
    transition: fill-opacity 0.2s, stroke-width 0.2s;
}

.dark .node {
    stroke: #1f2937;
}

.node-label {
    font-family: 'Inter', sans-serif;
    pointer-events: none;
    text-shadow: 
        1px 1px 0 rgba(255,255,255,0.8),
        -1px -1px 0 rgba(255,255,255,0.8),
        1px -1px 0 rgba(255,255,255,0.8),
        -1px 1px 0 rgba(255,255,255,0.8);
    fill: #374151; /* gray-700 */
    font-size: 12px;
    font-weight: 500;
}

.dark .node-label {
    text-shadow: 
        1px 1px 0 rgba(17,24,39,0.8),
        -1px -1px 0 rgba(17,24,39,0.8),
        1px -1px 0 rgba(17,24,39,0.8),
        -1px 1px 0 rgba(17,24,39,0.8);
    fill: #e5e7eb; /* gray-200 */
}

/* Search dimming */
.dimmed {
    opacity: 0.1 !important;
}

.highlighted {
    stroke-width: 3px !important;
    stroke: var(--tw-color-primary) !important;
}

/* Custom scrollbar for sidebar */
aside ::-webkit-scrollbar {
    width: 6px;
}
aside ::-webkit-scrollbar-track {
    background: transparent;
}
aside ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
.dark aside ::-webkit-scrollbar-thumb {
    background: #4b5563;
}