/* Custom scrollbar for the pivot table */
.pivot-scroll::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
.pivot-scroll::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}
.pivot-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
.pivot-scroll::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Tabular numbers for percentage columns */
table {
    font-feature-settings: 'tnum';
}

/* Smooth transitions for inputs */
input[type="number"] {
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* Row hover highlight */
.pivot-table tbody tr.emp-row:hover {
    background: #eeeeee !important;
}
.pivot-table tbody tr.emp-row:hover > td {
    background: inherit !important;
}
.pivot-table tbody tr.proj-row:hover {
    background: #f5f8ff !important;
}
.pivot-table tbody tr.proj-row:hover > td {
    background: inherit !important;
}

/* Column hover highlight (applied via JS) */
.pivot-table td.col-highlight,
.pivot-table th.col-highlight {
    background: rgba(66, 133, 244, 0.06) !important;
}

/* Sticky employee rows — CSS applied via JS scroll handler */
.pivot-table tr.emp-sticky-active {
    position: sticky;
    z-index: 15;
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}
.pivot-table tr.emp-sticky-active > td {
    background: #f5f5f5 !important;
}

/* Main content padding — compensate for fixed AppBar + breathing room */
.main-content {
    padding: 88px 32px 32px 32px !important;
}

/* Sidebar nav link styles (light background) */
.mud-drawer .mud-nav-link {
    justify-content: center;
}
.mud-drawer--open .mud-nav-link {
    justify-content: flex-start;
}
.mud-drawer .mud-nav-link.active {
    background: rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
    font-weight: 600;
}
.mud-drawer .mud-nav-link.active .mud-nav-link-icon {
    color: #0f172a !important;
}
.mud-drawer .mud-nav-link:hover:not(.active) {
    background: rgba(15, 23, 42, 0.04) !important;
}