/* ===============================
   ERP GRIDS
   =============================== */

.erp-grid {
    padding: 0 12px 12px 12px;
    width: 100%;
    border-collapse: collapse;
}

    .erp-grid th,
    .erp-grid td {
        padding: 8px;
        border-bottom: 1px solid var(--erp-border);
    }

    .erp-grid tbody tr:nth-child(even) {
        background-color: #f8fafc;
    }

.master-table th {
    white-space: nowrap;
    font-size: 12px;
}

.master-table td {
    font-size: 13px;
}

/* =====================================================
   ERP GRID HEADER (GRADIENT)
   ===================================================== */

.erp-grid thead th {
    background: linear-gradient( to right, #1f4fd8, #2563eb, #0ea5e9 );
    color: #ffffff;
    font-weight: 600;
    font-size: 12.5px; /* ✔ slightly smaller */
    padding: 7px 6px; /* ✔ reduced height */
    border-bottom: 1px solid #dbeafe;
    white-space: nowrap;
}
.erp-pagination-bar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin-top: 12px;
    width: 100%;
}

.erp-pagination-left {
    text-align: left;
}

.erp-pagination-center {
    text-align: center;
    font-size: 13px;
    color: #555;
    white-space: nowrap;
}

.erp-pagination-right {
    text-align: right;
}

.btn.disabled,
.btn:disabled {
    pointer-events: none;
    opacity: 0.45;
}

/* ============================= */
/* ERP PAGINATION */
/* ============================= */

.erp-pagination {
    margin-top: 12px;
    text-align: right;
}

.erp-page-btn {
    display: inline-block;
    padding: 4px 10px;
    margin: 2px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 13px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s ease;
}

    .erp-page-btn:hover {
        background-color: #0d6efd;
        color: #fff;
        border-color: #0d6efd;
    }

    .erp-page-btn.active {
        background-color: #0d6efd;
        color: #fff;
        border-color: #0d6efd;
    }

    .erp-page-btn.disabled {
        pointer-events: none;
        opacity: 0.5;
    }

.erp-dots {
    margin: 0 5px;
    color: #999;
}