.esc-training-programs {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 80px;
}
.esc-ytp-title {
    font-size: clamp(32px, 3vw, 48px);
    text-align: center;
    color: #001A70;
    font-weight: 700;
    line-height: 56px;
}
.esc-ytp-empty {
    text-align: center;
    padding: 48px 20px;
    color: #666;
    font-size: 1em;
    background: #f8f9fc;
}
.esc-ytp-table-wrap {
    width: 100%;
    overflow-x: auto;
}
.esc-ytp-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 750px;
}
.esc-ytp-table thead {
    position: sticky;
    top: 0;
    z-index: 1;
}
.esc-ytp-table thead th {
    background: #235DC0;
    color: #fff;
    padding: 16px 24px 16px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.85em;
    white-space: nowrap;
    letter-spacing: 0.02em;
    position: relative;
}
/* Reduce DataTables sort icon size and position right */
.esc-ytp-table thead th .dt-column-order {
    font-size: 0.6em;
    transform: scale(0.85);
    position: absolute !important;
    right: 6px;
    top: 50%;
    margin-top: -7px;
}
.esc-ytp-table thead th .dt-column-title {
    text-align: left;
}
.esc-ytp-table thead th:hover {
    background: #243d6e;
}
.esc-ytp-table tbody td {
    padding: 12px;
    border-bottom: 1px solid #eef1f6;
    font-size: 0.9em;
    color: #333;
    word-break: break-word;
}
.esc-ytp-table tbody td:nth-child(3) {
    padding-right: 2.5rem!important;
}
.esc-ytp-table tbody td:last-child {
    text-align: center;
}
.esc-ytp-table thead th:last-child, .esc-ytp-table tbody td:last-child {
    width: 12rem;
}
.esc-ytp-table tbody td:nth-child(6) {
    text-align: center;
}
.esc-ytp-table thead th:nth-child(6),.esc-ytp-table tbody td:nth-child(6), .esc-ytp-table thead th:nth-child(3), .esc-ytp-table tbody td:nth-child(3) {
    width: 12rem;
}
.esc-ytp-table thead th:nth-child(2),.esc-ytp-table tbody td:nth-child(2) {
    width: 30rem;
}
.esc-ytp-table thead th:nth-child(1),.esc-ytp-table tbody td:nth-child(1) {
    width: 25rem;
}
.esc-ytp-table thead th:nth-child(3),
.esc-ytp-table thead th:nth-child(4),
.esc-ytp-table thead th:nth-child(5) {
    text-align: left !important;
}
.esc-ytp-table tbody td:nth-child(3),
.esc-ytp-table tbody td:nth-child(4),
.esc-ytp-table tbody td:nth-child(5) {
    white-space: nowrap;
}
.esc-ytp-table tbody tr{
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
}
.esc-ytp-table tbody tr:nth-child(even) {
    background: #f8f9fc;
}
.esc-ytp-table tbody tr:hover {
    background: #edf2ff;
}
.esc-ytp-table tbody td{
    color: #001A70;
}
.esc-ytp-pass {
    display: inline-block;
    background: #e6f9ed;
    color: #1b8a4a;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.85em;
}
.esc-ytp-fail {
    display: inline-block;
    background: #fdecea;
    color: #c62828;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.85em;
}

/* Responsive: keep table format, allow horizontal scroll on mobile */
@media screen and (max-width: 768px) {
    .esc-training-programs {
        padding: 12px;
    }
}

/* DataTables overrides to match theme */
.esc-ytp-table-wrap .dt-container .dt-buttons {
    text-align: right;
    line-height:unset;
}
.esc-ytp-table-wrap .dt-container .dt-buttons .dt-button {
    background: transparent;
    color: #001A70;
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 0.95em;
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    line-height:unset;
}
.esc-ytp-table-wrap .dt-container .dt-buttons .dt-button:hover {
    background: transparent;
    color: #EE3135;
    border: none!important;
}
.esc-ytp-table-wrap .dt-container .dt-length, .esc-ytp-table-wrap .dt-container .dt-info {
    margin-left: 16px;
}
.esc-ytp-table-wrap .dt-container .dt-search{
    margin-right: 16px;
}

/* Top bar: length + search */
.esc-ytp-table-wrap .dt-container .dt-length,
.esc-ytp-table-wrap .dt-container .dt-search {
    margin-bottom: 12px;
}
.esc-ytp-table-wrap .dt-container .dt-search input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 10px;
    outline: none;
}
.esc-ytp-table-wrap .dt-container .dt-search input:focus {
    border-color: #235DC0;
}

/* Bottom bar: info left + paging right, same row */
.esc-ytp-table-wrap .dt-container .dt-layout-row:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 1px solid #eef1f6;
    margin-top: 8px;
}
.esc-ytp-table-wrap .dt-container .dt-info {
    color: #235DC0;
    font-weight: 600;
    font-size: 0.9em;
}

/* Pagination buttons */
.esc-ytp-table-wrap .dt-container .dt-paging .dt-paging-button {
    border-radius: 4px;
    padding: 4px 12px;
    margin: 0 2px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 0.9em;
}
.esc-ytp-table-wrap .dt-container .dt-paging .dt-paging-button.current {
    background: #235DC0;
    color: #fff !important;
    border-color: #235DC0;
}
.esc-ytp-table-wrap .dt-container .dt-paging .dt-paging-button:hover {
    background: #EE3135;
    color: #fff !important;
    border-color: #1a2e5a;
}
.esc-ytp-table-wrap .dt-container .dt-paging .dt-paging-button.disabled {
    color: #aaa;
    cursor: default;
}
.esc-ytp-table-wrap .dt-container .dt-paging .dt-paging-button.disabled:hover {
    background: transparent;
    color: #aaa !important;
    border-color: #ddd;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{
    background: #235DC0;
    color: #fff !important;
    cursor: default;
}

/* Header theme */
.esc-ytp-table.dataTable thead th {
    background: url(../../../../themes/energysc-v2/assets/images/item-bg.jpg) no-repeat center center #235DC0;
    color: #fff;
}
.esc-ytp-table.dataTable thead .sorting_asc,
.esc-ytp-table.dataTable thead .sorting_desc,
.esc-ytp-table.dataTable thead .sorting {
    background-color: #235DC0;
}