/* 
    Professional Modern SaaS Theme - Navbar Fix & Unified Scrolling
    (Eliminating bubble styles, unified scroll context, and zero animation)
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --bg-app: #f1f5f9;
    --bg-surface: #ffffff;
    --border-light: #e2e8f0;
    --border-focus: #4f46e5;
    
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    
    --accent-primary: #4f46e5;
    --accent-primary-hover: #4338ca;
    --accent-surface: #eef2ff;
}

/* 🌟 GLOBAL RESET & UNIFIED SCROLLING 🌟 */
body {
    background-color: var(--bg-app) !important;
    color: var(--text-primary) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden !important;
}

/* 🌟 TOP BAR (NAVBAR) FIX 🌟 */
.top-bar-boxed {
    background: #ffffff !important; /* Force White */
    border-bottom: 1px solid var(--border-light) !important;
    margin: 0 !important;
    padding: 0 2rem !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important; /* Remove bubble/rounded look */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 60 !important;
    height: 70px !important;
}

/* Remove Midone boxed pseudo-elements */
.top-bar-boxed:after, .top-bar-boxed:before {
    display: none !important;
}

/* 🌟 SIDEBAR: UNIFIED SCROLLING & NO ANIMATION 🌟 */
.side-nav, .side-menu, .side-menu__sub-open, .side-menu__sub-icon, .side-nav ul, .side-nav li {
    transition: none !important; /* TOTAL KILL ANIMATIONS */
    animation: none !important;
    transform: none !important;
}

.side-nav {
    background: #0f172a !important; /* Dark Slate 900 */
    width: 260px !important;
    flex-shrink: 0 !important;
    padding: 24px 0 !important;
    
    /* UNIFIED SCROLL LOGIC: No separate scroll context */
    position: relative !important;
    height: auto !important; 
    min-height: calc(100vh - 70px) !important;
    overflow-y: visible !important;
    border-right: none !important;
}

.side-nav ul {
    height: auto !important;
    overflow: visible !important;
}

.side-menu {
    border-radius: 6px !important;
    color: #94a3b8 !important;
    margin: 4px 16px !important;
    padding: 12px 16px !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
}

.side-menu:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

.side-menu--active {
    background-color: var(--accent-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.side-menu--active .side-menu__icon i, 
.side-menu--active .side-menu__title {
    color: #ffffff !important;
}

/* Submenu Styling - Instant Open */
.side-menu__sub-open {
    background-color: rgba(0, 0, 0, 0.2) !important;
    margin: 0 !important;
    display: block !important;
}

/* 🌟 CONTENT WRAPPER 🌟 */
.content {
    flex: 1 !important;
    min-width: 0 !important;
    background-color: var(--bg-app) !important;
    padding: 32px !important;
    overflow-y: visible !important;
    height: auto !important;
}

.wrapper {
    display: flex !important;
    flex-direction: row !important;
    min-height: 100vh !important;
}

/* 🌟 DASHBOARD CARDS 🌟 */
.intro-y.grid { gap: 1.5rem !important; }

.col-span-12.sm\:col-span-6.xl\:col-span-3 .block .bg-white {
    border: 1px solid var(--border-light) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    padding: 24px !important;
}

.col-span-12.sm\:col-span-6.xl\:col-span-3 .block:hover .bg-white {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

/* 🌟 TABLES 🌟 */
.table-report thead th {
    background: transparent !important;
    color: var(--text-muted) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Hide messy Midone pseudo-elements */
.logo:after, .logo:before, .side-nav ul li a:before { display: none !important; }

/* Force Visibility & Colors for Sidebar Elements */
.intro-x, .intro-y, .-intro-x, .-intro-y, 
.side-nav, .side-nav *, .side-menu, .side-menu * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.side-menu__icon, .side-menu__icon svg, .side-menu__icon i {
    color: #94a3b8 !important;
    stroke: #94a3b8 !important;
    display: block !important;
    opacity: 1 !important;
}

.side-menu__title {
    color: #94a3b8 !important;
    display: block !important;
    opacity: 1 !important;
}

.side-menu:hover .side-menu__icon,
.side-menu:hover .side-menu__icon svg,
.side-menu:hover .side-menu__title {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.side-menu--active .side-menu__icon,
.side-menu--active .side-menu__icon svg,
.side-menu--active .side-menu__title {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.side-nav {
    z-index: 50 !important;
    position: relative !important;
}

.side-menu {
    display: flex !important;
    min-height: 48px !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--bg-app); }
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }