/* =========================
   Vendor Applications
   ========================= */

.vendor-applications-table {
    display: block;
}

.vendor-applications-cards {
    display: none;
}

/* Status badges */
.status-badge {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.status-accepted {
    background: #e6f7ed;
    color: #0f7b43;
}

.status-pending {
    background: #fff4e5;
    color: #b26a00;
}

.status-rejected {
    background: #fdecea;
    color: #b42318;
}
.payment-badge {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.payment-incomplete {
    background: #fff7ed;
    color: #c2410c;
}

.payment-partial {
    background: #fef9c3;
    color: #92400e;
}

.payment-completed {
    background: #ecfdf5;
    color: #047857;
}

.status-note {
    margin-top: 6px;
    font-size: 12px;
    color: #6b7280;
}

/* =========================
   Mobile card view
   ========================= */
@media (max-width: 768px) {

    .vendor-applications-table {
        display: none;
    }

    .vendor-applications-cards {
        display: grid;
        gap: 16px;
    }

    .vendor-card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 16px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }

    .vendor-card .card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
        font-size: 15px;
    }

    .vendor-card .card-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 0;
        font-size: 14px;
        border-bottom: 1px dashed #e5e7eb;
    }

    .vendor-card .card-row:last-child {
        border-bottom: none;
    }

    .vendor-card a {
        font-weight: 600;
        text-decoration: none;
    }
}