/* Permissions Modal - Brand Color Customizations */

/* Checkbox styling inside permissions modal */
#permissionsModal .form-check-input:checked {
    background-color: var(--primary-color, #054f49) !important;
    border-color: var(--primary-color, #054f49) !important;
}

#permissionsModal .form-check-input:focus {
    border-color: var(--primary-color, #054f49) !important;
    box-shadow: 0 0 0 0.25rem rgba(5, 79, 73, 0.25) !important;
}

/* Tabs styling inside permissions modal */
#permissionsModal .nav-tabs {
    border-bottom: 2px solid #e3e6f0;
}

#permissionsModal .nav-tabs .nav-link {
    color: #5a5c69; /* Muted gray for inactive tabs */
    font-weight: 600;
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease-in-out;
    background: transparent;
}

#permissionsModal .nav-tabs .nav-link:hover {
    color: var(--primary-color, #054f49);
    border-bottom-color: #dee2e6;
}

#permissionsModal .nav-tabs .nav-link.active {
    color: var(--primary-color, #054f49) !important;
    background-color: transparent !important;
    border-bottom: 3px solid var(--primary-color, #054f49) !important;
    font-weight: 700;
}

/* Subheaders within permissions modal */
#permissionsModal h6.border-bottom {
    border-bottom: 2px solid #e3e6f0 !important;
    color: var(--primary-color, #054f49);
    font-weight: 700;
    margin-top: 10px;
}