/* ==========================================================================
   1. SIDEBAR CANVAS: Unified Deep Space Background
   ========================================================================== */
/* Targets the primary sidebar structural container and its underlying list */
html body.parent div.parentpage div#leftnav,
html body.parent div.parentpage .leftnav-container,
html body.parent div.parentpage ul.navside {
    background-color: #02040a !important;
    /* Diagonal 45-degree gradient matches the sweep pattern of the top header */
    background: linear-gradient(45deg, 
        #02040a 0%, 
        #060c1f 40%, 
        #0b1736 100%
    ) !important;
    border-right: 1px solid #1e3a8a !important; /* Low-contrast sapphire right boundary */
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   2. CATEGORY HEADERS: Structural Menu Sections
   ========================================================================== */
/* Style rules for static section headers (e.g., "Views", "Dashboards", "System") */
html body.parent div.parentpage .menu-section-title,
html body.parent div.parentpage ul.navside li.navside-head {
    color: #3b82f6 !important; /* Prominent observatory focus blue */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.15) !important;
    padding-bottom: 4px !important;
    margin-top: 12px !important;
}

/* ==========================================================================
   3. NAVIGATION LINKS: Base Typography & Spacing Continuity
   ========================================================================== */
/* Maps target rules for left-hand menu lists while locking the native font layout */
html body.parent div.parentpage ul.navside li a,
html body.parent div.parentpage .leftnav-container ul li a {
    display: block !important;
    color: #cbd5e1 !important; /* Clean slate-white match with top navigation */
    text-decoration: none !important;
    /* Custom cubic-bezier ensures uniform physics curves with top header changes */
    transition: transform 0.15s cubic-bezier(0.25, 1, 0.5, 1), color 0.15s ease, background-color 0.15s ease !important;
}

/* ==========================================================================
   4. NAVIGATION INTERACTION: Responsive Left-Hand Menu Pop
   ========================================================================== */
/* Triggers a physical pop response when hovering over left nav elements */
html body.parent div.parentpage ul.navside li a:hover,
html body.parent div.parentpage .leftnav-container ul li a:hover {
    color: #ffffff !important;                         /* Snaps text to clean white */
    background-color: rgba(255, 255, 255, 0.04) !important; /* Low-opacity selection frame */
    
    /* Horizontal push (+4px to the right) functions better in vertical menus than a vertical lift */
    transform: translateX(4px) !important; 
    
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
}

/* ==========================================================================
   5. MENU TREE UTILITIES: Expand/Collapse Arrow Tweaks
   ========================================================================== */
/* Adjusts standard navigation arrow structures to use the accent blue tint */
html body.parent div.parentpage ul.navside li i.fa-chevron-right,
html body.parent div.parentpage ul.navside li i.fa-chevron-down,
html body.parent div.parentpage .leftnav-container .fa-caret-right {
    color: #1d4ed8 !important; /* Integrated sapphire blue arrow indicators */
    transition: color 0.15s ease !important;
}

html body.parent div.parentpage ul.navside li a:hover i {
    color: #60a5fa !important; /* Highlights arrows on active parent item hover */
}