/* BCM Beautiful Table Layout Fix v10 */
:root{--txt:#343a40;--title:#212529;--muted:#6c757d;--line:#dee2e6;--soft:#f8f9fa;--head:#e9ecef}
.table-responsive,.dataTables_wrapper{background:#fff!important;border-radius:22px!important;overflow:auto!important}
table.dataTable,.table,table{width:100%!important;background:#fff!important;border-collapse:separate!important;border-spacing:0!important;color:var(--txt)!important;border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden!important}
table.dataTable thead th,.table thead th,table thead th{background:linear-gradient(180deg,#f8f9fa,#e9ecef)!important;color:var(--title)!important;font-weight:850!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;border-bottom:1px solid var(--line)!important;border-right:1px solid #edf0f2!important;padding:16px 14px!important;vertical-align:middle!important;white-space:nowrap!important}
table.dataTable tbody td,.table tbody td,table tbody td{background:#fff!important;color:var(--txt)!important;border-bottom:1px solid #eef1f3!important;padding:15px 14px!important;font-size:14px!important;font-weight:600!important;vertical-align:middle!important}
table.dataTable tbody tr:nth-child(even) td,.table tbody tr:nth-child(even) td,table tbody tr:nth-child(even) td{background:#fbfcfd!important}
table.dataTable tbody tr:hover td,.table tbody tr:hover td,table tbody tr:hover td,table.dataTable tbody tr.selected td,table.dataTable tbody tr.active td,.table tbody tr.selected td,.table tbody tr.active td,table tbody tr.selected td,table tbody tr.active td{background:#eef1f4!important;color:var(--title)!important}
table.dataTable tbody tr.selected,table.dataTable tbody tr>.selected,.table-active,tr.table-active,tr.active,tr.selected{background:#eef1f4!important;color:var(--title)!important}
table.dataTable tbody tr.selected *,table.dataTable tbody tr>.selected *,.table-active *,tr.table-active *,tr.active *,tr.selected *{color:var(--title)!important}
table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background:inherit!important;color:var(--txt)!important}
table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover,table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background:#eef1f4!important;color:var(--title)!important}
table.dataTable tbody td *,.table tbody td *,table tbody td *{color:var(--txt)!important}
table .badge,.table .badge,table .label,.table .label{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:86px!important;padding:7px 13px!important;border-radius:999px!important;background:#f8f9fa!important;border:1px solid #ced4da!important;color:#343a40!important;font-weight:850!important;font-size:12px!important}
.badge-success,.label-success,.badge.Delivered{background:#f4fff8!important;border-color:#b7e4c7!important;color:#2d6a4f!important}.badge-warning,.label-warning,.badge.Pending{background:#fffdf4!important;border-color:#e9d8a6!important;color:#7a5900!important}.badge-danger,.label-danger,.badge.Canceled,.badge.Cancelled{background:#fff5f5!important;border-color:#f1b0b7!important;color:#8a1c1c!important}.badge-primary,.label-primary,.badge.Hold{background:#f1f3f5!important;border-color:#ced4da!important;color:#343a40!important}
table td .btn,.table td .btn,table td a.btn,.table td a.btn{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#f8f9fa!important;border:1px solid #ced4da!important;color:#343a40!important;box-shadow:0 5px 14px rgba(108,117,125,.12)!important;margin:2px!important}
table td .btn *,.table td .btn *,table td a.btn *,.table td a.btn *{color:#343a40!important}
table td .btn:hover,.table td .btn:hover,table td a.btn:hover,.table td a.btn:hover{background:#e9ecef!important;transform:translateY(-2px)!important;color:#212529!important}
.dt-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:10px!important;margin-bottom:16px!important;width:100%!important}
.dt-buttons .btn,.dt-button,button.dt-button{background:linear-gradient(180deg,#fff,#e9ecef)!important;border:1px solid #ced4da!important;border-radius:14px!important;color:#343a40!important;font-weight:850!important;padding:12px 18px!important;box-shadow:0 7px 18px rgba(108,117,125,.10)!important}
.dt-buttons .btn:hover,.dt-button:hover,button.dt-button:hover{background:#f1f3f5!important;color:#212529!important}
.dataTables_wrapper .dataTables_filter{margin-bottom:16px!important}.dataTables_wrapper .dataTables_filter label,.dataTables_wrapper .dataTables_length label{color:#343a40!important;font-weight:800!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:#fff!important;border:1px solid #ced4da!important;border-radius:15px!important;color:#343a40!important;padding:11px 15px!important;box-shadow:0 5px 16px rgba(108,117,125,.08)!important}
.dataTables_wrapper .dataTables_paginate .paginate_button,.page-link{background:#fff!important;border:1px solid #dee2e6!important;color:#343a40!important;border-radius:12px!important;margin:2px!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.page-item.active .page-link{background:#e9ecef!important;color:#212529!important;border-color:#ced4da!important}
tbody tr,tbody tr td,tbody tr td span,tbody tr td a,tbody tr td div{color:#343a40!important}
@media(max-width:768px){.dt-buttons{grid-template-columns:repeat(2,1fr)!important}table.dataTable thead th,.table thead th,table thead th,table.dataTable tbody td,.table tbody td,table tbody td{padding:12px 10px!important;font-size:13px!important}}


/* BCM DASHBOARD NAVBAR PERFORMANCE FIX */

/* ==========================================================
   BCM DASHBOARD + NAVBAR + EMPLOYEE PERFORMANCE TABLE FIX v11
   ========================================================== */

:root{
    --bcm-white:#ffffff;
    --bcm-bg:#f8f9fa;
    --bcm-soft:#f1f3f5;
    --bcm-head:#e9ecef;
    --bcm-line:#dee2e6;
    --bcm-border:#ced4da;
    --bcm-muted:#6c757d;
    --bcm-text:#343a40;
    --bcm-title:#212529;
}

/* Same navbar/sidebar on all pages */
.left-side-bar{
    background:linear-gradient(180deg,#ffffff,#f8f9fa)!important;
    border-right:1px solid var(--bcm-line)!important;
    box-shadow:12px 0 32px rgba(108,117,125,.10)!important;
}
.left-side-bar .brand-logo{
    background:#ffffff!important;
    border-bottom:1px solid var(--bcm-line)!important;
}
.sidebar-menu a,
.sidebar-menu .dropdown-toggle,
.sidebar-menu .submenu li a,
.sidebar-menu .mtext,
.sidebar-menu .micon,
.left-side-bar a,
.left-side-bar span,
.left-side-bar i{
    color:var(--bcm-text)!important;
}
.sidebar-menu .dropdown-toggle,
.sidebar-menu .submenu li a{
    border-radius:16px!important;
    margin:4px 10px!important;
}
.sidebar-menu .dropdown-toggle:hover,
.sidebar-menu .dropdown-toggle.active,
.sidebar-menu .submenu li a:hover,
.sidebar-menu .submenu li a.active{
    background:linear-gradient(135deg,#ffffff,#e9ecef)!important;
    color:var(--bcm-title)!important;
    box-shadow:0 8px 22px rgba(108,117,125,.12)!important;
}
.sidebar-menu .submenu{
    background:#f8f9fa!important;
    border:1px solid var(--bcm-line)!important;
    border-radius:18px!important;
}

/* Dashboard card readability and icon correction */
.dashboard-card,
.stat-card,
.widget-style1,
.widget-style2,
.card-box,
.card{
    background:linear-gradient(145deg,#ffffff,#f8f9fa)!important;
    color:var(--bcm-text)!important;
    border:1px solid var(--bcm-line)!important;
    border-radius:24px!important;
    box-shadow:0 16px 42px rgba(108,117,125,.12)!important;
}
.dashboard-card *,
.stat-card *,
.widget-style1 *,
.widget-style2 *,
.card-box *,
.card *{
    color:var(--bcm-text)!important;
}
.dashboard-card h1,.dashboard-card h2,.dashboard-card h3,.dashboard-card h4,
.stat-card h1,.stat-card h2,.stat-card h3,.stat-card h4,
.widget-style1 h1,.widget-style1 h2,.widget-style1 h3,.widget-style1 h4,
.widget-style2 h1,.widget-style2 h2,.widget-style2 h3,.widget-style2 h4{
    color:var(--bcm-title)!important;
}

/* Improve dashboard card icons */
.dashboard-card .icon,
.stat-card .icon,
.widget-style1 .icon,
.widget-style2 .icon,
.dashboard-card i,
.stat-card i,
.widget-style1 i,
.widget-style2 i{
    color:#495057!important;
    opacity:.92!important;
}

/* Hold / Cancel dashboard icons */
.bcm-hold-icon:before{
    content:"⏸";
    font-family:Arial,sans-serif!important;
    font-weight:900;
}
.bcm-cancel-icon:before{
    content:"✕";
    font-family:Arial,sans-serif!important;
    font-weight:900;
}

/* Employee performance table same theme */
.employee-performance-table,
.performance-table,
#employeePerformanceTable,
#performanceTable,
table.employee-performance,
table.performance-report{
    width:100%!important;
    background:#ffffff!important;
    border:1px solid var(--bcm-line)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    color:var(--bcm-text)!important;
    border-collapse:separate!important;
    border-spacing:0!important;
}

.employee-performance-table thead th,
.performance-table thead th,
#employeePerformanceTable thead th,
#performanceTable thead th,
table.employee-performance thead th,
table.performance-report thead th{
    background:linear-gradient(180deg,#f8f9fa,#e9ecef)!important;
    color:var(--bcm-title)!important;
    font-size:12px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
    padding:16px 14px!important;
    border-bottom:1px solid var(--bcm-line)!important;
}

.employee-performance-table tbody td,
.performance-table tbody td,
#employeePerformanceTable tbody td,
#performanceTable tbody td,
table.employee-performance tbody td,
table.performance-report tbody td{
    background:#ffffff!important;
    color:var(--bcm-text)!important;
    padding:15px 14px!important;
    border-bottom:1px solid #eef1f3!important;
    font-weight:600!important;
}

.employee-performance-table tbody tr:nth-child(even) td,
.performance-table tbody tr:nth-child(even) td,
#employeePerformanceTable tbody tr:nth-child(even) td,
#performanceTable tbody tr:nth-child(even) td,
table.employee-performance tbody tr:nth-child(even) td,
table.performance-report tbody tr:nth-child(even) td{
    background:#fbfcfd!important;
}

.employee-performance-table tbody tr:hover td,
.performance-table tbody tr:hover td,
#employeePerformanceTable tbody tr:hover td,
#performanceTable tbody tr:hover td,
table.employee-performance tbody tr:hover td,
table.performance-report tbody tr:hover td{
    background:#eef1f4!important;
    color:var(--bcm-title)!important;
}

/* All table click selected fix */
table tbody tr.selected td,
table tbody tr.active td,
table tbody tr:hover td{
    color:var(--bcm-title)!important;
}
table tbody tr.selected *,
table tbody tr.active *,
table tbody tr:hover *{
    color:var(--bcm-title)!important;
}

/* Beautiful table headers globally */
table.dataTable thead th,
.table thead th,
table thead th{
    background:linear-gradient(180deg,#f8f9fa,#e9ecef)!important;
    color:var(--bcm-title)!important;
    border-color:var(--bcm-line)!important;
}

/* Top header common */
.header{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid var(--bcm-line)!important;
    box-shadow:0 8px 24px rgba(108,117,125,.10)!important;
}