/* =========================
   ERP GRID
========================= */

.erp-grid {
    width: 100%;
    border-collapse: collapse;
}

    /* Header */

    .erp-grid th {
        position: sticky;
        top: 0;
        background: #1E4F4A;
        color: #ffffff;
        padding: 12px;
        text-align: left;
        font-weight: 600;
        border: 1px solid #15504A;
    }

    /* Body */

    .erp-grid td {
        padding: 10px 12px;
        border: 1px solid #e5e5e5;
    }

    /* Zebra Rows */

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

    /* Hover Effect */

    .erp-grid tbody tr {
        transition: all 0.15s ease;
    }

        .erp-grid tbody tr:hover,
        .erp-grid tbody tr:hover td {
            background: #CDEBE8;
            cursor: pointer;
        }

            /* Left Selection Indicator */

            .erp-grid tbody tr:hover td:first-child {
                border-left: 4px solid #1E4F4A;
            }

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

.erp-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 15px;
}

    .erp-pagination a,
    .erp-pagination span {
        padding: 6px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        text-decoration: none;
        background: #fff;
    }

    .erp-pagination .active {
        background: #1E4F4A;
        color: #fff;
        border-color: #1E4F4A;
    }
.action-buttons {
    display: flex;
    gap: 5px;
    flex-wrap: nowrap;
}

    .action-buttons .btn {
        min-width: 60px;
    }