/* Modern Navigation Styles */

/* Page link hover effects */
.nav-page-link:hover {
    background-color: var(--mantine-color-gray-1) !important;
    text-decoration: none !important;
}

[data-mantine-color-scheme="dark"] .nav-page-link:hover {
    background-color: var(--mantine-color-dark-5) !important;
}

/* Active page link styling */
.nav-page-link.active {
    background-color: var(--mantine-color-blue-1) !important;
    color: var(--mantine-color-blue-7) !important;
    font-weight: 500;
}

[data-mantine-color-scheme="dark"] .nav-page-link.active {
    background-color: var(--mantine-color-blue-9) !important;
    color: var(--mantine-color-blue-3) !important;
}

/* Asset card styling enhancements */
.asset-card {
    transition: box-shadow 0.2s ease;
}

.asset-card:hover {
    box-shadow: var(--mantine-shadow-sm) !important;
}

/* Project header styling */
.project-header {
    border-bottom: 1px solid var(--mantine-color-gray-3);
    padding-bottom: 4px;
    margin-bottom: 8px;
}

[data-mantine-color-scheme="dark"] .project-header {
    border-bottom-color: var(--mantine-color-dark-4);
}

/* Smooth scrolling for navigation */
.mantine-ScrollArea-root {
    scroll-behavior: smooth;
}

/* Custom scrollbar styling */
.mantine-ScrollArea-scrollbar {
    background-color: transparent;
}

.mantine-ScrollArea-thumb {
    background-color: var(--mantine-color-gray-4);
    border-radius: 4px;
}

[data-mantine-color-scheme="dark"] .mantine-ScrollArea-thumb {
    background-color: var(--mantine-color-dark-3);
}