.purchase-page .card {
    border-radius: 1rem;
    overflow: hidden
}

.purchase-page .form-label {
    font-weight: 600;
    color: #344054
}

.purchase-page .form-control,
.purchase-page .form-select {
    min-height: 48px;
    border-color: #d9e1ec;
    border-radius: .65rem
}

.purchase-page .form-control:focus,
.purchase-page .form-select:focus {
    border-color: #4f7cff;
    box-shadow: 0 0 0 .2rem rgba(79, 124, 255, .13)
}

.purchase-page .btn-lg {
    border-radius: .65rem;
    font-weight: 600
}

.purchase-items-card thead {
    background: #172033;
    color: #fff
}

.purchase-items-card th {
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 1rem;
    white-space: nowrap
}

.purchase-items-card td {
    padding: 1rem;
    border-color: #edf1f6
}

.purchase-items-card .form-control,
.purchase-items-card .form-select {
    min-width: 110px
}

.purchase-items-card .product-select {
    min-width: 230px
}

.total-card {
    background: linear-gradient(135deg, #f3f7ff, #fff)
}

#itemMessage {
    border: 1px dashed #cbd5e1;
    border-radius: .75rem;
    background: #f8fafc
}

@media(max-width:575.98px) {
    .purchase-page {
        padding-left: 0;
        padding-right: 0
    }

    .purchase-items-card th,
    .purchase-items-card td {
        padding: .8rem
    }

    .purchase-items-card .product-select {
        min-width: 190px
    }
}