@import '_content/XCore.UI/XCore.UI.8gqe8ijsie.bundle.scp.css';

/* _content/XCore.WebUI/EntityManagement/XGridEntityMgr/XGridEntityMgr.razor.rz.scp.css */
/* برای ایجاد جداکننده عمودی بین آیتم‌ها */
.x-toolbar-separator[b-dmjgk2r07e] {
    width: 2px;
    height: 24px;
    background-color: #dee2e6;
    margin: 0 5px;
    align-self: center;
}


/* _content/XCore.WebUI/Layout/XAppErrorBoundary.razor.rz.scp.css */
/* Wrapper برای اینکه Scope در DOM وجود داشته باشد */
.xheader-root[b-3bnzmd84yh] {
    display: block;
}

    /* خط جداکننده زیر AppBar */
    .xheader-root[b-3bnzmd84yh]  .e-appbar {
        border-bottom: 1px solid #dcdcdc;
        box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    }



/* Wrapper برای اینکه Scope در DOM وجود داشته باشد */
.xheader-root[b-3bnzmd84yh] {
    height: 64px; /* مقدار دلخواه */
}

    /* ارتفاع خود AppBar */
    .xheader-root[b-3bnzmd84yh]  .e-appbar {
        height: 64px;
    }





/* تنظیمات leading */
.appbar-leading[b-3bnzmd84yh] {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 8px;
}

/* ظرف لوگو */
.appbar-logo[b-3bnzmd84yh],
.appbar-logo-link[b-3bnzmd84yh] {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

/* خود تصویر لوگو */
.appbar-logo-img[b-3bnzmd84yh] {
    width: auto !important;
    max-height: 40px;
    object-fit: contain;
    display: block;
}

/* کوچک‌تر کردن دکمه Toggle */
.xheader-root[b-3bnzmd84yh]  .hamburger-btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    padding: 0;
}

    /* کوچک‌تر کردن آیکون همبرگری */
    .xheader-root[b-3bnzmd84yh]  .hamburger-btn .e-btn-icon,
    .xheader-root[b-3bnzmd84yh]  .hamburger-btn .e-icons {
        font-size: 20px;
        line-height: 1;
    }
/* _content/XCore.WebUI/Layout/XHeader.razor.rz.scp.css */
/* Wrapper برای اینکه Scope در DOM وجود داشته باشد */
.xheader-root[b-dgg7rbbqxn] {
    display: block;
}

    /* خط جداکننده زیر AppBar */
    .xheader-root[b-dgg7rbbqxn]  .e-appbar {
        border-bottom: 1px solid #dcdcdc;
        box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    }



/* Wrapper برای اینکه Scope در DOM وجود داشته باشد */
.xheader-root[b-dgg7rbbqxn] {
    height: 64px; /* مقدار دلخواه */
}

    /* ارتفاع خود AppBar */
    .xheader-root[b-dgg7rbbqxn]  .e-appbar {
        height: 64px;
    }





/* تنظیمات leading */
.appbar-leading[b-dgg7rbbqxn] {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 8px;
}

/* ظرف لوگو */
.appbar-logo[b-dgg7rbbqxn],
.appbar-logo-link[b-dgg7rbbqxn] {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

/* خود تصویر لوگو */
.appbar-logo-img[b-dgg7rbbqxn] {
    width: auto !important;
    max-height: 40px;
    object-fit: contain;
    display: block;
}

/* کوچک‌تر کردن دکمه Toggle */
.xheader-root[b-dgg7rbbqxn]  .hamburger-btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    padding: 0;
}

    /* کوچک‌تر کردن آیکون همبرگری */
    .xheader-root[b-dgg7rbbqxn]  .hamburger-btn .e-btn-icon,
    .xheader-root[b-dgg7rbbqxn]  .hamburger-btn .e-icons {
        font-size: 20px;
        line-height: 1;
    }




/******************************************************************
 * XHeader
 ******************************************************************/


