/* /Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ckbql49c7s] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ckbql49c7s] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* ضبط التخطيط مع Sidebar يمين */
#wrapper #content-wrapper[b-ckbql49c7s] {
    margin-right: 18rem;
    margin-left: 0;
    min-width: 0;
}

#wrapper #content-wrapper .container-fluid[b-ckbql49c7s] {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
}

@media (max-width: 991.98px) {
    #wrapper[b-ckbql49c7s] {
        flex-direction: column;
    }

    #wrapper #content-wrapper[b-ckbql49c7s] {
        margin-right: 0;
    }
}
/* /Layout/Sidebar.razor.rz.scp.css */
#accordionSidebar .nav-item .nav-link[b-tx6ds65ug2] {
    width: 100%;
    text-align: right;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    padding-right: 1rem;
    padding-left: 1rem;
}

#accordionSidebar .nav-item .nav-link i[b-tx6ds65ug2] {
    margin-left: .5rem;
    margin-right: 0;
}

#accordionSidebar .nav-item .nav-link[data-toggle="collapse"][b-tx6ds65ug2]::after {
    float: left;
    margin-left: 0;
    margin-right: .25rem;
}

#accordionSidebar .nav-item .nav-link[data-toggle="collapse"].collapsed[b-tx6ds65ug2]::after {
    content: '\f104';
}

#accordionSidebar .sidebar-heading[b-tx6ds65ug2],
#accordionSidebar .collapse-inner[b-tx6ds65ug2],
#accordionSidebar .collapse-header[b-tx6ds65ug2],
#accordionSidebar .collapse-item[b-tx6ds65ug2] {
    text-align: right;
}

#accordionSidebar .collapse-item[b-tx6ds65ug2] {
    white-space: normal;
}

#accordionSidebar #collapseTwoChild[b-tx6ds65ug2] {
    display: none;
}

#accordionSidebar #collapseTwoChild.show[b-tx6ds65ug2] {
    display: block;
}

/* إظهار عادي على الشاشات الكبيرة */
#accordionSidebar[b-tx6ds65ug2] {
    transform: translateX(0);
    transition: transform .25s ease;
}

/* إخفاء تلقائي على الشاشات الصغيرة مع فتح عند الضغط على الأيقونة */
@media (max-width: 991.98px) {
    #accordionSidebar[b-tx6ds65ug2] {
        transform: translateX(100%);
        max-width: 85vw !important;
        z-index: 1050;
    }

    #accordionSidebar.mobile-open[b-tx6ds65ug2] {
        transform: translateX(0);
    }
}
/* /Pages/Accounts/Cards/AccountTreeNode.razor.rz.scp.css */
/* Continer Tree */
.tree-node[b-ywm71fcg5f] {
    margin: 0.25rem 0;
}

details[b-ywm71fcg5f] {
/*    border-inline-start: 2px solid #e5e7eb;*/
    /*    margin-inline-start: 0.4rem;
    padding-inline-start: 0.75rem;*/
}

.account[b-ywm71fcg5f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    list-style: none;
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

    .account[b-ywm71fcg5f]::before {
        content: "📘";
        font-size: 1rem;
        line-height: 1;
    }

    .account:hover[b-ywm71fcg5f] {
        background: #f8fafc;
    }

    .account.selected[b-ywm71fcg5f] {
        background: #e0edff;
        box-shadow: inset 0 0 0 1px #93c5fd;
/*        padding: 0.35rem 0.5rem;*/
    }

.folder[b-ywm71fcg5f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    list-style: none;
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

    .folder[b-ywm71fcg5f]::before {
        content: "📁";
        font-size: 1rem;
        line-height: 1;
    }

details[open] > .folder[b-ywm71fcg5f]::before {
    content: "📂";
}

.folder.leaf[b-ywm71fcg5f]::before {
    content: "📁";
    opacity: 0.45;
    font-size: 1rem;
    line-height: 1;
}

.folder:hover[b-ywm71fcg5f] {
    background: #f8fafc;
}

.folder.selected[b-ywm71fcg5f] {
    background: #e0edff;
    box-shadow: inset 0 0 0 1px #93c5fd;
/*    padding: 0.35rem 0.5rem;*/
}

.node-code[b-ywm71fcg5f] {
    background: #eef2ff;
    /*    color: #3730a3;*/
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    font-size: 0.8rem;
    padding: 0.1rem 0.5rem;
    font-weight: 600;
}

.node-name[b-ywm71fcg5f] {
    /*    color: #111827;*/
    font-weight: 500;
}

.node-children[b-ywm71fcg5f] {
    margin: 0.25rem 0 0.25rem 0.5rem;
    /*    padding-inline-start: 3rem;*/
    list-style: none;
}

    .node-children > li[b-ywm71fcg5f] {
        /*    margin: 0.1rem 0;*/
    }

.node-loading[b-ywm71fcg5f] {
    color: #6b7280;
    font-size: 0.9rem;
    padding-inline-start: 0.75rem;
}

@media (max-width: 768px) {
    .account[b-ywm71fcg5f],
    .folder[b-ywm71fcg5f] {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "icon code"
            "icon name";
        column-gap: 0.5rem;
        row-gap: 0.2rem;
        align-items: start;
    }

    .account[b-ywm71fcg5f]::before,
    .folder[b-ywm71fcg5f]::before {
        grid-area: icon;
        align-self: start;
        margin-top: 0.15rem;
    }

    .node-code[b-ywm71fcg5f] {
        grid-area: code;
        width: fit-content;
    }

    .node-name[b-ywm71fcg5f] {
        grid-area: name;
    }
}