﻿/* ==========================================   RK Modern Tree View Styles   ========================================== */.rk-tree-wrapper {    position: relative;    overflow: auto;    font-family: inherit;    font-size: 13.5px;    color: #334155;    cursor: default;    padding: 10px;    transition: all 0.25s ease;}/* هدر و دکمه‌های ابزار */.rk-tree-header-box {    margin-bottom: 12px;    padding-bottom: 10px;    border-bottom: 1px solid #f1f5f9;}.rk-tree-actions {    display: flex;    align-items: center;    gap: 6px;}.rk-tree-btn {    display: inline-flex;    align-items: center;    justify-content: center;    width: 32px;    height: 32px;    border-radius: 8px;    border: none;    font-size: 13px;    cursor: pointer;    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}    .rk-tree-btn:hover {        transform: translateY(-1px);        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);    }.rk-btn-blue {    background: #eff6ff;    color: #2563eb;}    .rk-btn-blue:hover {        background: #2563eb;        color: #ffffff;    }.rk-btn-amber {    background: #fffbebfb;    color: #d97706;}    .rk-btn-amber:hover {        background: #d97706;        color: #ffffff;    }/* ==========================================   ساختار شاخه‌ها   ========================================== */.rk-tree-wrapper ul {    list-style: none;    margin: 0;    padding: 0;}.rk-tree-wrapper li {    position: relative;    margin: 2px 0;}    /* خطوط کشویی شاخه‌ها */    .rk-tree-wrapper li ul,    .rk-tree-wrapper.right li ul {        margin-right: 18px;        padding-right: 12px;        border-right: 2px dashed #e2e8f0;    }.rk-tree-wrapper.left li ul {    margin-left: 18px;    padding-left: 12px;    border-left: 2px dashed #e2e8f0;    border-right: none;}/* ------------------------------------------   کنترل نمایش/مخفی زیرمجموعه‌ها   ------------------------------------------ */.rk-tree-wrapper li > ul {    display: none !important;}.rk-tree-wrapper li.open > ul {    display: block !important;}/* استایل گره‌ها (Node Item) */.rk-tree-wrapper .node {    display: inline-flex;    align-items: center;    padding: 5px 10px;    border-radius: 8px;    border: 1px solid transparent;    transition: all 0.15s ease;    gap: 6px;}    .rk-tree-wrapper .node:hover {        background: #f8fafc;        border-color: #e2e8f0;    }    .rk-tree-wrapper .node.focus {        background: #eff6ff;        border-color: #bfdbfe;        color: #1d4ed8;        font-weight: 600;    }/* کنترل‌ها */.rk-tree-wrapper .controls {    display: inline-flex;    align-items: center;    gap: 4px;    opacity: 0;    transition: opacity 0.2s ease;}.rk-tree-wrapper .node:hover .controls {    opacity: 1;}.rk-tree-wrapper .controls > * {    color: #64748b;    font-size: 12px;    cursor: pointer;    padding: 2px 4px;    border-radius: 4px;    transition: all 0.15s ease;}    .rk-tree-wrapper .controls > *:hover {        color: #0f172a;        background: #e2e8f0;    }/* چک‌باکس‌ها */.rk-tree-wrapper .tree-checkbox,.rk-tree-wrapper .subCheckbox {    font-size: 16px;    color: #cbd5e1;    cursor: pointer;    transition: color 0.2s ease;}    .rk-tree-wrapper .tree-checkbox:hover,    .rk-tree-wrapper .subCheckbox:hover {        color: #3b82f6;    }/* جستجو */.rk-tree-wrapper .searchFound {    font-weight: 700;    color: #2563eb !important;    background-color: #dbeafe;    padding: 2px 6px;    border-radius: 4px;}/* ==========================================   Loading Animation   ========================================== */.rk-tree-overlay {    position: absolute;    inset: 0;    background: rgba(255, 255, 255, 0.75);    backdrop-filter: blur(2px);    z-index: 10;    border-radius: 12px;}.rk-tree-spinner {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    display: flex;    gap: 6px;    z-index: 11;}.rk-spinner-dot {    width: 8px;    height: 8px;    border-radius: 50%;    background-color: #3b82f6;    animation: rkPulse 0.6s infinite alternate;}    .rk-spinner-dot:nth-child(2) {        animation-delay: 0.2s;    }    .rk-spinner-dot:nth-child(3) {        animation-delay: 0.4s;    }@keyframes rkPulse {    from {        opacity: 0.3;        transform: scale(0.8);    }    to {        opacity: 1;        transform: scale(1.2);    }}/* ==========================================   آیکون فلش‌ها (SVG)   ========================================== */.rk-tree-wrapper .nodeExpander,.tree .nodeExpander {    display: inline-block !important;    width: 16px !important;    height: 16px !important;    min-width: 16px !important;    cursor: pointer !important;    margin: 0 4px !important;    vertical-align: middle !important;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%2364748b' d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l160-160c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L77.3 256l137.3 137.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-160-160z'/%3E%3C/svg%3E") !important;    background-repeat: no-repeat !important;    background-position: center !important;    background-size: 10px !important;    transition: transform 0.2s ease-in-out, background-color 0.2s ease !important;}    .rk-tree-wrapper .nodeExpander:hover,    .tree .nodeExpander:hover {        background-color: rgba(59, 130, 246, 0.1) !important;        border-radius: 4px !important;    }    /* چرخش فلش هنگام باز بودن نود */    .rk-tree-wrapper .nodeExpander.open,    .tree .nodeExpander.open {        transform: rotate(-90deg) !important;        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%232563eb' d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l160-160c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L77.3 256l137.3 137.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-160-160z'/%3E%3C/svg%3E") !important;    }    .rk-tree-wrapper .nodeExpander::before,    .rk-tree-wrapper .nodeExpander::after,    .tree .nodeExpander::before,    .tree .nodeExpander::after {        display: none !important;    }