body {
    font-family: 'Inter', sans-serif;
}

/* ===== Status Badges ===== */
.status-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}
.status-badge.done {
    background-color: #dcfce7;
    color: #166534;
}
.status-badge.in.progress {
    background-color: #dbeafe;
    color: #1e40af;
}
.status-badge.to.do {
    background-color: #f3f4f6;
    color: #374151;
}

/* ===== D3 Graph Elements ===== */
.links line {
    stroke: #d1d5db;
    stroke-opacity: 0.8;
}

.nodes circle {
    stroke: #fff;
    stroke-width: 1.5px;
    cursor: pointer;
}

.nodes text {
    font-size: 10px;
    fill: #374151;
    pointer-events: none;
    text-anchor: middle;
    font-weight: 500;
}

.marker {
    fill: #9ca3af;
}

.node-label-selected {
    font-weight: 700 !important;
    font-size: 11px !important;
    text-shadow: 0 0 3px #fff, 0 0 6px rgba(99, 102, 241, 0.4) !important;
}