:root{
    --ila-nmm-accent:#0f766e;
    --ila-nmm-accent-2:#14532d;
    --ila-nmm-text:#1f2937;
    --ila-nmm-muted:#6b7280;
    --ila-nmm-border:#e5e7eb;
    --ila-nmm-bg:#ffffff;
    --ila-nmm-soft:#f8fafc;
    --ila-nmm-soft-2:#f3f6f8;
    --ila-nmm-radius:18px;
    --ila-nmm-shadow:0 24px 60px rgba(15,23,42,.14);
}

.ila-nmm-portal{display:none}

@media (min-width:1025px){
    body.ila-nmm-lock-native li.ila-nmm-runtime-root > ul,
    body.ila-nmm-lock-native li.ila-nmm-runtime-root > .sub-menu,
    body.ila-nmm-lock-native li.ila-nmm-runtime-root > .dropdown-menu,
    body.ila-nmm-lock-native li.ila-nmm-runtime-root > .children{
        display:none!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    .ila-nmm-portal,
    .ila-nmm-portal *,
    .ila-nmm-portal *:before,
    .ila-nmm-portal *:after{
        box-sizing:border-box;
        font-family:inherit;
    }

    .ila-nmm-portal{
        display:block;
        position:fixed;
        left:0;
        right:0;
        width:100vw;
        max-width:none;
        max-height:min(78vh,760px);
        transform:translateY(10px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        z-index:2147483000;
        direction:rtl;
        background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
        border-top:1px solid rgba(15,23,42,.08);
        border-right:0;
        border-left:0;
        border-bottom:1px solid rgba(15,23,42,.08);
        border-radius:0 0 var(--ila-nmm-radius) var(--ila-nmm-radius);
        box-shadow:var(--ila-nmm-shadow);
        overflow:hidden;
        transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    }

    .ila-nmm-portal.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }

    .ila-nmm-inner{
        display:grid;
        grid-template-columns:255px minmax(0,1fr) 270px;
        min-height:420px;
        max-height:min(78vh,760px);
        overflow:hidden;
        background:linear-gradient(270deg,#f6f8fa 0%,#ffffff 30%);
    }

    .ila-nmm-tabs{
        order:1;
        padding:14px 0;
        overflow:auto;
        background:linear-gradient(180deg,#f7f8fa 0%,#f1f4f7 100%);
        border-left:1px solid var(--ila-nmm-border);
    }

    .ila-nmm-tab{
        width:100%;
        min-height:52px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        padding:12px 20px;
        margin:0;
        border:0;
        border-radius:0;
        background:transparent;
        color:var(--ila-nmm-text);
        font:inherit;
        font-size:15px;
        line-height:1.9;
        font-weight:500;
        text-align:right;
        cursor:pointer;
        transition:background .18s ease,color .18s ease,padding .18s ease;
    }

    .ila-nmm-tab:after{
        content:'←';
        font-size:16px;
        color:#7c8aa0;
        transition:transform .18s ease,color .18s ease;
    }

    .ila-nmm-tab:hover,
    .ila-nmm-tab:focus,
    .ila-nmm-tab.is-active{
        outline:none;
        background:#ffffff;
        color:var(--ila-nmm-accent);
        padding-right:26px;
        box-shadow:inset 3px 0 0 var(--ila-nmm-accent);
    }

    .ila-nmm-tab:hover:after,
    .ila-nmm-tab:focus:after,
    .ila-nmm-tab.is-active:after{
        color:var(--ila-nmm-accent);
        transform:translateX(-2px);
    }

    .ila-nmm-content{
        order:2;
        min-width:0;
        padding:30px 42px 34px;
        overflow:auto;
        background:transparent;
    }

    .ila-nmm-section{display:none}
    .ila-nmm-section.is-active{display:block}

    .ila-nmm-section-title{
        display:inline-flex;
        align-items:center;
        gap:8px;
        margin:0 0 18px;
        color:var(--ila-nmm-text)!important;
        font-size:21px;
        line-height:1.8;
        font-weight:600;
        text-decoration:none!important;
    }

    .ila-nmm-section-title:not(.is-static):after{
        content:'←';
        margin-right:4px;
        color:var(--ila-nmm-accent);
        font-size:15px;
    }

    .ila-nmm-grid{
        display:grid;
        grid-template-columns:repeat(var(--ila-nmm-columns,4),minmax(0,1fr));
        column-gap:30px;
        row-gap:26px;
        list-style:none!important;
        margin:0!important;
        padding:0!important;
        align-items:start;
    }

    .ila-nmm-card{
        min-width:0;
        margin:0!important;
        padding:0!important;
        list-style:none!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        transform:none!important;
    }

    .ila-nmm-card:hover{
        transform:none;
        background:transparent;
        border-color:transparent;
        box-shadow:none;
    }

    .ila-nmm-card-title{
        display:block!important;
        margin:0 0 9px!important;
        padding:0 0 6px!important;
        color:var(--ila-nmm-text)!important;
        background:transparent!important;
        font-size:15px!important;
        line-height:1.9!important;
        font-weight:600!important;
        text-decoration:none!important;
        white-space:normal!important;
        border-bottom:1px solid rgba(15,118,110,.12);
    }

    .ila-nmm-sublist{list-style:none!important;margin:0!important;padding:0!important}

    .ila-nmm-sublist a{
        display:block!important;
        padding:3px 0!important;
        color:var(--ila-nmm-muted)!important;
        background:transparent!important;
        font-size:14px!important;
        line-height:1.9!important;
        font-weight:400!important;
        text-decoration:none!important;
        white-space:normal!important;
        transition:color .16s ease,padding-right .16s ease;
    }

    .ila-nmm-sublist a:hover,
    .ila-nmm-sublist a:focus{
        color:var(--ila-nmm-accent)!important;
        padding-right:4px!important;
    }

    .ila-nmm-sublist .ila-nmm-depth-2 > a{font-weight:500!important;color:#374151!important;margin-top:4px}
    .ila-nmm-sublist .ila-nmm-sublist{padding-right:12px!important}

    .ila-nmm-card-title:hover,.ila-nmm-card-title:focus,
    .ila-nmm-section-title:hover,.ila-nmm-section-title:focus{
        color:var(--ila-nmm-accent)!important;
    }

    .ila-nmm-visual{
        order:3;
        padding:22px;
        border-right:1px solid var(--ila-nmm-border);
        background:linear-gradient(180deg,#ffffff 0%,#f8fbfb 100%);
        display:flex;
        overflow:auto;
    }

    .ila-nmm-visual-card{
        width:100%;
        min-height:100%;
        display:flex;
        flex-direction:column;
        border-radius:18px;
        overflow:hidden;
        background:#fff;
        border:1px solid rgba(226,232,240,.95);
        box-shadow:0 14px 34px rgba(15,23,42,.08);
    }

    .ila-nmm-visual-media{
        position:relative;
        min-height:190px;
        background:linear-gradient(135deg,#dff2ef 0%,#eff8f7 55%,#f8fafc 100%);
        overflow:hidden;
    }

    .ila-nmm-visual-media.has-image{
        background-size:cover;
        background-position:center;
    }

    .ila-nmm-visual-media:before{
        content:'';
        position:absolute;
        inset:0;
        background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(15,23,42,.4) 100%);
        opacity:.75;
    }

    .ila-nmm-visual-badge{
        position:absolute;
        top:14px;
        right:14px;
        z-index:2;
        display:inline-flex;
        align-items:center;
        gap:6px;
        padding:6px 10px;
        border-radius:999px;
        background:rgba(255,255,255,.92);
        color:var(--ila-nmm-accent);
        font-size:12px;
        font-weight:600;
    }

    .ila-nmm-visual-badge:before{content:'◀';font-size:10px}

    .ila-nmm-visual-body{
        padding:18px 18px 20px;
        display:flex;
        flex-direction:column;
        gap:10px;
    }

    .ila-nmm-visual-title{
        margin:0;
        color:var(--ila-nmm-text);
        font-size:18px;
        line-height:1.9;
        font-weight:600;
    }

    .ila-nmm-visual-text{
        margin:0;
        color:var(--ila-nmm-muted);
        font-size:14px;
        line-height:2;
        font-weight:400;
    }

    .ila-nmm-visual-link{
        align-self:flex-start;
        margin-top:auto;
        display:inline-flex;
        align-items:center;
        gap:8px;
        padding:10px 16px;
        border-radius:12px;
        background:linear-gradient(90deg,var(--ila-nmm-accent) 0%,#0b8f83 100%);
        color:#fff!important;
        text-decoration:none!important;
        font-size:14px;
        line-height:1.6;
        font-weight:500;
        box-shadow:0 10px 20px rgba(15,118,110,.22);
        transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
    }

    .ila-nmm-visual-link:before{content:'←';font-size:14px}
    .ila-nmm-visual-link:hover,
    .ila-nmm-visual-link:focus{transform:translateY(-1px);box-shadow:0 14px 24px rgba(15,118,110,.28);opacity:.96}

    @media (min-width:1500px){
        .ila-nmm-inner{grid-template-columns:270px minmax(0,1fr) 290px}
        .ila-nmm-content{padding-right:52px;padding-left:52px}
        .ila-nmm-grid{column-gap:36px}
    }

    .ila-nmm-panel-columns .ila-nmm-inner{
        grid-template-columns:minmax(0,1fr) 270px;
    }

    .ila-nmm-panel-columns .ila-nmm-content{
        order:1;
        overflow:auto;
    }

    .ila-nmm-panel-columns .ila-nmm-visual{
        order:2;
    }
}

/* v0.3.2: اسکرول قطعی برای شاخه های بلند */
@media (min-width:1025px){
    .ila-nmm-portal{
        max-height:none;
    }

    .ila-nmm-inner{
        height:min(72vh,680px);
        min-height:460px;
        max-height:none;
    }

    .ila-nmm-tabs,
    .ila-nmm-content,
    .ila-nmm-visual{
        min-height:0;
        max-height:100%;
    }

    .ila-nmm-content{
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
        scrollbar-width:thin;
        scrollbar-color:#b8c2cc transparent;
    }

    .ila-nmm-tabs{
        overflow-x:hidden!important;
        overflow-y:auto!important;
        scrollbar-width:thin;
        scrollbar-color:#c5ccd3 transparent;
    }

    .ila-nmm-content::-webkit-scrollbar,
    .ila-nmm-tabs::-webkit-scrollbar{
        width:7px;
    }

    .ila-nmm-content::-webkit-scrollbar-thumb,
    .ila-nmm-tabs::-webkit-scrollbar-thumb{
        background:#c1c9d0;
        border-radius:999px;
    }

    .ila-nmm-content::-webkit-scrollbar-track,
    .ila-nmm-tabs::-webkit-scrollbar-track{
        background:transparent;
    }
}


/* v0.3.4: جلوگیری از بیرون زدن متن از ستون و رفتن زیر پنل کناری */
@media (min-width:1025px){
    .ila-nmm-content,
    .ila-nmm-section,
    .ila-nmm-grid,
    .ila-nmm-card,
    .ila-nmm-sublist,
    .ila-nmm-sublist li{
        min-width:0!important;
        max-width:100%!important;
    }

    .ila-nmm-grid{
        width:100%!important;
        overflow:visible!important;
    }

    .ila-nmm-card,
    .ila-nmm-sublist li{
        position:relative!important;
        inset:auto!important;
        right:auto!important;
        left:auto!important;
        float:none!important;
        transform:none!important;
        overflow:visible!important;
    }

    .ila-nmm-card-title,
    .ila-nmm-sublist a{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-right:0!important;
        margin-left:0!important;
        text-align:right!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
        text-overflow:clip!important;
    }

    .ila-nmm-sublist,
    .ila-nmm-sublist li{
        margin-right:0!important;
        margin-left:0!important;
    }

    .ila-nmm-sublist li::before,
    .ila-nmm-sublist li::after{
        display:none!important;
        content:none!important;
    }

    .ila-nmm-content{
        contain:layout paint;
    }
}