/* دکمه همبرگری حرفه‌ای */
.hamburger-btn[b-dgg7rbbqxn] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #0d6efd;
    box-shadow: none;
    transition: background-color .18s ease, box-shadow .18s ease, transform .14s ease, color .18s ease;
    position: relative;
    overflow: hidden;
}

    /* خود آیکون */
    .hamburger-btn .hamburger-icon[b-dgg7rbbqxn] {
        font-size: 1.45rem;
        line-height: 1;
        color: inherit;
        transition: transform .18s ease, color .18s ease;
    }

    /* hover */
    .hamburger-btn:hover[b-dgg7rbbqxn] {
        background-color: rgba(13, 110, 253, .10);
        box-shadow: 0 6px 16px rgba(13, 110, 253, .14);
        transform: translateY(-1px);
        color: #0b5ed7;
    }

        .hamburger-btn:hover .hamburger-icon[b-dgg7rbbqxn] {
            transform: rotate(-8deg) scale(1.08);
        }

    /* active هنگام کلیک */
    .hamburger-btn:active[b-dgg7rbbqxn] {
        background-color: rgba(13, 110, 253, .16);
        transform: translateY(0) scale(.96);
    }

    /* فوکوس کیبورد */
    .hamburger-btn:focus-visible[b-dgg7rbbqxn] {
        outline: none;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .22);
    }

    /* حالت باز بودن سایدبار */
    .hamburger-btn.is-open[b-dgg7rbbqxn] {
        background-color: rgba(13, 110, 253, .12);
        color: #c0156e;
    }

        .hamburger-btn.is-open .hamburger-icon[b-dgg7rbbqxn] {
            transform: rotate(90deg);
        }



/* _content/XCore.WebUI/Layout/XNavMenu.razor.rz.scp.css */
/* تعریف متغیر برای ارتفاع ردیف‌ها جهت هماهنگی */
.sidebar-tree-container[b-15618c2o7u] {
    --tree-item-height: 16px;
    --tree-listtext-height: 10px;
}

.sidebar-title[b-15618c2o7u] {
    font-size: 1.1rem;
    font-weight: 600;
}

.sidebar-tree[b-15618c2o7u] {
    padding: 1rem 0.75rem 2rem;
}

/* ========================================= */
/* Tree view appearance                      */
/* ========================================= */

.sidebar-tree-container[b-15618c2o7u]  .e-list-text {
    font-size: 1rem !important;
    font-weight: bold;
    line-height: var(--tree-listtext-height);
}

/* یکسان‌سازی ارتفاع‌ها با استفاده از متغیر */
.sidebar-tree-container[b-15618c2o7u]  .e-list-item {
    min-height: var(--tree-item-height);
}

/*.sidebar-tree-container ::deep .e-fullrow {
    height: var(--tree-item-height);
}
*/
/* تنظیم ارتفاع محتوای متنی برای وسط‌چین شدن عمودی دقیق */
.sidebar-tree-container[b-15618c2o7u]  .e-list-item > .e-text-content {
    min-height: var(--tree-item-height);
    padding: 3px 10px !important; /* کمتر */
    margin-inline-start: 2px; /* اختیاری */
}

/* ========================================= */
/* Highlight                      */
/* ========================================= */

