/* ===== منتقل‌شده از CSS اسکوپ‌شده‌ی Blazor: NavMenu.razor.css =====
   اکنون سراسری است؛ برای حفظ همان اولویت قبلی (specificity) انتخاب‌گرها ایمن‌سازی شده‌اند. */
/* ============================================
   هدر منو (نام برنامه + دکمه برگر)
   ============================================ */
.admin-root .nav-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.5rem;
    padding: 0 1rem;
    /* هدر شیشه‌ای هماهنگ با سایدبار و تصویر پس‌زمینه */
    background: linear-gradient(135deg, rgba(255, 255, 255, .20) 0%, rgba(34, 211, 238, .10) 55%, rgba(255, 255, 255, .04) 100%);
    box-shadow: 0 2px 12px rgba(0, 10, 30, .28), inset 0 1px 0 rgba(255, 255, 255, .22);
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    z-index: 1050;
}

/* نام برنامه - دقیقاً وسط کادر */
.admin-root .nav-brand {
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: .3px;
    text-decoration: none;
    text-align: center;
    transition: text-shadow .2s, opacity .2s;
}

    .admin-root .nav-brand:hover {
        color: #fff;
        text-shadow: 0 0 12px rgba(103, 232, 249, .85);
    }

/* ============================================
   دکمه برگر - ابتدای خط
   ============================================ */
.admin-root .nav-toggler {
    position: absolute;
    inset-inline-start: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 12px;
    background: rgba(255, 255, 255, .12);
    cursor: pointer;
    transition: background .25s, border-color .25s, transform .2s;
}

    .admin-root .nav-toggler:hover {
        background: rgba(255, 255, 255, .22);
        border-color: rgba(255, 255, 255, .45);
    }

    .admin-root .nav-toggler:active {
        transform: translateY(-50%) scale(.93);
    }

.admin-root .nav-toggler-bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transition: transform .3s ease, opacity .2s ease;
}

/* تبدیل برگر به ضربدر در حالت باز */
.admin-root .nav-toggler.is-open .nav-toggler-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.admin-root .nav-toggler.is-open .nav-toggler-bar:nth-child(2) {
    opacity: 0;
}

.admin-root .nav-toggler.is-open .nav-toggler-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ============================================
   پس‌زمینه تیره (فقط موبایل)
   ============================================ */
.admin-root .nav-backdrop {
    position: fixed;
    inset: 3.5rem 0 0 0;
    background: rgba(15, 23, 42, .5);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s;
    z-index: 1035;
}

    .admin-root .nav-backdrop.is-open {
        opacity: 1;
        visibility: visible;
    }

/* ============================================
   کشوی منو (موبایل)
   ============================================ */
.admin-root .nav-scrollable {
    position: fixed;
    top: 3.5rem;
    inset-inline-start: 0;
    bottom: 0;
    width: 84%;
    width: min(84vw, 320px);
    max-width: 320px;
    padding-top: .5rem;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, rgba(2, 26, 64, .96) 0%, rgba(7, 87, 123, .94) 100%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: calc(-8px * var(--dir-sign, 1)) 0 28px rgba(15, 23, 42, .35);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    /* در ابتدای کار بسته است: بیرون از صفحه + مخفی (تا با کیبورد/ابزار دسترسی‌پذیری هم قابل انتخاب نباشد) */
    transform: translateX(calc(100% * var(--dir-sign, 1)));
    visibility: hidden;
    pointer-events: none;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .3s;
    z-index: 1045;
}

    .admin-root .nav-scrollable.is-open {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), visibility 0s;
    }

/* ============================================
   آیتم‌های منو
   ============================================ */
