/* ========================================
   Font Override - IBM Plex Sans
   ======================================== */
body,
html {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ========================================
   Custom Sidebar Minimize/Collapse Styles
   ======================================== */

/* Toggle button - ALWAYS FLOATING at left edge */
#kt_app_sidebar_toggle {
    position: fixed !important;
    left: 0 !important;
    bottom: 20.00vh !important;
    z-index: 1059 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-secondary) !important;
    width: 25px !important;
    height: 35px !important;
    padding-bottom: 5px !important;
    border-radius: 0 20% 80% 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    opacity: 0.6 !important;
    border: 1px solid var(--bs-gray-300) !important;
    border-left: none !important;
}

#kt_app_sidebar_toggle:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary) !important;
}

#kt_app_sidebar_toggle:hover i {
    color: var(--bs-primary) !important;
}

#kt_app_sidebar_toggle i {
    color: var(--bs-dark) !important;
    font-size: 1.25rem !important;
    transition: opacity 0.15s ease !important;
}

/* Hover trigger zone - invisible strip at left edge */
.sidebar-hover-trigger {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 15px !important;
    z-index: 1049 !important;
    display: none; /* Only show when sidebar is minimized */
}

/* Sidebar footer */
.app-sidebar-footer {
    transition: none !important;
}

/* When sidebar is MINIMIZED */
[data-kt-app-sidebar-minimize="on"] {
    .app-wrapper {
        margin-left: 0 !important; /* Prevent content shift */
    }

    /* Sidebar takes NO space - completely disappears */
    .app-sidebar {
        /*width: 0 !important;*/
        /*min-width: 0 !important;*/
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease, opacity 0.3s ease !important;
        overflow: hidden !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        z-index: 1039 !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Show hover trigger zone when minimized */
    .sidebar-hover-trigger {
        display: block !important;
    }

    /* Hide logo completely */
    .app-sidebar-logo {
        display: none !important;
    }

    /* Hide user info section */
    .app-sidebar-footer > div {
        display: none !important;
    }

    /* Remove footer padding */
    .app-sidebar-footer {
        padding: 0 !important;
        background: transparent !important;
    }
}

/* Hover to show: when hovering trigger zone OR sidebar, expand it */
[data-kt-app-sidebar-minimize="on"] .sidebar-hover-trigger:hover ~ .app-sidebar,
[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover {
    visibility: visible !important;
    opacity: 1 !important;
    width: var(--kt-app-sidebar-width, 265px) !important;
    min-width: var(--kt-app-sidebar-width, 265px) !important;
    transform: translateX(0) !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Keep sidebar visible when hovering from trigger to sidebar */
[data-kt-app-sidebar-minimize="on"] .sidebar-hover-trigger:hover ~ .app-sidebar,
[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover {
    display: flex !important;
}

/* Sidebar animation */
.app-sidebar {
    transition: transform 0.3s ease, width 0.3s ease, opacity 1.25s ease 0.25s !important;
    will-change: transform, width, opacity;
}

/* Disable transitions on main content to prevent stuttering */
.app-main {
    transition: none !important;
}

/* Remove ALL top spacing */
.app-root,
#kt_app_root {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#kt_app_page,
.app-page {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#kt_app_wrapper,
.app-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Prevent horizontal scroll - KISS */
body {
    overflow-x: hidden !important;
}

.app-wrapper {
    overflow-x: hidden !important;
}

/* When minimized, ensure sidebar overlays on hover (doesn't push content) */
[data-kt-app-sidebar-minimize="on"] .sidebar-hover-trigger:hover ~ .app-sidebar,
[data-kt-app-sidebar-minimize="on"] .app-sidebar:hover {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 1050 !important;
}