/* 1. حذف پس‌زمینه پیش‌فرض Syncfusion که کل سطر را می‌گیرد */
[b-15618c2o7u] .e-treeview .e-list-item.e-active > .e-fullrow,
[b-15618c2o7u] .e-treeview .e-list-item.e-hover > .e-fullrow,
[b-15618c2o7u] .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* 2. استایل پایه برای تمام نودها (برای جلوگیری از جابجایی هنگام انتخاب) */
[b-15618c2o7u] .e-treeview .e-list-item > .e-text-content {
    border-radius: 8px !important; /* میزان گرد بودن گوشه‌ها */
    padding: 3px 10px !important; /* فاصله داخلی مستطیل */
    width: max-content !important; /* عرض مستطیل به اندازه محتوا باشد */
    margin-inline-start: 2px; /* فاصله از آیکون باز/بسته کردن */
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* 3. استایل مستطیل گرد فقط برای نود فعال (انتخاب شده) */
[b-15618c2o7u] .e-treeview .e-list-item.e-active > .e-text-content {
    background-color: #e0e7ff !important; /* رنگ زمینه مستطیل - مثال: آبی روشن */
}

    /* 4. تغییر رنگ متن و آیکون در نود فعال */
    [b-15618c2o7u] .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
    [b-15618c2o7u] .e-treeview .e-list-item.e-active > .e-text-content .e-list-icon {
        color: #4f46e5 !important; /* رنگ متن و آیکون - مثال: آبی تیره */
        font-weight: bold; /* در صورت تمایل برای بولد شدن متن */
    }


/* ========================================= */
/* Indent                      */
/* ========================================= */

/* 5. استایل حالت هاور (اختیاری - زمانی که ماوس روی نود می‌رود) */
[b-15618c2o7u] .e-treeview .e-list-item.e-hover > .e-text-content {
    background-color: #efefef !important; /* رنگ زمینه هاور - مثال: خاکستری روشن */
}


/* کاهش تورفتگی نودهای فرزند */
[b-15618c2o7u] .e-treeview .e-list-item > .e-ul {
    /* استفاده از inline-start برای پشتیبانی همزمان از راست‌چین (RTL) و چپ‌چین (LTR) */
    padding-inline-start: 7px !important;
}


/* ========================================= */
/* انتقال آیکون باز و بسته به منتها الیه                      */
/* ========================================= */

/* 1. اطمینان از اینکه کانتینر متن از Flexbox استفاده کرده و تمام عرض را می‌گیرد */
[b-15618c2o7u] .e-treeview.e-rtl .e-list-item .e-text-content {
    display: flex !important;
    width: 97% !important;
    align-items: center;
    padding-right: 0 !important; /* تنظیم پدینگ در صورت نیاز */
}

[b-15618c2o7u] .e-treeview.e-rtl .e-list-item .e-text-content {
    display: flex !important;
    flex: 1; /* جایگزین width: 100% شد تا فقط فضای باقیمانده را پر کند */
    box-sizing: border-box !important; /* جلوگیری از افزایش عرض به خاطر پدینگ */
    align-items: center;
    padding-right: 0 !important;
}

/* 2. دادن قابلیت رشد به متن تا تمام فضای میانی را پر کند */
[b-15618c2o7u] .e-treeview.e-rtl .e-list-item .e-list-text {
    flex-grow: 1 !important;
    text-align: right !important;
}

/* 3. هل دادن آیکون‌های باز/بسته شدن به منتهی‌الیه سمت چپ */
[b-15618c2o7u] .e-treeview.e-rtl .e-list-item .e-icon-expandable,
[b-15618c2o7u] .e-treeview.e-rtl .e-list-item .e-icon-collapsible {
    margin-right: auto !important; /* این ویژگی در محیط RTL آیکون را به انتهای چپ می‌راند */
    margin-left: 8px !important; /* ایجاد کمی فاصله از لبه سمت چپ */
    order: 2 !important; /* در صورت نیاز به تغییر ترتیب قرارگیری در DOM */
}



/* 4. تغییر رنگ متن و آیکون در نود فعال */
[b-15618c2o7u] .e-treeview .e-list-item .e-text-content .e-list-icon {
    font-size: 18px !important;
}

/* ========================================= */
/* اعمال کلاس اختصاصی                      */
/* ========================================= */

.nav-node-container[b-15618c2o7u] {
    margin: 0px !important;
    padding: 0px !important;
}

.nav-node-icon[b-15618c2o7u] {
    font-size: 18px !important;
}

.nav-node-text[b-15618c2o7u] {
}

/* ========================================= */
/* Seperator                      */
/* ========================================= */

[b-15618c2o7u] .e-treeview .e-list-item.x-navmenu-separator {
    margin-top: 12px;
    padding-top: 12px;
    position: relative;
}

    [b-15618c2o7u] .e-treeview .e-list-item.x-navmenu-separator::before {
        content: "";
        position: absolute;
        top: 0;
        left: 8%;
        right: 8%;
        height: 1.5px;
        pointer-events: none;
        transform: translateY(-0.5px);
        background: linear-gradient( to right, transparent 0%, rgba(210, 2, 253, 0.18) 30%, rgba(210, 2, 253, 0.75) 50%, rgba(210, 2, 253, 0.18) 70%, transparent 100% );
        box-shadow: none;
    }
/* _content/XCore.WebUI/Services/BreadcrumbService/XBreadcrumb.razor.rz.scp.css */
.xcore-sfbreadcrumb-wrapper[b-a1314najg3]  .e-breadcrumb-text {
    color: #c0156e !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.xcore-sfbreadcrumb-wrapper[b-a1314najg3]  .e-breadcrumb-icon {
    color: #c0156e !important;
    margin-left: 10px;
    font-size: 22px !important;
    font-weight: 100 !important;
}

.xcore-sfbreadcrumb-wrapper[b-a1314najg3]  .e-breadcrumb {
    margin-bottom: 5px !important;
}
.xcore-sfbreadcrumb-wrapper[b-a1314najg3]  .e-breadcrumb-separator {
    color: #c0156e !important;
}

/* حذف حالت hover و کلیک در Breadcrumb */
.xcore-sfbreadcrumb-wrapper[b-a1314najg3]   .e-breadcrumb .e-breadcrumb-item,
.e-breadcrumb .e-breadcrumb-text[b-a1314najg3],
.e-breadcrumb .e-icons[b-a1314najg3] {
    pointer-events: none;
    cursor: default !important;
}

    /* حذف تغییر رنگ هنگام hover */
    .e-breadcrumb .e-breadcrumb-item:hover[b-a1314najg3],
    .e-breadcrumb .e-breadcrumb-text:hover[b-a1314najg3] {
        background-color: transparent !important;
        color: inherit !important;
    }

/* حذف کامل underline از متن Breadcrumb */
.xcore-sfbreadcrumb-wrapper[b-a1314najg3]  .e-breadcrumb a,
.e-breadcrumb .e-breadcrumb-text[b-a1314najg3],
.e-breadcrumb .e-breadcrumb-item a[b-a1314najg3],
.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text[b-a1314najg3] {
    text-decoration: none !important;
}

    /* جلوگیری از underline هنگام hover */
    .e-breadcrumb a:hover[b-a1314najg3],
    .e-breadcrumb .e-breadcrumb-text:hover[b-a1314najg3] {
        text-decoration: none !important;
    }
/* _content/XCore.WebUI/XCore.Users/XUserScheduleEditor/XUserAvailabilityScheduleEditor.razor.rz.scp.css */
/* تنظیمات فونت کلی کامپوننت و خطاها */
.schedule-container[b-g6cf64z8fv], .validation-alert[b-g6cf64z8fv] {
    font-size: 0.8rem;
}

/* عرض ثابت برای نام روزها */
.day-label[b-g6cf64z8fv] {
    width: 65px;
}

/* گروه ورودی زمان */
.time-input-group[b-g6cf64z8fv] {
    width: auto;
    height: 24px;
}

/* استایل‌های اختصاصی برای input های زمان */
.time-input[b-g6cf64z8fv] {
    height: 24px;
    min-height: 24px;
    padding: 0 2px;
    width: 65px;
    font-size: 0.75rem !important;
    border-color: #dddada !important;
}

/* جداکننده بین دو زمان (علامت داش) */
.time-separator[b-g6cf64z8fv] {
    height: 24px;
    padding: 0 4px;
    font-size: 0.8rem;
    border-color: #dddada !important;
}

/* استایل پایه برای دکمه‌های بسیار کوچک (حذف و اضافه) */
.btn-mini[b-g6cf64z8fv] {
    height: 24px;
    width: 24px;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #dddada !important;
}

/* ضخیم کردن علامت + در دکمه افزودن */
.btn-add-slot[b-g6cf64z8fv] {
    font-weight: bold;
    border-color: #dddada !important;
}

/* حالت خالی (علامت ---) */
.empty-state[b-g6cf64z8fv] {
    font-size: 0.75rem;
}