/* Views body Wrapper*/
.body-wrapper .container-fluid, .body-wrapper .container-sm, .body-wrapper .container-md, .body-wrapper .container-lg, .body-wrapper .container-xl, .body-wrapper .container-xxl {
   padding-top: 75px !important;
}

/* ===================== HEADER & SIDEBAR POSITIONING ===================== */

.app-header {
    top: 0px !important;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
    top: 0px !important;
    position: fixed;
    bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* sidebar itself doesn't scroll */
    z-index: 1000;
}

/* ===================== ACTIVE SIDEBAR LINK STYLES ===================== */

.sidebar-item > .sidebar-link {
    background: transparent !important;
    color: #222 !important;
    border-radius: 8px;
    transition: background 0.2s;
}

    .sidebar-item.active > .sidebar-link,
    .sidebar-item > .sidebar-link.active {
        background: #2563eb !important;
        color: #fff !important;
    }

    .sidebar-item:not(.active) > .sidebar-link,
    .sidebar-item > .sidebar-link:not(.active) {
        background: transparent !important;
        color: #222 !important;
    }

.sidebar-item.has-arrow.active > .sidebar-link {
    background: #2563eb !important;
    color: #fff !important;
}

.collapse .sidebar-item > .sidebar-link {
    background: transparent !important;
    color: #222 !important;
}

.collapse .sidebar-item.active > .sidebar-link {
    background: #2563eb !important;
    color: #fff !important;
}

/* ===================== SIDEBAR SCROLL FIX ===================== */

/* This is the actual scrollable container */
.left-sidebar nav.sidebar-nav.scroll-sidebar {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 64px); /* adjust if header is different height */
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none; /* Firefox */
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

    .left-sidebar nav.sidebar-nav.scroll-sidebar::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    /* Make sure UL fits tight */
    .left-sidebar nav.sidebar-nav.scroll-sidebar > ul {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

        /* Last item flush */
        .left-sidebar nav.sidebar-nav.scroll-sidebar > ul > li:last-child {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }

    /* ===================== MISC CLEANUP ===================== */

    /* Remove accidental padding from Simplebar content */
    .left-sidebar nav.sidebar-nav.scroll-sidebar > .simplebar-content,
    .left-sidebar nav.sidebar-nav.scroll-sidebar > .simplebar-content-wrapper {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        min-height: auto !important;
    }

/* ===================== OPTIONAL FOOTER AREA ===================== */

/*
.left-sidebar .sidebar-footer {
    margin-top: auto;
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
}
*/

/* custom override (must load AFTER layouts.css or layouts.scss compiled file) */
/*.body-wrapper .container-fluid,
.body-wrapper .container-sm,
.body-wrapper .container-md,
.body-wrapper .container-lg,
.body-wrapper .container-xl,
.body-wrapper .container-xxl {
    max-width: 100% !important;
}*/

/*FASTDeatils internal notes*/
.edit-highlight {
    background-color: #fff3cd;
    transition: background-color 1.5s ease;
}


.page-content h1,
.page-content h2,
.page-content h3 {
    margin-top: 0;
}
