/* /Layout/MainLayout.razor.rz.scp.css */
/* MainLayout styles for Blazor WASM */

/* Ensure full height layout */
.min-h-screen[b-ogg5misx9k] {
    min-height: 100vh;
}

/* Sidebar styles */
aside[b-ogg5misx9k] {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.3) transparent;
}

aside[b-ogg5misx9k]::-webkit-scrollbar {
    width: 6px;
}

aside[b-ogg5misx9k]::-webkit-scrollbar-track {
    background: transparent;
}

aside[b-ogg5misx9k]::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, 0.3);
    border-radius: 3px;
}

/* Navigation item styles */
[b-ogg5misx9k] .nav-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    color: #94a3b8;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
    text-decoration: none;
}

[b-ogg5misx9k] .nav-item:hover {
    background-color: rgba(71, 85, 105, 0.5);
    color: white;
}

[b-ogg5misx9k] .nav-item-active,
[b-ogg5misx9k] .nav-item.active {
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    color: white !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Header styles */
header[b-ogg5misx9k] {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Main content area */
main[b-ogg5misx9k] {
    min-height: calc(100vh - 4rem);
}

/* Responsive adjustments */
@media (max-width: 1023px) {
    .lg\:pl-64[b-ogg5misx9k] {
        padding-left: 0;
    }
}

@media (min-width: 1024px) {
    .lg\:pl-64[b-ogg5misx9k] {
        padding-left: 16rem;
    }
}

/* Loading spinner animation */
@keyframes spin-b-ogg5misx9k {
    to {
        transform: rotate(360deg);
    }
}

.animate-spin[b-ogg5misx9k] {
    animation: spin-b-ogg5misx9k 1s linear infinite;
}

/* Gradient backgrounds */
.bg-gradient-to-br[b-ogg5misx9k] {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.from-slate-50[b-ogg5misx9k] {
    --tw-gradient-from: #f8fafc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 250, 252, 0));
}

.to-slate-100[b-ogg5misx9k] {
    --tw-gradient-to: #f1f5f9;
}

.from-slate-800[b-ogg5misx9k] {
    --tw-gradient-from: #1e293b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 41, 59, 0));
}

.to-slate-900[b-ogg5misx9k] {
    --tw-gradient-to: #0f172a;
}

.from-blue-500[b-ogg5misx9k] {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.to-purple-600[b-ogg5misx9k] {
    --tw-gradient-to: #9333ea;
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* NavMenu styles for Blazor WASM */

/* Navigation container */
nav[b-lzhebmafee] {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.3) transparent;
}

nav[b-lzhebmafee]::-webkit-scrollbar {
    width: 6px;
}

nav[b-lzhebmafee]::-webkit-scrollbar-track {
    background: transparent;
}

nav[b-lzhebmafee]::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, 0.3);
    border-radius: 3px;
}

/* Navigation item base styles */
[b-lzhebmafee] a.nav-item,
[b-lzhebmafee] .nav-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    color: #94a3b8;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    text-decoration: none;
}

[b-lzhebmafee] a.nav-item:hover,
[b-lzhebmafee] .nav-item:hover {
    background-color: rgba(71, 85, 105, 0.5);
    color: white;
}

/* Active navigation item */
[b-lzhebmafee] a.nav-item-active,
[b-lzhebmafee] a.nav-item.active,
[b-lzhebmafee] .nav-item-active,
[b-lzhebmafee] .nav-item.active {
    background-color: #F97316;
    color: white !important;
}

/* SVG icons in nav items */
[b-lzhebmafee] .nav-item svg {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
}

/* Section divider */
[b-lzhebmafee] .border-t {
    border-top-width: 1px;
    border-color: rgba(71, 85, 105, 0.5);
}

/* Spacing utilities */
[b-lzhebmafee] .space-y-1>*+* {
    margin-top: 0.25rem;
}

[b-lzhebmafee] .pt-4 {
    padding-top: 1rem;
}

[b-lzhebmafee] .mt-4 {
    margin-top: 1rem;
}

[b-lzhebmafee] .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

[b-lzhebmafee] .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* Overflow handling */
[b-lzhebmafee] .overflow-y-auto {
    overflow-y: auto;
}

[b-lzhebmafee] .flex-1 {
    flex: 1 1 0%;
}