
/*! BSCRS TOP MENU OPERATIONAL FINAL - no desktop right-side public menu - v20260830topmenu */
html body.fascrs-reference-mode{
    --topmenu-navy:#07143f;
    --topmenu-blue:#0d4fa3;
    --topmenu-teal:#10b9c9;
    --topmenu-line:#d9e6f3;
}

/* Remove public right-side menus/sidebar everywhere; keep Admin LEFT sidebar operational */
html body.fascrs-reference-mode .isj-reference-right-sidebar,
html body.fascrs-reference-mode #aboutJournalSidebar,
html body.fascrs-reference-mode .isj-home-sidebar,
html body.fascrs-reference-mode .guideline-sidebar,
html body.fascrs-reference-mode .journal-page-grid > aside,
html body.fascrs-reference-mode .submissions-reference-page > aside,
html body.fascrs-reference-mode aside.sidebar-widget:not(.admin-sidebar-ojs),
html body.fascrs-reference-mode .right-sidebar,
html body.fascrs-reference-mode .public-right-menu,
html body.fascrs-reference-mode .ojs-sidebar,
html body.fascrs-reference-mode .journal-sidebar{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    max-width:0!important;
    min-width:0!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Convert former two-column public layouts to full-width */
html body.fascrs-reference-mode .journal-page-grid,
html body.fascrs-reference-mode .submissions-reference-page,
html body.fascrs-reference-mode .isj-home-layout,
html body.fascrs-reference-mode .content-sidebar-layout,
html body.fascrs-reference-mode .page-with-sidebar{
    display:block!important;
    grid-template-columns:1fr!important;
}
html body.fascrs-reference-mode .journal-main-column,
html body.fascrs-reference-mode .main-column,
html body.fascrs-reference-mode .content-main{
    width:100%!important;
    max-width:100%!important;
}

/* Enriched top menu */
html body.fascrs-reference-mode .isj-main-menu-bar{
    position:sticky!important;
    top:0!important;
    z-index:2000!important;
    background:var(--topmenu-navy)!important;
    box-shadow:0 10px 24px rgba(7,20,63,.18)!important;
}
html body.fascrs-reference-mode .isj-menu-container{
    max-width:1480px!important;
}
html body.fascrs-reference-mode .isj-main-nav{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    width:100%!important;
    gap:0!important;
}
html body.fascrs-reference-mode .isj-main-nav > a,
html body.fascrs-reference-mode .isj-main-nav .nav-dropdown > a{
    white-space:nowrap!important;
    min-height:54px!important;
    padding:0 13px!important;
    font-size:13px!important;
    letter-spacing:.01em!important;
}
html body.fascrs-reference-mode .isj-main-nav .dropdown-panel{
    min-width:260px!important;
    max-width:min(92vw,720px)!important;
    border-radius:0 0 14px 14px!important;
    overflow:hidden!important;
}
html body.fascrs-reference-mode .isj-main-nav .mega-panel{
    display:none!important;
    grid-template-columns:repeat(2,minmax(220px,1fr))!important;
    gap:0!important;
    min-width:min(640px,92vw)!important;
}
html body.fascrs-reference-mode .isj-main-nav .nav-dropdown:hover .mega-panel{
    display:grid!important;
}
html body.fascrs-reference-mode .isj-main-nav .dropdown-panel a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    border-bottom:1px solid #edf2f8!important;
    font-size:13px!important;
    font-weight:850!important;
}
html body.fascrs-reference-mode .isj-main-nav .dropdown-panel a:hover{
    background:#eef7ff!important;
    color:var(--topmenu-blue)!important;
}

/* Better active/hover interaction */
html body.fascrs-reference-mode .isj-main-nav > a,
html body.fascrs-reference-mode .isj-main-nav .nav-dropdown > a{
    transition:background .18s ease, color .18s ease, transform .18s ease!important;
}
html body.fascrs-reference-mode .isj-main-nav > a:hover,
html body.fascrs-reference-mode .isj-main-nav .nav-dropdown:hover > a{
    transform:translateY(-1px)!important;
}

/* Operational cards should always be tappable/readable */
html body.fascrs-reference-mode .fascrs-panel-action-grid a,
html body.fascrs-reference-mode .fascrs-resource-card,
html body.fascrs-reference-mode .fascrs-functional-card,
html body.fascrs-reference-mode .panel-audit-card{
    cursor:pointer!important;
    touch-action:manipulation!important;
}

