/* IJMTIP Unified User Menu v2.17 */

.account-menu-v217{
    position:relative !important;
    z-index:120 !important;
    flex:0 0 auto !important;
}

.account-menu-v217>summary{
    list-style:none !important;
}

.account-menu-v217>summary::-webkit-details-marker{
    display:none !important;
}

.account-menu-summary-v217{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    max-width:270px !important;
    min-height:42px !important;
    padding:5px 8px 5px 6px !important;
    border:1px solid #d7e2e6 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#183d54 !important;
    cursor:pointer !important;
    user-select:none !important;
}

.account-menu-summary-v217:hover{
    background:#f8faf9 !important;
    border-color:#bccdd4 !important;
}

.account-avatar-v217{
    flex:0 0 32px !important;
    width:32px !important;
    height:32px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    background:#e7f3f1 !important;
    color:#157d78 !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.account-avatar-v217.large{
    flex-basis:46px !important;
    width:46px !important;
    height:46px !important;
    font-size:16px !important;
}

.account-avatar-v217 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.account-summary-copy-v217{
    display:grid !important;
    min-width:0 !important;
    line-height:1.15 !important;
}

.account-summary-copy-v217 strong{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:10.5px !important;
}

.account-summary-copy-v217 small{
    margin-top:2px !important;
    color:#6f828c !important;
    font-size:8.5px !important;
    font-weight:750 !important;
}

.account-chevron-v217{
    margin-left:auto !important;
    color:#70828b !important;
    font-size:12px !important;
    transition:transform .15s ease !important;
}

.account-menu-v217[open] .account-chevron-v217{
    transform:rotate(180deg) !important;
}

.account-menu-panel-v217{
    position:absolute !important;
    top:calc(100% + 7px) !important;
    right:0 !important;
    width:min(310px,calc(100vw - 24px)) !important;
    overflow:hidden !important;
    border:1px solid #d7e2e6 !important;
    border-radius:13px !important;
    background:#fff !important;
    box-shadow:0 18px 45px rgba(22,51,67,.16) !important;
}

.account-menu-head-v217{
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    padding:14px !important;
    background:#f6f9f8 !important;
    border-bottom:1px solid #e1e8ea !important;
}

.account-menu-head-v217>div{
    display:grid !important;
    min-width:0 !important;
}

.account-menu-head-v217 strong{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#173c52 !important;
    font-size:11.5px !important;
}

.account-menu-head-v217 span{
    margin-top:2px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#6f8089 !important;
    font-size:8.8px !important;
}

.account-menu-head-v217 small{
    margin-top:4px !important;
    color:#14847f !important;
    font-size:8.5px !important;
    font-weight:850 !important;
}

.account-menu-links-v217{
    display:grid !important;
    padding:7px !important;
}

.account-menu-links-v217 a,
.account-logout-v217 button{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:9px 10px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#284858 !important;
    text-align:left !important;
    text-decoration:none !important;
    font:inherit !important;
    font-size:9.8px !important;
    font-weight:750 !important;
    cursor:pointer !important;
}

.account-menu-links-v217 a:hover,
.account-logout-v217 button:hover{
    background:#f3f7f6 !important;
}

.account-role-switch-v217{
    padding:9px 8px !important;
    border-top:1px solid #edf1f2 !important;
}

.account-role-switch-v217>span{
    display:block !important;
    padding:0 3px 5px !important;
    color:#7c8c94 !important;
    font-size:7.8px !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
}

.account-role-switch-v217 form{
    margin:0 !important;
}

.account-role-switch-v217 button{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:8px 10px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#355260 !important;
    font:inherit !important;
    font-size:9.5px !important;
    cursor:pointer !important;
}

.account-role-switch-v217 button:hover{
    background:#f4f8f7 !important;
}

.account-role-switch-v217 button.active{
    background:#eaf5f2 !important;
    color:#176d66 !important;
    font-weight:850 !important;
}

.account-logout-v217{
    margin:0 !important;
    padding:7px !important;
    border-top:1px solid #e6ecee !important;
}

.account-logout-v217 button{
    color:#863e3e !important;
}

.account-logout-v217 button:hover{
    background:#fbf2f2 !important;
}

/* Remove the old reviewer-only secure exit surface when v2.16 CSS is still present. */
.review-secure-toolbar-v216,
.review-secure-exit-v216{
    display:none !important;
}

/* Profile photo */
.profile-avatar-editor-v217{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:12px 16px !important;
    margin-bottom:16px !important;
    padding:12px !important;
    border:1px solid #dce5e8 !important;
    border-radius:11px !important;
    background:#f8faf9 !important;
}

.profile-avatar-preview-v217{
    flex:0 0 74px !important;
    width:74px !important;
    height:74px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    background:#e6f2f0 !important;
    color:#157d78 !important;
    font-size:24px !important;
    font-weight:900 !important;
}

.profile-avatar-preview-v217 img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
}

.profile-avatar-controls-v217{
    flex:1 1 330px !important;
    min-width:0 !important;
}

.profile-avatar-controls-v217 strong{
    display:block !important;
    margin-bottom:4px !important;
    font-size:11px !important;
}

.profile-avatar-controls-v217 p{
    margin:0 0 8px !important;
    color:#74858d !important;
    font-size:9px !important;
}

.profile-avatar-controls-v217 input[type="file"]{
    max-width:100% !important;
    font-size:9px !important;
}

.profile-avatar-remove-v217{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-top:7px !important;
    color:#6c7d86 !important;
    font-size:9px !important;
}

/* Public/user nav should not blow out at intermediate widths. */
.site-nav.public-nav{
    min-width:0 !important;
}

@media(max-width:980px){
    .account-summary-copy-v217{
        display:none !important;
    }

    .account-menu-summary-v217{
        padding-right:6px !important;
    }
}

@media(max-width:720px){
    .account-menu-panel-v217{
        position:fixed !important;
        top:70px !important;
        right:12px !important;
    }
}