/* Requirements 50 & 58: Fix Navigation and Dropdown Menu Hover Text Vanishing */
.navbar-nav .nav-link:hover,
.dropdown-item:hover,
.offcanvas-body .list-group-item:hover {
    color: #ffffff !important;
    background-color: #E75444 !important; /* Solid Bootstrap Primary Blue */
    border-radius: 4px;
}

.dropdown-menu {
    border: 1px solid #334155 !important;
}

/* Active State (Green) */
.navbar-nav .nav-link.active,
.dropdown-item.active,
.offcanvas-body .list-group-item.active {
    color: #ffffff !important;
    background-color: #198754 !important; /* Bootstrap Green / Success */
    border-color: #198754 !important;
    border-radius: 4px;
}

/* Keeps text crisp white when hovering over an already active item */
.navbar-nav .nav-link.active:hover,
.dropdown-item.active:hover,
.offcanvas-body .list-group-item.active:hover {
    color: #ffffff !important;
    background-color: #E75444 !important; /* Switch to hover color on hover */
}

/* Requirement 55: Dynamic Color Select Box & Badges for Status */
.status-select-active, .badge-active {
    background-color: #198754 !important; /* Green */
    color: #ffffff !important;
    font-weight: 600;
}

.status-select-pending, .badge-pending {
    background-color: #0d6efd !important; /* Blue */
    color: #ffffff !important;
    font-weight: 600;
}

.status-select-inactive, .badge-inactive {
    background-color: #dc3545 !important; /* Red */
    color: #ffffff !important;
    font-weight: 600;
}


/* Container for top horizontal scroll sync */
.top-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}
.top-scroll-content {
    height: 1px;
}

/* Sticky Column Rules */
.table-responsive {
    overflow-x: auto;
    position: relative;
}

/* Sticky Status Column */
.table th.sticky-status,
.table td.sticky-status {
    position: sticky;
    right: 110px; /* Offset width of Actions column */
    background-color: var(--bs-body-bg);
    z-index: 2;
}

/* Sticky Action Column */
.table th.sticky-action,
.table td.sticky-action {
    position: sticky;
    right: 0;
    background-color: var(--bs-body-bg);
    z-index: 2;
}

/* Maintain dark background header sticky state */
.table thead th.sticky-status,
.table thead th.sticky-action {
    background-color: #212529 !important;
    z-index: 3;
}