/* IJMTIP Revision Author Flow v2.18 */
.revision-author-v218{max-width:1240px!important}
.revision-decision-v218{margin-bottom:16px!important;border-left:4px solid #b27610!important}
.revision-editor-letter-v218{margin-top:12px!important;padding:13px 14px!important;border:1px solid #e1e7e9!important;border-radius:10px!important;background:#f8faf9!important}
.revision-editor-letter-v218>span,.revision-forwarded-files-v218>.field-title{display:block!important;margin-bottom:6px!important;color:#70818a!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.revision-editor-letter-v218 p{margin:0!important;white-space:pre-wrap!important;line-height:1.55!important}
.revision-feedback-list-v218{display:grid!important;gap:8px!important;margin-top:12px!important}
.revision-feedback-list-v218 article{padding:12px 13px!important;border:1px solid #dde6e8!important;border-radius:10px!important;background:#fff!important}
.revision-feedback-list-v218 strong{color:#16445e!important;font-size:10px!important}
.revision-feedback-list-v218 p{margin:6px 0 0!important;white-space:pre-wrap!important;font-size:10px!important;line-height:1.5!important}
.revision-forwarded-files-v218,.author-reviewer-files-v218{display:grid!important;gap:7px!important;margin-top:13px!important}
.revision-forwarded-files-v218>a,.author-reviewer-files-v218>a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:9px 11px!important;border:1px solid #dce5e7!important;border-radius:9px!important;background:#f8faf9!important;color:#24495e!important;text-decoration:none!important}
.revision-forwarded-files-v218>a:hover,.author-reviewer-files-v218>a:hover{border-color:#abc4cc!important;background:#f1f7f5!important}
.revision-forwarded-files-v218 small,.author-reviewer-files-v218 small{display:block!important;margin-top:2px!important;color:#7b8a91!important;font-size:8px!important}
.revision-upload-form-v218,.revision-file-list-v218{display:grid!important;gap:16px!important}
.revision-file-row-v218{grid-template-columns:minmax(0,1fr) 286px!important;gap:18px!important;align-items:center!important;padding:16px 18px!important}
.revision-file-row-v218 .wizard-file-title-row h2{margin:4px 0 0!important;font-size:16px!important}
.revision-file-row-v218 .wizard-file-info>p{margin:6px 0!important;font-size:10px!important}
.revision-file-row-v218 .file-drop-zone{width:286px!important;min-height:132px!important;padding:12px!important}
.revision-format-note-v218{display:block!important;margin-top:4px!important;color:#6d7e87!important;font-size:9px!important;font-weight:750!important}
.reviewer-visible-v218{border-left:3px solid #168985!important}
.editor-only-v218{border-left:3px solid #607987!important}
.revision-submit-card{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:14px 22px!important}
.revision-submit-card>div{flex:1 1 540px!important;min-width:0!important}
.review-forward-choice-v218{display:grid!important;gap:6px!important;margin-bottom:8px!important}
.review-forward-files-v218{display:grid!important;gap:5px!important;margin-left:28px!important;padding:8px 9px!important;border:1px solid #e2e9eb!important;border-radius:8px!important;background:#f8faf9!important}
.review-forward-files-v218>span{font-size:8px!important;font-weight:850!important;color:#70818a!important;text-transform:uppercase!important}
.review-forward-files-v218 label{display:flex!important;align-items:center!important;gap:7px!important;font-size:9px!important}
.review-forward-files-v218 label span{display:grid!important}
.review-forward-files-v218 label small{color:#7d8b92!important;font-size:8px!important}
@media(max-width:820px){.revision-file-row-v218{grid-template-columns:1fr!important}.revision-file-row-v218 .file-drop-zone{width:100%!important;min-height:120px!important}}
@media(max-width:620px){.revision-submit-card .button{width:100%!important}}

/* IJMTIP v2.18.2 — My Submissions responsive action stabilization.
   This is intentionally last in revision-author-flow-v2.18.css so it wins over
   older v1.x/v2.x breakpoint rules without adding another stylesheet. */
.my-submission-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
}
.my-submission-row>div:first-child{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
}
.my-submission-row>.my-submission-actions{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px 10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
}
.my-submission-row>.my-submission-actions>*{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
}
.my-submission-row>.my-submission-actions .button,
.my-submission-row>.my-submission-actions .status-pill{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
}

/* Keep the revision task button compact instead of letting older mobile rules
   stretch it to the full row width. */
.my-submission-row .author-revision-status{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
}
.my-submission-row .author-revision-status>div{
    min-width:0!important;
    flex:none!important;
}
.my-submission-row .author-revision-status>.button{
    justify-self:end!important;
    flex:none!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
}

/* Intermediate widths: wrap naturally, but never turn actions into giant
   full-width buttons. */
@media(max-width:820px){
    .my-submission-row>.my-submission-actions{
        justify-content:flex-start!important;
    }
}

/* Only at genuinely narrow phone widths does the revision task move below
   its label. It still keeps its intrinsic button width. */
@media(max-width:520px){
    .my-submission-row .author-revision-status{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .my-submission-row .author-revision-status>.button{
        justify-self:start!important;
        min-width:0!important;
        width:auto!important;
        white-space:normal!important;
    }
    .my-submission-row>.my-submission-actions{
        align-items:flex-start!important;
        justify-content:flex-start!important;
    }
    .my-submission-row>.my-submission-actions>*{
        width:auto!important;
    }
    .my-submission-row>.my-submission-actions .button,
    .my-submission-row>.my-submission-actions .status-pill{
        width:auto!important;
        white-space:normal!important;
    }
}

/* IJMTIP v2.18.4 — Author dashboard heading gap fix.
   Older rules assign flex-basis:540px to the heading copy. When .wizard-heading
   switches to flex-direction:column at small widths, that basis becomes vertical
   space and creates a large blank area. Use an explicit one-column grid and reset
   the obsolete flex sizing on narrow screens. */
@media(max-width:900px){
    .submission-wizard-shell .author-dashboard-heading{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        align-items:start!important;
        justify-content:stretch!important;
        gap:14px!important;
        min-height:0!important;
        height:auto!important;
    }
    .submission-wizard-shell .author-dashboard-heading>div:first-child{
        flex:none!important;
        flex-basis:auto!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        min-height:0!important;
        height:auto!important;
    }
    .submission-wizard-shell .author-dashboard-actions{
        display:flex!important;
        flex:0 0 auto!important;
        flex-direction:row!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:8px!important;
        width:auto!important;
        max-width:100%!important;
        min-height:0!important;
        margin:0!important;
    }
    .submission-wizard-shell .author-dashboard-actions .button{
        flex:0 0 auto!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
    }
}

@media(max-width:520px){
    .submission-wizard-shell .author-dashboard-heading{
        gap:12px!important;
    }
    .submission-wizard-shell .author-dashboard-actions{
        gap:7px!important;
    }
}

/* IJMTIP v2.18.6 — Author dashboard action simplification.
   Each submission has one primary next-step action. Draft deletion is a small
   destructive text control, not a competing primary button. */
.my-submission-row>.my-submission-actions{
    align-items:center!important;
}
.author-delete-draft-v2186{
    display:inline-flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
}
.author-danger-link-v2186{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    padding:6px 4px!important;
    color:#9a3f3f!important;
    font:inherit!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1.2!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
.author-danger-link-v2186:hover{
    color:#742c2c!important;
}
.author-cancel-submission-v2186{
    color:#8a3535!important;
    border-color:#dfc7c7!important;
}

@media(max-width:520px){
    .author-delete-draft-v2186,
    .author-danger-link-v2186{
        width:auto!important;
        max-width:100%!important;
    }
}

/* IJMTIP v2.18.7 — Management header + revision arrival state.
   This block is loaded last and intentionally overrides older fixed notification
   docking and wrapping rules inside the management header. */
.status-revision-submitted{
    background:#e6f4ef!important;
    color:#276c55!important;
}
.editor-revision-arrived-v2187{
    display:grid;
    gap:4px;
    margin:0 0 18px;
}
.editor-revision-arrived-v2187 strong{font-size:12px}
.editor-revision-arrived-v2187 span{font-size:11px;line-height:1.5}
.editor-revision-arrived-v2187 small{font-size:9px;color:var(--muted)}

.admin-topbar-v2187{
    min-height:70px!important;
    height:auto!important;
    padding:9px 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
}
.admin-journal-context-v2187{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:min(720px,58vw)!important;
}
.admin-journal-context-v2187>strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.admin-journal-context-v2187>small{
    display:block!important;
}
.admin-topbar-v2187 .admin-account-v2187{
    flex:0 0 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
}
.admin-language-v2187{
    flex:0 0 auto!important;
    margin:0!important;
}

/* A compact notification belongs to its header flow; it must never inherit the
   legacy fixed floating dock used by the old author notification UI. */
.notification-global-dock.notification-header-v2186{
    position:static!important;
    inset:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:650!important;
    width:auto!important;
    max-width:none!important;
    flex:0 0 auto!important;
}
.admin-topbar-v2187 .notification-header-v2186 .notification-menu{
    position:relative!important;
    display:block!important;
}
.admin-topbar-v2187 .notification-header-v2186 .notification-trigger{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border:1px solid var(--line)!important;
    border-radius:11px!important;
    background:#fff!important;
    color:var(--navy)!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.admin-topbar-v2187 .notification-header-v2186 .notification-bell-icon{
    font-size:14px!important;
    line-height:1!important;
}
.admin-topbar-v2187 .notification-header-v2186 .notification-trigger>b{
    position:absolute!important;
    top:-5px!important;
    right:-5px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:var(--navy)!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:18px!important;
    text-align:center!important;
    box-shadow:0 0 0 2px #fff!important;
}
.admin-topbar-v2187 .notification-header-v2186 .notification-popover{
    position:absolute!important;
    z-index:2600!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:min(390px,calc(100vw - 24px))!important;
    max-height:min(620px,calc(100vh - 92px))!important;
    overflow:auto!important;
}

.admin-user-menu-v2187{
    position:relative;
    flex:0 0 auto;
}
.admin-user-menu-v2187>summary::-webkit-details-marker{display:none}
.admin-user-menu-v2187>summary{list-style:none}
.admin-user-menu-summary-v2187{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:5px 10px 5px 6px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    cursor:pointer;
    user-select:none;
    max-width:230px;
}
.admin-user-menu-summary-v2187:hover{background:#f8faf9}
.admin-avatar-v2187{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:999px;
    background:#e6f3f1;
    color:var(--teal);
    font-size:11px;
    font-weight:850;
}
.admin-avatar-v2187.large{
    width:42px;
    height:42px;
    flex-basis:42px;
}
.admin-avatar-v2187 img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.admin-user-copy-v2187{
    min-width:0;
    display:grid;
    gap:1px;
    line-height:1.15;
}
.admin-user-copy-v2187 strong{
    display:block!important;
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
}
.admin-user-copy-v2187 small{
    margin:0!important;
    font-size:9px!important;
    color:var(--muted)!important;
}
.admin-user-chevron-v2187{
    margin-left:2px;
    color:var(--muted);
    font-size:10px;
    transition:transform .15s ease;
}
.admin-user-menu-v2187[open] .admin-user-chevron-v2187{transform:rotate(180deg)}
.admin-user-menu-panel-v2187{
    position:absolute;
    z-index:2600;
    top:calc(100% + 8px);
    right:0;
    width:280px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:13px;
    background:#fff;
    box-shadow:0 18px 42px rgba(15,31,50,.16);
}
.admin-user-menu-head-v2187{
    display:flex;
    align-items:center;
    gap:11px;
    padding:14px;
    border-bottom:1px solid var(--line);
    background:var(--surface-soft);
}
.admin-user-menu-head-v2187>div{
    min-width:0;
    display:grid;
    gap:2px;
}
.admin-user-menu-head-v2187 strong{
    display:block!important;
    max-width:190px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
}
.admin-user-menu-head-v2187 span,
.admin-user-menu-head-v2187 small{
    max-width:190px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9px;
    color:var(--muted);
}
.admin-user-menu-links-v2187{display:grid;padding:7px}
.admin-user-menu-links-v2187 a,
.admin-user-menu-logout-v2187 button{
    width:100%;
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 10px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:var(--ink-2);
    text-decoration:none;
    text-align:left;
    font:inherit;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
}
.admin-user-menu-links-v2187 a:hover,
.admin-user-menu-logout-v2187 button:hover{background:var(--surface-soft);color:var(--navy)}
.admin-user-menu-logout-v2187{
    margin:0;
    padding:7px;
    border-top:1px solid var(--line);
}

@media(max-width:900px){
    .admin-topbar-v2187{
        padding-left:16px!important;
        padding-right:16px!important;
        gap:12px!important;
    }
    .admin-journal-context-v2187{max-width:38vw!important}
    .admin-user-menu-summary-v2187{max-width:190px}
    .admin-user-copy-v2187 strong{max-width:110px!important}
}

@media(max-width:720px){
    .admin-topbar-v2187{
        min-height:62px!important;
        justify-content:flex-end!important;
    }
    .admin-journal-context-v2187{display:none!important}
    .admin-topbar-v2187 .admin-account-v2187{width:100%!important}
}

@media(max-width:480px){
    .admin-topbar-v2187{padding:8px 10px!important}
    .admin-topbar-v2187 .admin-account-v2187{gap:6px!important}
    .admin-user-menu-summary-v2187{padding-right:7px}
    .admin-user-copy-v2187{display:none}
    .admin-user-chevron-v2187{display:none}
    .admin-user-menu-panel-v2187{
        position:fixed;
        top:62px;
        right:10px;
        width:min(280px,calc(100vw - 20px));
    }
    .admin-topbar-v2187 .notification-header-v2186 .notification-popover{
        position:fixed!important;
        top:62px!important;
        right:10px!important;
        width:min(390px,calc(100vw - 20px))!important;
        max-height:calc(100vh - 76px)!important;
    }
}