.badge-status {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    min-width: 60px;
    display: inline-block;
}

    .badge-status.success {
        background: rgba(25, 135, 84, 0.2);
        color: #28d17c;
    }

    .badge-status.danger {
        background: rgba(220, 53, 69, 0.2);
        color: #ff4d6d;
    }

    .badge-status.secondary {
        background: rgba(255,255,255,0.08);
        color: #aaa;
    }

/* 🔴 ПОТРЕБУЄ */
.badge-need {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    min-width: 60px;
    display: inline-block;
}

.need-yes {
    background: rgba(220, 53, 69, 0.2);
    color: #ff4d6d;
    border: 1px solid rgba(220, 53, 69, 0.4);
}

.need-no {
    background: rgba(255,255,255,0.08);
    color: #888;
}

/* 🟢 ЗАПЛАНОВАНИЙ */
.badge-plan {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    min-width: 60px;
    display: inline-block;
}

.plan-yes {
    background: rgba(25, 135, 84, 0.2);
    color: #2ecc71;
    border: 1px solid rgba(25, 135, 84, 0.4);
}

.plan-no {
    background: rgba(255,255,255,0.08);
    color: #888;
}

.status-badge {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    min-width: 60px;
    display: inline-block;
}

/* 🟢 ТАК */
.status-yes {
    background: rgba(0, 200, 100, 0.18);
    color: #00e676;
    border: 1px solid rgba(0, 200, 100, 0.4);
}

/* 🔴 НІ */
.status-no {
    background: rgba(255, 0, 0, 0.18);
    color: #ff3b3b;
    border: 1px solid rgba(255, 0, 0, 0.4);
}

.status-badge {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    min-width: 60px;
    display: inline-block;
}

/* 🔴 ТАК */
.status-red {
    background: rgba(255, 0, 0, 0.18);
    color: #ff3b3b;
    border: 1px solid rgba(255, 0, 0, 0.4);
}

/* 🟢 НІ */
.status-green {
    background: rgba(0, 200, 100, 0.18);
    color: #00e676;
    border: 1px solid rgba(0, 200, 100, 0.4);
}

.need-no-green {
    background: #198754; /* 🟢 */
    color: white;
}

.need-yes {
    background: #dc3545; /* 🔴 */
    color: white;
}
.plan-no {
    background: #198754; /* 🟢 зелений */
    color: white;
}