body.bg-light {
    background-color: #efe3cf !important;
    color: #4a3a2a;
}

body {
    font-size: 0.96rem;
}

.navbar.bg-white {
    background-color: #f6ecdc !important;
}

.card {
    border-radius: 0.75rem;
    background-color: #fbf5ea;
    border-color: #d8c4a5;
}

.table td,
.table th {
    white-space: nowrap;
}

.btn-primary,
.btn-success {
    background-color: #4f8b3b;
    border-color: #4f8b3b;
}

.btn-primary:hover,
.btn-success:hover {
    background-color: #3f742f;
    border-color: #3f742f;
}

.btn-outline-primary {
    color: #3f742f;
    border-color: #3f742f;
}

.btn-outline-primary:hover {
    background-color: #3f742f;
    border-color: #3f742f;
}

.admin-table-scroll {
    max-height: calc(12 * 2.35rem);
    overflow-y: auto;
}

.batches-table .batch-input-compact {
    max-width: 6.25rem;
}

.batches-table .batch-col-name {
    min-width: 12rem;
    width: 22%;
}

.batches-table .batch-name-input {
    min-width: 11rem;
}

.batches-table .batch-col-price,
.batches-table .batch-col-total,
.batches-table .batch-col-reserved,
.batches-table .batch-col-remaining {
    width: 1%;
}

.orders-table .order-col-actions {
    width: 1%;
}

.orders-table .order-col-user {
    max-width: 10rem;
}

.orders-table .order-col-qty {
    width: 1%;
}

.orders-table .order-col-batch {
    max-width: 14rem;
}

@media (max-width: 768px) {
    .batches-table {
        font-size: 0.78rem;
    }

    .batches-table .form-control,
    .batches-table .form-select {
        font-size: 0.78rem;
        padding: 0.2rem 0.3rem;
    }

    .batches-table .batch-input-compact {
        max-width: 3.75rem;
    }

    .batches-table .batch-col-name {
        min-width: 8.5rem;
        width: 28%;
    }

    .batches-table .batch-name-input {
        min-width: 8rem;
    }

    .batches-table .batch-col-price,
    .batches-table .batch-col-total,
    .batches-table .batch-col-reserved,
    .batches-table .batch-col-remaining {
        max-width: 3.8rem;
    }

    .orders-table {
        font-size: 0.78rem;
        table-layout: fixed;
        width: 100%;
    }

    .orders-table th,
    .orders-table td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .orders-table .btn {
        font-size: 0.72rem;
        padding: 0.18rem 0.35rem;
        white-space: nowrap;
    }

    .orders-table .order-col-batch {
        width: 26%;
        max-width: none;
    }

    .orders-table .order-col-user {
        width: 18%;
        max-width: none;
    }

    .orders-table .order-col-qty {
        width: 10%;
    }

    .orders-table .order-col-actions {
        width: 46%;
    }

    .orders-table .order-col-actions .d-flex {
        justify-content: flex-end;
        gap: 0.2rem !important;
    }
}