.admin-root .nav-item {
    font-size: .9rem;
    padding-bottom: .4rem;
}

    .admin-root .nav-item:first-of-type {
        padding-top: .75rem;
    }

    .admin-root .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .admin-root .nav-item .nav-link {
        color: #d7d7d7;
        background: none;
        border: 1px solid transparent;
        border-radius: 14px;
        min-height: 3rem;
        display: flex;
        align-items: center;
        width: 100%;
        padding: .4rem .75rem;
        transition: background .2s, color .2s, transform .2s;
    }

    .admin-root .nav-item a.active {
        background: linear-gradient(135deg, rgba(255, 255, 255, .28) 0%, rgba(34, 211, 238, .16) 100%);
        border-color: rgba(255, 255, 255, .30);
        color: #fff;
        box-shadow: inset 3px 0 0 #22d3ee, 0 6px 16px rgba(0, 10, 30, .30);
    }

    .admin-root .nav-item .nav-link:hover {
        background-color: rgba(255, 255, 255, .14);
        border-color: rgba(255, 255, 255, .22);
        color: #fff;
        transform: translateX(-3px);
    }

/* ============================================
   آیکون‌ها
   ============================================ */
.admin-root .bi {
    display: inline-block;
    position: relative;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    /* منطقی (logical) تا در RTL هم فاصله درست باشد */
    margin-inline-end: 0.75rem;
    top: -1px;
    background-size: cover;
}

.admin-root .bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.admin-root .bi-plus-square-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.admin-root .bi-list-nested-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.admin-root .nav-product-icon {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-end: 0.75rem;
    object-fit: contain;
    vertical-align: middle;
}

/* آیکون محصولات در موبایل کوچک‌تر و مرتب‌تر شود */
@media (max-width: 640.98px) {
    .admin-root .nav-item .nav-product-icon {
        width: 34px !important;
        height: 34px !important;
        margin-inline-start: 0 !important;
        margin-inline-end: .7rem !important;
    }
}

/* ============================================
   دسکتاپ - منو همیشه باز و ثابت
   ============================================ */
@media (min-width: 641px) {

    .admin-root .nav-toggler {
        display: none;
    }

    .admin-root .nav-backdrop {
        display: none;
    }

    .admin-root .nav-scrollable {
        position: static;
        width: auto;
        max-width: none;
        transform: none;
        visibility: visible;
        pointer-events: auto;
        padding-bottom: 0;
        box-shadow: none;
        background: transparent;
        /* 3.5rem هدر + 1.5rem فاصله‌ی شناور بودن سایدبار */
        height: calc(100vh - 5rem);
        height: calc(100dvh - 5rem);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, .35) transparent;
    }
}

/* ============================================
   آیکون‌های منوی ادمین (SVG با ماسک؛ هر آیکون گرادیان رنگی خودش را دارد)
   ============================================ */
