/* Dashboard Layout Fix - Proper alignment with sidemenu */

/* Reset the sidebar width to a more reasonable size */
:root {
    --sidebar-width: 280px !important;
    --sidebar-collapsed-width: 70px;
}

/* Sidebar should be 280px */
.sidebar,
aside.sidebar {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    z-index: 1000 !important;
}

/* Main content positioning */
.main-content {
    margin-left: 280px !important;
    padding: 20px !important;
    width: calc(100% - 280px) !important;
    box-sizing: border-box !important;
    position: relative !important;
    min-height: 100vh !important;
}

/* Remove any extra left positioning */
body .main-content {
    left: 0 !important;
}

/* Dashboard specific adjustments */
.dashboard-header {
    margin-bottom: 2rem;
}

.stats-container {
    max-width: 1400px;
    margin: 0 auto;
}

.workflow-container {
    max-width: 1400px;
    margin: 2rem auto;
}

.services-grid {
    max-width: 1400px;
    margin: 2rem auto;
}

/* Social links positioning */
div[style*="position: fixed"][style*="top: 20px"][style*="right: 20px"] {
    right: 20px !important;
    z-index: 999 !important;
}

/* When sidebar is collapsed */
.sidebar.collapsed {
    width: var(--sidebar-collapsed-width) !important;
}

.sidebar.collapsed + .main-content,
.main-content.expanded {
    margin-left: var(--sidebar-collapsed-width) !important;
    width: calc(100% - var(--sidebar-collapsed-width)) !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .sidebar {
        width: 280px !important;
        transform: translateX(-100%);
    }
    
    .sidebar.mobile-open {
        transform: translateX(0);
    }
    
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 15px !important;
    }
    
    /* Adjust social links for mobile */
    div[style*="position: fixed"][style*="top: 20px"][style*="right: 20px"] {
        top: 70px !important;
        right: 10px !important;
    }
}

/* Ensure content doesn't overflow */
.main-content > * {
    max-width: 100%;
    overflow-x: auto;
}

/* Fix for wrapped menu items in narrower sidebar */
.nav-dropdown-menu .nav-link span,
.nav-link span {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    display: inline-block !important;
    max-width: 200px !important;
    line-height: 1.3 !important;
}

/* Adjust padding for wrapped items */
.nav-dropdown-menu .nav-link {
    padding: 0.6rem 1rem !important;
    min-height: auto !important;
}