/* Mobile top menu */
@media(max-width:1100px){
    html body.fascrs-reference-mode .isj-mobile-menu-trigger{
        display:grid!important;
        position:relative!important;
        z-index:2100!important;
    }
    html body.fascrs-reference-mode .isj-main-menu-bar{
        position:sticky!important;
        top:0!important;
    }
    html body.fascrs-reference-mode .isj-main-nav{
        display:none!important;
        max-height:calc(100vh - 70px)!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
        background:var(--topmenu-navy)!important;
        padding:8px!important;
    }
    html body.fascrs-reference-mode .nav-toggle:checked ~ .isj-main-nav{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
    html body.fascrs-reference-mode .isj-main-nav > a,
    html body.fascrs-reference-mode .isj-main-nav .nav-dropdown > a{
        width:100%!important;
        justify-content:space-between!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:10px!important;
        margin-bottom:6px!important;
        background:#0a2159!important;
        min-height:48px!important;
        white-space:normal!important;
    }
    html body.fascrs-reference-mode .isj-main-nav .dropdown-panel,
    html body.fascrs-reference-mode .isj-main-nav .mega-panel{
        position:static!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        min-width:0!important;
        width:100%!important;
        max-width:100%!important;
        box-shadow:none!important;
        border:0!important;
        border-left:3px solid var(--topmenu-teal)!important;
        border-radius:0!important;
        margin:0 0 10px 8px!important;
        background:#fff!important;
    }
    html body.fascrs-reference-mode .isj-main-nav .dropdown-panel a{
        color:#223044!important;
        background:#fff!important;
        border-bottom:1px solid #edf2f8!important;
        padding:10px 12px!important;
    }
}
@media(max-width:640px){
    html body.fascrs-reference-mode .isj-top-identity-inner{
        gap:10px!important;
    }
    html body.fascrs-reference-mode .isj-journal-brand strong{
        font-size:20px!important;
        line-height:1.12!important;
    }
    html body.fascrs-reference-mode .isj-journal-brand small{
        font-size:12px!important;
    }
}

/* Print/desktop cleanup */
@media(min-width:1101px){
    html body.fascrs-reference-mode .isj-main-nav{
        justify-content:center!important;
    }
}


/* FINAL TERMS + LOGIC SYNCHRONIZATION BEAUTIFICATION */
html body.fascrs-reference-mode .action-module-card.route-ok,
html body.fascrs-reference-mode .fascrs-panel-action-grid a.route-ok,
html body.fascrs-reference-mode .logic-term-card .logic-term-chip.ok{
    border-color:rgba(16,185,201,.45)!important;
}
html body.fascrs-reference-mode .action-module-card.route-warning,
html body.fascrs-reference-mode .fascrs-panel-action-grid a.route-warning{
    border-color:#f59e0b!important;
    background:#fffbeb!important;
}
html body.fascrs-reference-mode .action-module-card em,
html body.fascrs-reference-mode .fascrs-panel-action-grid em{
    border-radius:999px!important;
    padding:5px 9px!important;
    background:#eef7ff!important;
    color:#0d4fa3!important;
    font-weight:900!important;
}
html body.fascrs-reference-mode .logic-term-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
    gap:14px!important;
}
html body.fascrs-reference-mode .logic-term-card{
    position:relative!important;
    display:grid!important;
    gap:8px!important;
    padding:16px!important;
    background:#fff!important;
    border:1px solid #d9e6f3!important;
    border-left:4px solid #0d4fa3!important;
    box-shadow:0 10px 26px rgba(7,20,63,.06)!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
html body.fascrs-reference-mode .logic-term-card:hover{
    transform:translateY(-4px)!important;
    border-color:#10b9c9!important;
    box-shadow:0 18px 42px rgba(7,20,63,.12)!important;
}
html body.fascrs-reference-mode .logic-term-card strong{
    color:#07143f!important;
    font-size:17px!important;
}
html body.fascrs-reference-mode .logic-term-card span{
    color:#52627a!important;
    line-height:1.45!important;
    font-weight:750!important;
}
html body.fascrs-reference-mode .logic-term-card small{
    color:#64748b!important;
    word-break:break-word!important;
}
html body.fascrs-reference-mode .logic-term-chip{
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
    padding:5px 9px!important;
    font-weight:900!important;
    font-size:12px!important;
}
html body.fascrs-reference-mode .logic-term-chip.ok{
    background:#ecfeff!important;
    color:#0f766e!important;
}
html body.fascrs-reference-mode .logic-term-chip.warn{
    background:#fff7ed!important;
    color:#b45309!important;
}
html body.fascrs-reference-mode .final-sync-summary .report-tile strong{
    font-size:34px!important;
}
html body.fascrs-reference-mode .final-module-card,
html body.fascrs-reference-mode .final-term-card{
    overflow:hidden!important;
}
html body.fascrs-reference-mode .final-module-card:before,
html body.fascrs-reference-mode .final-term-card:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(115deg,transparent 0 40%,rgba(16,185,201,.08) 50%,transparent 60%)!important;
    transform:translateX(-120%)!important;
    transition:transform .75s ease!important;
    pointer-events:none!important;
}
html body.fascrs-reference-mode .final-module-card:hover:before,
html body.fascrs-reference-mode .final-term-card:hover:before{
    transform:translateX(120%)!important;
}

/* Final enriched menu polish */
html body.fascrs-reference-mode .isj-main-nav .nav-dropdown > a span{
    opacity:.85!important;
    margin-left:4px!important;
}
html body.fascrs-reference-mode .isj-main-nav > a,
html body.fascrs-reference-mode .isj-main-nav .nav-dropdown > a{
    text-transform:none!important;
}
html body.fascrs-reference-mode .isj-main-nav .dropdown-panel{
    border-top:4px solid #10b9c9!important;
}
html body.fascrs-reference-mode .isj-main-nav .dropdown-panel a:before{
    content:"›"!important;
    margin-right:8px!important;
    color:#10b9c9!important;
    font-weight:900!important;
}

/* Portal module readability */
html body.fascrs-reference-mode .portal-action-module-center,
html body.fascrs-reference-mode .final-logic-sync-page .card,
html body.fascrs-reference-mode .logical-terms-audit-page .card,
html body.fascrs-reference-mode .production-audit-page .card{
    border-radius:16px!important;
}
html body.fascrs-reference-mode .action-module-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
    gap:14px!important;
}
html body.fascrs-reference-mode .action-module-card{
    min-height:132px!important;
}

/* Small screen final sync */
@media(max-width:720px){
    html body.fascrs-reference-mode .logic-term-grid,
    html body.fascrs-reference-mode .action-module-grid{
        grid-template-columns:1fr!important;
    }
    html body.fascrs-reference-mode .final-sync-summary{
        grid-template-columns:1fr!important;
    }
}
