/* ==========================================================
   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;
}