.admin-root .nav-ico {
    display: inline-block;
    flex: 0 0 auto;
    width: 1.4rem;
    height: 1.4rem;
    margin-inline-end: 0.75rem;
    background: linear-gradient(135deg, var(--ico-a, #fff), var(--ico-b, #fff));
    -webkit-mask: var(--ico) center / contain no-repeat;
    mask: var(--ico) center / contain no-repeat;
    filter: drop-shadow(0 1px 2px rgba(0, 10, 30, .35));
    transition: transform .2s;
}

.admin-root .nav-item .nav-link:hover .nav-ico {
    transform: scale(1.12);
}
.admin-root .nav-ico-home {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M3%2010.5%2012%203l9%207.5%22/%3E%3Cpath%20d=%22M5%209v12h14V9%22/%3E%3Cpath%20d=%22M10%2021v-6h4v6%22/%3E%3C/svg%3E");
    --ico-a: #fde68a;
    --ico-b: #fbbf24;
}

.admin-root .nav-ico-users {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%229%22%20cy=%227%22%20r=%224%22/%3E%3Cpath%20d=%22M22%2021v-2a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d=%22M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E");
    --ico-a: #a5f3fc;
    --ico-b: #22d3ee;
}

.admin-root .nav-ico-sliders {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M2%204v16%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%2212%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22M22%204v16%22/%3E%3C/svg%3E");
    --ico-a: #f5d0fe;
    --ico-b: #e879f9;
}

.admin-root .nav-ico-languages {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22m5%208%206%206%22/%3E%3Cpath%20d=%22m4%2014%206-6%202-3%22/%3E%3Cpath%20d=%22M2%205h12%22/%3E%3Cpath%20d=%22M7%202h1%22/%3E%3Cpath%20d=%22m22%2022-5-10-5%2010%22/%3E%3Cpath%20d=%22M14%2018h6%22/%3E%3C/svg%3E");
    --ico-a: #bbf7d0;
    --ico-b: #4ade80;
}

.admin-root .nav-ico-compare {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22/%3E%3Cpath%20d=%22M12%203v18%22/%3E%3Cpath%20d=%22m8%209-3%203%203%203%22/%3E%3Cpath%20d=%22m16%209%203%203-3%203%22/%3E%3C/svg%3E");
    --ico-a: #fecdd3;
    --ico-b: #fb7185;
}

.admin-root .nav-ico-about {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M12%2016v-4%22/%3E%3Cpath%20d=%22M12%208h.01%22/%3E%3C/svg%3E");
    --ico-a: #fde68a;
    --ico-b: #f59e0b;
}

.admin-root .nav-ico-ticket {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M2%209a3%203%200%200%201%200%206v2a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-2a3%203%200%200%201%200-6V7a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z%22/%3E%3Cpath%20d=%22M13%205v2%22/%3E%3Cpath%20d=%22M13%2011v2%22/%3E%3Cpath%20d=%22M13%2017v2%22/%3E%3C/svg%3E");
    --ico-a: #fed7aa;
    --ico-b: #fb923c;
}

.admin-root .nav-ico-ticket-catalog {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22/%3E%3Cpath%20d=%22M7%207h.01%22/%3E%3C/svg%3E");
    --ico-a: #ddd6fe;
    --ico-b: #8b5cf6;
}

.admin-root .nav-ico-chat {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z%22/%3E%3Cpath%20d=%22M8%2012h.01%22/%3E%3Cpath%20d=%22M12%2012h.01%22/%3E%3Cpath%20d=%22M16%2012h.01%22/%3E%3C/svg%3E");
    --ico-a: #bfdbfe;
    --ico-b: #60a5fa;
}

.admin-root .nav-ico-reviews {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M12%202.5l2.94%205.96%206.58.96-4.76%204.64%201.12%206.55L12%2017.52l-5.88%203.09%201.12-6.55L2.48%209.42l6.58-.96L12%202.5z%22/%3E%3C/svg%3E");
    --ico-a: #fde68a;
    --ico-b: #f59e0b;
}

.admin-root .nav-ico-products {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22m7.5%204.27%209%205.15%22/%3E%3Cpath%20d=%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22/%3E%3Cpath%20d=%22m3.3%207%208.7%205%208.7-5%22/%3E%3Cpath%20d=%22M12%2022V12%22/%3E%3C/svg%3E");
    --ico-a: #ddd6fe;
    --ico-b: #a78bfa;
}


.admin-root .nav-ico-categories {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%223%22%20width=%227%22%20height=%227%22%20rx=%221.5%22/%3E%3Crect%20x=%2214%22%20y=%223%22%20width=%227%22%20height=%227%22%20rx=%221.5%22/%3E%3Crect%20x=%223%22%20y=%2214%22%20width=%227%22%20height=%227%22%20rx=%221.5%22/%3E%3Crect%20x=%2214%22%20y=%2214%22%20width=%227%22%20height=%227%22%20rx=%221.5%22/%3E%3C/svg%3E");
    --ico-a: #a7f3d0;
    --ico-b: #34d399;
}

.admin-root .nav-ico-articles {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z%22/%3E%3Cpath%20d=%22M14%203v5h5%22/%3E%3Cpath%20d=%22M9%2013h6%22/%3E%3Cpath%20d=%22M9%2017h6%22/%3E%3C/svg%3E");
    --ico-a: #fef08a;
    --ico-b: #facc15;
}

.admin-root .nav-ico-discounts {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1=%2219%22%20y1=%225%22%20x2=%225%22%20y2=%2219%22/%3E%3Ccircle%20cx=%226.5%22%20cy=%226.5%22%20r=%222.5%22/%3E%3Ccircle%20cx=%2217.5%22%20cy=%2217.5%22%20r=%222.5%22/%3E%3C/svg%3E");
    --ico-a: #fecaca;
    --ico-b: #f87171;
}

.admin-root .nav-ico-import {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'/%3E%3Cpath%20d='M14%202v6h6'/%3E%3Cpath%20d='M12%2018v-6'/%3E%3Cpath%20d='m9%2015%203-3%203%203'/%3E%3C/svg%3E");
    --ico-a: #a7f3d0;
    --ico-b: #10b981;
}

.admin-root .nav-ico-price {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.6%2013.4l-7.2%207.2a2%202%200%200%201-2.8%200L3%2013V3h10l7.6%207.6a2%202%200%200%201%200%202.8z'/%3E%3Ccircle%20cx='7.5'%20cy='7.5'%20r='1.2'/%3E%3C/svg%3E");
    --ico-a: #fecdd3;
    --ico-b: #f43f5e;
}

.admin-root .nav-ico-inventory {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%208l-9-5-9%205v8l9%205%209-5V8z'/%3E%3Cpath%20d='M3.3%207.7L12%2012.5l8.7-4.8M12%2022V12.5'/%3E%3C/svg%3E");
    --ico-a: #fde68a;
    --ico-b: #f59e0b;
}

.admin-root .nav-ico-purchases {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%202h12a1%201%200%200%201%201%201v18l-3-2-3%202-3-2-3%202V3a1%201%200%200%201%201-1z'/%3E%3Cpath%20d='M9%208h6M9%2012h6'/%3E%3C/svg%3E");
    --ico-a: #a7f3d0;
    --ico-b: #10b981;
}

.admin-root .nav-ico-visitors {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M3%203v18h18%22/%3E%3Crect%20x=%227%22%20y=%2213%22%20width=%223%22%20height=%225%22%20rx=%220.5%22/%3E%3Crect%20x=%2212%22%20y=%229%22%20width=%223%22%20height=%229%22%20rx=%220.5%22/%3E%3Crect%20x=%2217%22%20y=%225%22%20width=%223%22%20height=%2213%22%20rx=%220.5%22/%3E%3C/svg%3E");
    --ico-a: #99f6e4;
    --ico-b: #2dd4bf;
}

.admin-root .nav-ico-backup {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cellipse%20cx='12'%20cy='5'%20rx='9'%20ry='3'/%3E%3Cpath%20d='M3%205v14c0%201.7%204%203%209%203s9-1.3%209-3V5'/%3E%3Cpath%20d='M3%2012c0%201.7%204%203%209%203s9-1.3%209-3'/%3E%3C/svg%3E");
    --ico-a: #bae6fd;
    --ico-b: #38bdf8;
}

.admin-root .nav-ico-triple {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22/%3E%3Cpath%20d=%22M3%209h18%22/%3E%3Cpath%20d=%22M9%209v12%22/%3E%3Cpath%20d=%22M15%209v12%22/%3E%3C/svg%3E");
    --ico-a: #c7d2fe;
    --ico-b: #818cf8;
}

.admin-root .nav-ico-triple-items {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%228.5%22%20r=%221.5%22/%3E%3Cpath%20d=%22m21%2015-5-5L5%2021%22/%3E%3C/svg%3E");
    --ico-a: #fbcfe8;
    --ico-b: #f472b6;
}

.admin-root .nav-ico-contact {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x=%222%22%20y=%225%22%20width=%2220%22%20height=%2214%22%20rx=%222%22/%3E%3Cpath%20d=%22m3%207%209%206%209-6%22/%3E%3C/svg%3E");
    --ico-a: #bfdbfe;
    --ico-b: #60a5fa;
}

.admin-root .nav-ico-gallery {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M18%2022H4a2%202%200%200%201-2-2V6%22/%3E%3Cpath%20d=%22m22%2013-1.296-1.296a2.41%202.41%200%200%200-3.408%200L11%2018%22/%3E%3Ccircle%20cx=%2212%22%20cy=%228%22%20r=%222%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%2216%22%20height=%2216%22%20rx=%222%22/%3E%3C/svg%3E");
    --ico-a: #bae6fd;
    --ico-b: #38bdf8;
}


/* ============================================
   آیکون‌های تازه‌ی منوهای زیرمجموعه‌دار
   ============================================ */
.admin-root .nav-ico-sales {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z'/%3E%3Cpath%20d='M3%206h18'/%3E%3Cpath%20d='M16%2010a4%204%200%200%201-8%200'/%3E%3C/svg%3E");
    --ico-a: #a7f3d0;
    --ico-b: #2dd4bf;
}

.admin-root .nav-ico-tickets-group {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%209a3%203%200%200%201%200%206v2a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-2a3%203%200%200%201%200-6V7a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z'/%3E%3Cpath%20d='M13%205v2'/%3E%3Cpath%20d='M13%2011v2'/%3E%3Cpath%20d='M13%2017v2'/%3E%3C/svg%3E");
    --ico-a: #fed7aa;
    --ico-b: #fb923c;
}

.admin-root .nav-ico-unit {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m12%202%2010%205-10%205L2%207z'/%3E%3Cpath%20d='m2%2012%2010%205%2010-5'/%3E%3Cpath%20d='m2%2017%2010%205%2010-5'/%3E%3C/svg%3E");
    --ico-a: #fbcfe8;
    --ico-b: #f472b6;
}

/* ============================================
   منوی زیرمجموعه‌دار (سرگروه + زیرمنو)
   ============================================ */

/* سرگروه یک دکمه است؛ ظاهرش مثل بقیه‌ی آیتم‌ها */
.admin-root .nav-item .nav-group-toggle {
    font: inherit;
    text-align: start;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    gap: 0;
}

.admin-root .nav-group-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* فلش: باز = رو به بالا، بسته = رو به پایین (با چرخش) */
.admin-root .nav-chevron {
    flex: 0 0 auto;
    width: .55rem;
    height: .55rem;
    margin-inline-start: .5rem;
    border-inline-end: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .28s ease;
    opacity: .85;
}

.admin-root .nav-group.is-open .nav-chevron {
    transform: translateY(2px) rotate(-135deg);
}

/* سرگروهِ بازی که صفحه‌ی فعلی داخل آن است: روشن‌تر از بقیه */
.admin-root .nav-group.is-open.has-active .nav-group-toggle {
    color: #fff;
    font-weight: 700;
    background-color: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .20);
}

/* سرگروهِ بسته‌ای که صفحه‌ی فعلی داخل آن است: مثل یک آیتم انتخاب‌شده هایلایت می‌شود */
.admin-root .nav-group:not(.is-open).has-active .nav-group-toggle {
    background: linear-gradient(135deg, rgba(255, 255, 255, .28) 0%, rgba(34, 211, 238, .16) 100%);
    border-color: rgba(255, 255, 255, .30);
    color: #fff;
    font-weight: 700;
    box-shadow: inset 3px 0 0 #22d3ee, 0 6px 16px rgba(0, 10, 30, .30);
}

.admin-root .nav-group.has-active .nav-group-toggle:focus-visible,
.admin-root .nav-item .nav-group-toggle:focus-visible,
.admin-root .nav-item .nav-sublink:focus-visible {
    outline: 2px solid #67e8f9;
    outline-offset: 2px;
}

/* بدنه‌ی زیرمنو؛ باز و بسته‌شدن نرم با تغییر ارتفاع از 0 تا اندازه‌ی واقعی */
.admin-root .nav-sub {
    display: grid;
    grid-template-rows: 0fr;
    visibility: hidden;
    transition: grid-template-rows .28s ease, visibility 0s linear .28s;
}

.admin-root .nav-group.is-open > .nav-sub {
    grid-template-rows: 1fr;
    visibility: visible;
    transition: grid-template-rows .28s ease, visibility 0s;
}

.admin-root .nav-sub-inner {
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    /* خط راهنمای سمت آیکون‌ها نشان می‌دهد این آیتم‌ها زیرمجموعه‌ی سرگروه‌اند */
    margin-inline-start: 1.15rem;
    padding-inline-start: .6rem;
    border-inline-start: 1px solid rgba(255, 255, 255, .22);
}

.admin-root .nav-group.is-open .nav-sub-inner {
    padding-top: .35rem;
}

/* آیتم‌های زیرمنو */
.admin-root .nav-item .nav-sublink {
    position: relative;
    min-height: 2.6rem;
    padding: .3rem .65rem;
    font-size: .86rem;
    border-radius: 12px;
    color: #cfd8e3;
}

.admin-root .nav-item .nav-sublink::after {
    display: none;
}

.admin-root .nav-item .nav-sublink:hover {
    transform: translateX(-2px);
}

.admin-root .nav-ico-sub {
    width: 1.15rem;
    height: 1.15rem;
    margin-inline-end: .6rem;
}

.admin-root .nav-sub-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* آیتم انتخاب‌شده‌ی زیرمنو: پس‌زمینه‌ی روشن + نوار رنگی + نقطه‌ی درخشان تا کاملاً مشخص باشد */
.admin-root .nav-item .nav-sublink.active {
    background: linear-gradient(135deg, rgba(34, 211, 238, .34) 0%, rgba(255, 255, 255, .20) 100%);
    border-color: rgba(103, 232, 249, .55);
    color: #fff;
    font-weight: 700;
    box-shadow: inset 3px 0 0 #22d3ee, 0 6px 16px rgba(0, 10, 30, .32);
}

.admin-root .nav-item .nav-sublink.active::before {
    content: "";
    position: absolute;
    inset-inline-start: -.95rem;
    top: 50%;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #22d3ee;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .30), 0 0 10px rgba(34, 211, 238, .9);
}

/* نشان‌ها (تعداد نظرهای در انتظار) در سرگروه و زیرمنو کنار متن بنشینند */
.admin-root .nav-group .cb-nav-badge {
    margin-inline-start: .4rem;
    flex: 0 0 auto;
}

/* موبایل: اهداف لمسی بزرگ‌تر و فاصله‌ی کمتر از لبه */
@media (max-width: 640.98px) {
    .admin-root .nav-item .nav-sublink {
        min-height: 2.85rem;
        font-size: .9rem;
    }

    .admin-root .nav-sub-inner {
        margin-inline-start: 1rem;
    }
}

/* صفحه‌ی لمسی: hover وجود ندارد؛ بدون این، آخرین آیتمِ لمس‌شده کج می‌ماند */
@media (hover: none) {
    .admin-root .nav-item .nav-link:hover,
    .admin-root .nav-item .nav-sublink:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-root .nav-scrollable,
    .admin-root .nav-sub,
    .admin-root .nav-group.is-open > .nav-sub,
    .admin-root .nav-chevron {
        transition: none;
    }
}

/* نوبت‌دهی */
.admin-root .nav-ico-appointments-group {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='17'%20rx='3'/%3E%3Cpath%20d='M8%202v4M16%202v4M3%2010h18'/%3E%3C/svg%3E");
    --ico-a: #fbcfe8;
    --ico-b: #ec4899;
}

.admin-root .nav-ico-appointment {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='17'%20rx='3'/%3E%3Cpath%20d='M8%202v4M16%202v4M3%2010h18'/%3E%3Cpath%20d='m9%2015%202%202%204-4'/%3E%3C/svg%3E");
    --ico-a: #bbf7d0;
    --ico-b: #22c55e;
}

.admin-root .nav-ico-appointment-agenda {
    --ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207v5l3%202'/%3E%3C/svg%3E");
    --ico-a: #bfdbfe;
    --ico-b: #3b82f6;
}

/* ============================================
   عنوان بخش‌های منو (محتوای سایت / فروش و مشتریان / سیستم)
   هم‌تراز با آیتم‌ها (px-3 = ۱rem) و فقط برای دسته‌بندی بصری؛ کلیک‌پذیر نیست
   ============================================ */
.admin-root .nav-section-label {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 1rem .35rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: rgba(255, 255, 255, .55);
    user-select: none;
}

    .admin-root .nav-section-label::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 255, 255, .22), transparent);
    }