/* Scope to admin-frame to avoid bleeding */
.admin-frame {
    width: 100%;
    overflow: hidden;
    font-family: "Bein","Cairo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

    .admin-frame .bg-darkgray {
        background-color: #4f5467 !important;
    }

    .admin-frame .navbar-dark .navbar-toggler {
        border-color: rgba(255,255,255,.4);
    }

    .admin-frame .page-wrapper {
        background: #edf1f5;
        position: relative;
    }

    .admin-frame .container-fluid {
        padding: 0 25px;
        min-height: 1200px;
    }

    /* Hide any page-level breadcrumbs rendered inside @Body (keep only layout’s one) */
    .admin-frame .admin-content .page-titles {
        display: none !important;
    }

    /* Breadcrumb (layout) */
    .admin-frame .page-titles {
        background: #fff;
        padding: 14px 10px;
        box-shadow: 1px 0 20px rgba(0,0,0,.08);
        margin: 0;
        border-bottom: 1px solid #e9ecef;
    }

        .admin-frame .page-titles .breadcrumb {
            padding: 0;
            margin: 0;
            background: transparent;
            font-size: 12px;
        }

            .admin-frame .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                content: "\e649";
                font-family: themify;
                color: #ced4da;
                font-size: 11px;
            }

    /* Sidebar card (white) */
    .admin-frame .left-sidebar {
        width: 260px;
        background: #fff;
        box-shadow: 1px 0 20px rgba(0,0,0,.08);
        border: 1px solid #e9ecef;
        border-radius: 8px;
        padding: 16px 0;
    }

    .admin-frame #adminSidebarDesktop.collapse:not(.show) .left-sidebar {
        width: 0;
        padding: 0;
        border-width: 0;
        box-shadow: none;
        overflow: hidden;
    }

    .admin-frame #adminSidebarDesktop.collapse.show .left-sidebar {
        width: 260px;
    }

    .admin-frame .scroll-sidebar {
        position: relative;
        height: auto;
    }

    /* User profile */
    .admin-frame .user-profile {
        margin-top: 10px;
        padding: 0 14px;
        text-align: center;
    }

    .admin-frame .user-pro-body img.img-circle {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        object-fit: cover;
        margin: 0 auto 8px;
        display: block;
    }

    .admin-frame .user-profile .dropdown-menu {
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 180px;
        top: 20px !important;
    }

    /* Sidebar nav (your style) */
    .admin-frame .sidebar-nav {
        padding: 15px 0 0;
    }

        .admin-frame .sidebar-nav ul {
            margin: 0;
            padding: 0;
        }

            .admin-frame .sidebar-nav ul li {
                list-style: none;
            }

                .admin-frame .sidebar-nav ul li a {
                    color: #8d97ad;
                    padding: 10px 35px 10px 15px;
                    display: block;
                    font-size: 14px;
                    font-weight: 400;
                    text-decoration: none;
                }

                    .admin-frame .sidebar-nav ul li a:hover, .admin-frame .sidebar-nav ul li a.active {
                        color: #fb9678;
                    }

        .admin-frame .sidebar-nav > ul > li {
            margin: 8px 0;
        }

        .admin-frame .sidebar-nav ul li.nav-small-cap {
            font-size: 12px;
            margin: 0;
            padding: 30px 14px 14px 0;
            color: #6c757d;
            font-weight: 500;
            direction: rtl;
        }

        .admin-frame .sidebar-nav .has-arrow {
            position: relative;
        }

            .admin-frame .sidebar-nav .has-arrow::after {
                position: absolute;
                content: '';
                width: 7px;
                height: 7px;
                border-width: 1px 0 0 1px;
                border-style: solid;
                border-color: #8d97ad;
                right: 20px;
                transform: rotate(135deg) translate(0,-50%);
                transform-origin: top;
                top: 21px;
                transition: all .3s ease-out;
            }

            .admin-frame .sidebar-nav .has-arrow[aria-expanded="true"]::after {
                transform: rotate(-135deg) translate(0,-50%);
                top: 42%;
            }

        .admin-frame .sidebar-nav ul li ul {
            padding-left: 30px;
        }

            .admin-frame .sidebar-nav ul li ul li a {
                padding: 7px 35px 7px 15px;
            }

    /* Main content area */
    .admin-frame .admin-content {
        padding: 1rem 0 1.25rem;
    }

    .admin-frame .page-wrapper .card, .admin-frame .page-wrapper .row > [class*="col-"] > .card {
        background: #fff;
    }

    /* Offcanvas width */
    .admin-frame .admin-offcanvas.offcanvas-end {
        width: 300px;
    }