/* Reusable layout tweaks to augment Bootstrap 5 */
.main-content-desktop {
     min-width: 0; /* Essential for preventing flexbox blowout with responsive tables */
}
@media (min-width: 992px) {
     .sidebar-desktop {
          width: 260px;
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          height: 100vh;
          z-index: 1030; /* Bootstrap fixed z-index */
     }
     .main-content-desktop {
          margin-left: 260px;
     }
}

/* Custom menu item styling complementing Bootstrap .nav */
.sidebar-menu .nav-link {
     color: #475569;
     font-weight: 600;
     border-radius: 12px;
     padding: 0.75rem 1rem;
     transition: all 0.2s ease;
     display: flex;
     align-items: center;
     gap: 0.85rem;
}

.sidebar-menu .nav-link:hover {
     background-color: #f1f5f9;
     color: #0f172a;
}

.sidebar-menu .nav-link.active {
     background-color: #e0e7ff !important;
     color: #4f46e5 !important;
}

/* Custom styling for ambient blur backgrounds */
.glow-shape {
     position: absolute;
     width: 300px;
     height: 300px;
     background: radial-gradient(circle, rgba(99, 102, 241, 0.04) 0%, rgba(0, 0, 0, 0) 70%);
     border-radius: 50%;
     z-index: 0;
     pointer-events: none;
}
.glow-1 { top: -10%; right: -10%; }
.glow-2 { bottom: -10%; left: -10%; }