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

.erp-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

    /* =========================
   HEADER
========================= */

    .erp-table > thead > tr > th {
        position: sticky;
        top: 0;
        padding: 10px 12px;
        background: linear-gradient( to bottom, #E8F5F3, #D4ECE8, #BFE2DD ) !important;
        color: #1E4F4A !important;
        font-weight: 600;
        border: 1px solid #D3E8E5 !important;
        text-align: left;
        vertical-align: middle;
    }
/* =========================
   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;
    }

.menu-parent {
    background: #e9f7f6;
    font-weight: 600;
}

    .menu-parent td {
        padding: 12px;
        color: #1E4F4A;
    }

.permission-checkbox {
    width: 18px;
    height: 18px;
}

.erp-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}