.hidden {
    display: none;
}

.attachment-container {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
}

.file-download-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1976d2;
    text-decoration: none;
}

    .file-download-link:hover {
        text-decoration: underline;
    }
/* اضافه کردن به فایل wwwroot/css/app.css */
.zoomable-image {
    transition: transform 0.2s;
}

    .zoomable-image:hover {
        transform: scale(1.03);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

.file-download-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}


    /* استایل کلی منو */
    ::deep .mud-nav-menu {
        padding: 16px;
        background: linear-gradient(180deg, rgba(var(--mud-palette-primary-rgb), 0.02) 0%, rgba(var(--mud-palette-primary-rgb), 0) 100%);
        border-radius: 12px;
        min-width: 280px;
    }

    /* استایل گروه‌های اصلی منو */
    ::deep .mud-nav-group {
        margin: 8px 0 16px 0;
        padding: 8px;
        border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.08);
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        transition: all 0.2s ease;
    }

    ::deep .mud-nav-group:hover {
        border-color: rgba(var(--mud-palette-primary-rgb), 0.15);
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-1px);
    }

    /* استایل عنوان گروه‌های منو */
    ::deep .mud-nav-group > .mud-nav-group-title {
        padding: 12px 16px;
        margin-bottom: 8px;
        border-radius: 6px;
        background: linear-gradient(
            to right,
            rgba(var(--mud-palette-primary-rgb), 0.05),
            rgba(var(--mud-palette-primary-rgb), 0.02)
        );
    }

    ::deep .mud-nav-group.mud-nav-group-expanded > .mud-nav-group-title {
        background: linear-gradient(
            to right,
            rgba(var(--mud-palette-primary-rgb), 0.08),
            rgba(var(--mud-palette-primary-rgb), 0.04)
        );
        border-bottom: 1px solid rgba(var(--mud-palette-primary-rgb), 0.06);
    }

    /* استایل برای گروه باز شده */
    ::deep .mud-nav-group.mud-nav-group-expanded {
        padding-bottom: 12px;
        background: linear-gradient(
            180deg,
            rgba(255,255,255,0.8) 0%,
            rgba(255,255,255,0.4) 100%
        );
    }

    /* استایل زیرمنوها */
    ::deep .mud-nav-link {
        margin: 4px 8px;
        padding: 10px 16px;
        border-radius: 6px;
        border: 1px solid transparent;
        transition: all 0.2s ease;
    }

    ::deep .mud-nav-link:hover {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.04);
        border-color: rgba(var(--mud-palette-primary-rgb), 0.08);
        transform: translateX(-2px);
    }

    /* استایل برای حالت اکتیو منوها */
    ::deep .mud-nav-link.active {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.08) !important;
        border-color: rgba(var(--mud-palette-primary-rgb), 0.15);
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    /* بهبود استایل آیکون‌ها */
    ::deep .mud-nav-group .mud-icon-root {
        color: var(--mud-palette-primary);
        opacity: 0.8;
        transition: all 0.3s ease;
    }

    ::deep .mud-nav-group:hover .mud-icon-root {
        opacity: 1;
        transform: scale(1.1);
    }

    /* استایل جداکننده بین گروه‌های منو */
    ::deep .mud-nav-group::after {
        content: '';
        display: block;
        height: 1px;
        margin: 8px -8px -8px;
        background: linear-gradient(
            to right,
            transparent,
            rgba(var(--mud-palette-primary-rgb), 0.06),
            transparent
        );
    }

    ::deep .mud-nav-group:last-child::after {
        display: none;
    }

    .nav-group-header {
        position: relative !important;
        overflow: visible !important;
    }
    
    ::deep .mud-nav-group {
        overflow: visible !important;
    }

    ::deep .mud-nav-group > .mud-nav-group-title {
        overflow: visible !important;
    }

    ::deep .notification-badge {
        position: absolute !important;
        left: 5px !important;
        top: -5px !important;
        transform: translateY(0) !important;
        z-index: 99999 !important;
    }

    ::deep .mud-nav-group > .mud-nav-group-title .mud-nav-group-title-text {
        z-index: 1 !important;
    }

    ::deep .mud-nav-group > .mud-nav-group-title .mud-icon-root {
        z-index: 1 !important;
    }

    .menu-badge-container {
        position: relative !important;
    }

    ::deep .menu-notification-badge {
        position: absolute !important;
        left: 32px !important;
        top: 8px !important;
        z-index: 99999 !important;
    }

    ::deep .mud-nav-group-title {
        position: relative !important;
    }

    .notification-icon-container {
        position: relative;
        display: inline-flex;
        margin-left: 8px;
    }

    .menu-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .notification-container {
        position: relative;
        display: inline-flex;
        margin-right: 8px;
    }

    .notification-count {
        position: absolute;
        background-color: rgba(var(--mud-palette-error-rgb), 0.9);
        color: white;
        border-radius: 50%;
        min-width: 16px;
        height: 16px;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -6px;
        right: -6px;
        padding: 0;
        aspect-ratio: 1;
        font-weight: 500;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        backdrop-filter: blur(1px);
    }

    ::deep .notification-icon {
        color: var(--mud-palette-warning);
        font-size: 1.1rem;
    }

    .nav-link-with-notification {
        display: flex;
        align-items: center;
        gap: 16px;
        width: 100%;
        padding-left: 10px;
    }

    .submenu-notification {
        position: relative;
        display: inline-flex;
        margin-right: auto;
        margin-left: 10px;
    }

    .submenu-count {
        position: absolute;
        background-color: rgba(var(--mud-palette-error-rgb), 0.8);
        color: white;
        border-radius: 50%;
        min-width: 14px;
        height: 14px;
        font-size: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -6px;
        right: -6px;
        padding: 0;
        aspect-ratio: 1;
        font-weight: 500;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }

    ::deep .submenu-icon {
        color: var(--mud-palette-warning);
        font-size: 0.9rem;
    }

    ::deep .mud-nav-link .mud-nav-link-icon {
        color: var(--mud-palette-primary);
        opacity: 0.7;
        transition: all 0.2s ease;
    }

    ::deep .mud-nav-link:hover .mud-nav-link-icon {
        opacity: 1;
        transform: scale(1.1);
    }

    ::deep .mud-nav-link {
        margin: 4px 8px;
        padding: 8px 16px;
        border-radius: 6px;
    }

    ::deep .mud-nav-link:hover {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.06);
    }