/* =========================================================
   INUP PMS - GLOBAL DATATABLE STYLE
   ========================================================= */

.dataTable thead th {
    background: #eef4ff !important;
    color: #123b70 !important;
    font-weight: 600;
    border-bottom: 2px solid #1d6ff2 !important;
}

.dataTable tbody td {
    color: #172033;
    border-color: #e5e7eb;
    vertical-align: middle;
}

/* Row hover */
.dataTable tbody tr:hover > td {
    background-color: #eaf3ff !important;
    color: #123b70;
}

/* Common wrapping */
.dataTable .title-cell,
.dataTable .category-cell {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 1.4;
}

/* Keep compact columns */
.dataTable .nowrap-cell {
    white-space: nowrap;
}

/* Search */
.dt-search input {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    padding: 7px 10px !important;
    background: #fff;
}

.dt-search input:focus {
    border-color: #1d6ff2 !important;
    box-shadow: 0 0 0 3px rgba(29, 111, 242, 0.12);
}

/* Length */
.dt-length select {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    padding: 6px 28px 6px 8px !important;
}

/* Pagination */
.dt-paging button {
    border: 1px solid #d8dee8 !important;
    background: #fff !important;
    color: #123b70 !important;
    border-radius: 5px !important;
    margin-left: 3px !important;
}

.dt-paging button:hover {
    background: #eef4ff !important;
    color: #1d6ff2 !important;
    border-color: #b9cff5 !important;
}

.dt-paging button.current {
    background: #1d6ff2 !important;
    color: #fff !important;
    border-color: #1d6ff2 !important;
}

/* Information */
.dt-info {
    color: #64748b !important;
}

/* Processing */
.dt-processing {
    background: #fff !important;
    border: 1px solid #dbe3ef !important;
    color: #123b70 !important;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   INUP PMS - GLOBAL DATATABLE UI
   ========================================================= */

.dataTable {
    border-collapse: separate !important;
    border-spacing: 0;
}

/* Table header */
.dataTable thead th {
    background: #f1f6ff !important;
    color: #123b70 !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #1d6ff2 !important;
    padding: 12px 10px !important;
}

/* Table body */
.dataTable tbody td {
    padding: 11px 10px !important;
    border-bottom: 1px solid #e5e7eb !important;
    color: #172033;
    vertical-align: middle !important;
}

/* Hover */
.dataTable tbody tr:hover > td {
    background: #eef5ff !important;
}

/* Remove harsh DataTables stripe */
.dataTable tbody tr:nth-child(even) > td {
    background: #fafbfd;
}

.dataTable tbody tr:nth-child(even):hover > td {
    background: #eef5ff !important;
}


/* =========================================================
   SEARCH
   ========================================================= */

.dt-search input {
    min-width: 180px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 7px 10px !important;
    outline: none;
}

.dt-search input:focus {
    border-color: #1d6ff2 !important;
    box-shadow: 0 0 0 3px rgba(29,111,242,.12);
}


/* =========================================================
   LENGTH SELECT
   ========================================================= */

.dt-length select {
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 6px 28px 6px 8px !important;
}


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

.dt-paging button {
    border: 1px solid #d5dce6 !important;
    background: #fff !important;
    color: #315274 !important;
    border-radius: 5px !important;
    margin-left: 4px !important;
}

.dt-paging button:hover {
    background: #eef5ff !important;
    color: #1769e0 !important;
}

.dt-paging button.current {
    background: #1769e0 !important;
    border-color: #1769e0 !important;
    color: #fff !important;
}


/* =========================================================
   COMMON BADGES
   ========================================================= */

.pms-badge {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.pms-badge-approved {
    background: #198754;
    color: #fff;
}

.pms-badge-pending {
    background: #ffc107;
    color: #000;
}

.pms-badge-rejected {
    background: #dc3545;
    color: #fff;
}

.pms-badge-user {
    background: #6c757d;
    color: #fff;
}

.pms-badge-reviewer {
    background: #6f42c1;
    color: #fff;
}

.pms-badge-technician {
    background: #0d6efd;
    color: #fff;
}

.pms-badge-admin {
    background: #343a40;
    color: #fff;
}


/* =========================================================
   COMMON ACTION BUTTON
   ========================================================= */

.pms-action-btn {
    border-radius: 6px;
    font-size: 12px;
    padding: 5px 10px;
    font-weight: 500;
}