/* Table column widths */
.afwc_orders th.customer_name,
.afwc_orders td.customer_name,
.afwc_orders th.date,
.afwc_orders td.date {
    width: 20%; /* Double width for customer name and date */
}

.afwc_orders th.order_id,
.afwc_orders td.order_id,
.afwc_orders th.amount,
.afwc_orders td.amount,
.afwc_orders th.commission,
.afwc_orders td.commission,
.afwc_orders th.status,
.afwc_orders td.status {
    width: 15%; /* Remaining width distributed among other columns */
}

/* Basic table styles */
.afwc_orders {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.afwc_orders th,
.afwc_orders td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.afwc_orders th {
    background-color: #f8f8f8;
}

.afwc_orders .loading,
.afwc_orders .error {
    text-align: center;
    padding: 20px;
    color: #666;
}

.afwc_orders .error {
    color: #d63638;
}

.afwc_orders .loading::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    border: 2px solid #ddd;
    border-top-color: #666;
    border-radius: 50%;
    animation: afwc-spin 1s linear infinite;
}

@keyframes afwc-spin {
    to {
        transform: rotate(360deg);
    }
}