/* DASHBOARD STATUS CARDS */
.status-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

    .status-card-wrapper .status-card {
        width: 23%;
        background: #4a97ff;
        color: #fff;
        padding: 20px;
        border-radius: 12px;
        cursor: pointer;
        box-sizing: border-box;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

        .status-card-wrapper .status-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

    .status-card-wrapper .status-name {
        font-size: 15px;
        font-weight: 600;
    }

    .status-card-wrapper .lead-number {
        font-size: 28px;
        font-weight: bold;
        margin-top: 8px;
    }

    /* Gradient colors by card position */
.status-card:nth-child(1) {
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.status-card:nth-child(1) {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5);
}

.status-card:nth-child(3) {
    background: linear-gradient(45deg, #ffb64d, #ffcb80);
}

.status-card:nth-child(4) {
    background: linear-gradient(45deg, #ff5370, #ff869a);
}

.status-card:nth-child(5) {
    background: linear-gradient(90deg, rgba(255, 129, 16, 1) 0%, rgba(232, 165, 107, 1) 100%);
}

.status-card:nth-child(6) {
    background: linear-gradient(90deg, rgba(87, 199, 133, 1) 0%, rgba(237, 221, 83, 1) 100%);
}

.status-card:nth-child(7) {
    background: linear-gradient(90deg, rgba(49, 106, 255, 1) 0%, rgba(148, 171, 235, 1) 100%);
}

.status-card:nth-child(8) {
    background: linear-gradient(90deg,rgba(34, 176, 126, 1) 0%, rgba(165, 212, 189, 1) 100%);
}

.status-card:nth-child(9) {
    background: linear-gradient(90deg,rgba(255, 64, 28, 1) 0%, rgba(237, 156, 140, 1) 100%);
}

.status-card:nth-child(10) {
    background: linear-gradient(90deg, rgba(186, 85, 211, 1) 0%, rgba(238, 130, 238, 1) 100%);
}

.status-card:nth-child(11) {
    background: linear-gradient(90deg, rgba(30, 144, 255, 1) 0%, rgba(135, 206, 250, 1) 100%);
}

.status-card:nth-child(12) {
    background: linear-gradient(90deg, rgba(60, 179, 113, 1) 0%, rgba(144, 238, 144, 1) 100%);
}

.status-card:nth-child(13) {
    background: linear-gradient(90deg, rgba(0, 139, 139, 1) 0%, rgba(102, 205, 170, 1) 100%);
}

.status-card:nth-child(14) {
    background: linear-gradient(90deg, rgba(220, 20, 60, 1) 0%, rgba(255, 160, 122, 1) 100%);
}

.status-card:nth-child(15) {
    background: linear-gradient(90deg, rgba(72, 61, 139, 1) 0%, rgba(147, 112, 219, 1) 100%);
}

.status-card:nth-child(16) {
    background: linear-gradient(90deg, rgba(255, 215, 0, 1) 0%, rgba(255, 239, 153, 1) 100%);
}


/* Responsive */
@media (max-width: 992px) {
    .status-card-wrapper .status-card {
        width: 48%;
    }
}

@media (max-width: 576px) {
    .status-card-wrapper .status-card {
        width: 100%;
    }
}