/* EM AUTHOR SYSTEM - READY TO PASTE FINAL CSS */

html body .emas-page,
html body .emas-page *{
    box-sizing:border-box !important;
}

html body .emas-page{
    width:100% !important;
    min-height:100vh !important;
    background:#fff !important;
    color:#000 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:12px !important;
    line-height:1.25 !important;
    padding:0 !important;
    margin:0 !important;
}

/* ================= LOGIN PAGE ================= */

html body .emas-login-page{
    width:1030px !important;
    max-width:1030px !important;
    min-height:600px !important;
    margin:0 auto !important;
    padding:10px 0 30px !important;
    background:#fff !important;
    font-family:Arial, Helvetica, sans-serif !important;
    color:#000 !important;
    font-size:10px !important;
    display:block !important;
}

html body .emas-login-top{
    width:1030px !important;
    height:35px !important;
    background:#000 !important;
    color:#fff !important;
    text-align:center !important;
    font-size:14px !important;
    line-height:1.05 !important;
    padding:4px 0 0 !important;
    margin:0 auto 46px !important;
    font-weight:400 !important;
}

html body .emas-login-top strong{
    color:#fff !important;
    font-size:16px !important;
    font-weight:700 !important;
}

html body .emas-login-center{
    width:650px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:250px 400px !important;
    column-gap:50px !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateX(-12px) !important;
}

html body .emas-cover-box{
    width:250px !important;
    height:328px !important;
    background-image:url("https://seagreen-vulture-622194.hostingersite.com/wp-content/uploads/2026/02/X01674048-225x300.jpg") !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    border:0 !important;
    justify-self:end !important;
    align-self:center !important;
    display:block !important;
}

html body .emas-cover-box:before,
html body .emas-cover-box:after{
    display:none !important;
    content:none !important;
}

html body .emas-login-box{
    width:420px !important;
    height:430px !important;
    min-height:336px !important;
    border:1px solid #bcbcbc !important;
    background:#f4f4f4 !important;
    padding:22px 18px 10px !important;
    position:relative !important;
    justify-self:start !important;
    align-self:center !important;
    display:block !important;
}

html body .emas-special-char{
    position:absolute !important;
    top:-22px !important;
    right:4px !important;
    font-size:9px !important;
    color:#0033cc !important;
    text-decoration:none !important;
}

html body .emas-fieldset-title{
    position:absolute !important;
    top:-6px !important;
    left:8px !important;
    background:#fff !important;
    border:1px solid #bcbcbc !important;
    padding:0 5px !important;
    color:#000066 !important;
    font-size:9px !important;
    font-weight:bold !important;
    line-height:1.1 !important;
}

html body .emas-login-error{
    color:#b00000 !important;
    text-align:center !important;
    margin-bottom:8px !important;
}

html body .emas-login-row{
    display:grid !important;
    grid-template-columns:96px 140px !important;
    gap:6px !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 0 5px !important;
}

html body .emas-login-row label{
    text-align:right !important;
    color:#003366 !important;
    font-size:10px !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
}

html body .emas-login-row input{
    width:140px !important;
    height:17px !important;
    min-height:17px !important;
    border:1px solid #b8c4d6 !important;
    background:#e8eef7 !important;
    font-size:10px !important;
    padding:1px 4px !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

html body .emas-login-buttons{
    display:flex !important;
    justify-content:center !important;
    gap:6px !important;
    margin:34px 0 18px !important;
    padding:0 !important;
}

html body .emas-login-buttons button,
html body .emas-login-btn{
    border:1px solid #9aa6b8 !important;
    background:#dce5ef !important;
    color:#003366 !important;
    font-size:10px !important;
    line-height:1 !important;
    padding:3px 8px !important;
    cursor:pointer !important;
    text-decoration:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-family:Arial, Helvetica, sans-serif !important;
}

html body .emas-orcid{
    width:210px !important;
    margin:0 auto 10px !important;
    font-size:10px !important;
    line-height:1.35 !important;
    color:#000 !important;
}

html body .emas-orcid a{
    color:#0033cc !important;
    text-decoration:none !important;
}

html body .emas-orcid-dot{
    display:inline-block !important;
    background:#7ac943 !important;
    color:#fff !important;
    border-radius:50% !important;
    padding:2px 4px !important;
    font-weight:bold !important;
    margin:0 8px !important;
}

html body .emas-elsevier-dot{
    display:inline-block !important;
    background:#ff7800 !important;
    color:#fff !important;
    padding:1px 5px !important;
    font-weight:bold !important;
    margin:0 8px !important;
}

html body .emas-login-links{
    display:flex !important;
    justify-content:center !important;
    gap:16px !important;
    border-top:1px solid #cc0000 !important;
    padding:7px 0 0 !important;
    margin:6px 0 0 !important;
}

html body .emas-login-links a{
    color:#0033cc !important;
    font-size:9px !important;
    text-decoration:none !important;
}

html body .emas-login-note{
    border-top:1px solid #cc0000 !important;
    border-bottom:1px solid #cc0000 !important;
    padding:8px 7px !important;
    margin:9px 0 0 !important;
    font-size:9px !important;
    line-height:1.45 !important;
    color:#000 !important;
}

html body .emas-login-note strong{
    color:#000 !important;
    font-size:9px !important;
}

html body .emas-login-note ul{
    margin:5px 0 5px 25px !important;
    padding:0 !important;
}

html body .emas-login-note li{
    margin:0 !important;
    padding:0 !important;
    font-size:9px !important;
}

html body .emas-login-note a{
    color:#0033cc !important;
    text-decoration:none !important;
}

html body .emas-copyright{
    text-align:center !important;
    font-size:8px !important;
    color:#333 !important;
    margin-top:14px !important;
    line-height:1.2 !important;
}

html body .emas-copyright a{
    color:#0033cc !important;
    text-decoration:none !important;
}

html body .emas-login-tabs{
    width:1030px !important;
    height:50px !important;
    margin:20px auto 10px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr 1fr !important;
    background:#000 !important;
    color:#fff !important;
}

html body .emas-login-tabs a{
    color:#fff !important;
    text-decoration:none !important;
    text-align:center !important;
    font-size:10px !important;
    font-weight:bold !important;
    line-height:1 !important;
    padding-top:15px !important;
    border-right:1px solid #fff !important;
}

html body .emas-login-instructions{
    width:1030px !important;
    margin:0 auto !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.35 !important;
    color:#000 !important;
}

html body .emas-login-instructions p{
    margin:0 0 8px !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.35 !important;
}

/* ================= MAIN MENU ================= */

html body .emas-menu-page{
    width:760px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
}

html body .emas-em-wrap{
    width:760px !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:258px 1fr !important;
    min-height:560px !important;
    background:#fff !important;
}

html body .emas-left{
    padding:18px 9px 0 8px !important;
    border-right:1px solid #e5e5e5 !important;
    background:#fff !important;
}

html body .emas-left h1{
    margin:0 0 32px !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:400 !important;
    color:#000 !important;
    font-family:Arial, Helvetica, sans-serif !important;
}

html body .emas-help-box{
    width:240px !important;
    height:136px !important;
    border:1px solid #c8c8c8 !important;
    background:#f7f7f7 !important;
    display:flex !important;
    align-items:center !important;
    padding:10px !important;
}

html body .emas-help-box a{
    color:#005ca8 !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1.15 !important;
}

html body .emas-right{
    padding:18px 0 0 18px !important;
    background:#fff !important;
}

html body .emas-right section{
    margin:0 0 58px !important;
}

html body .emas-right section h2{
    margin:0 0 14px !important;
    font-size:18px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    color:#000 !important;
    font-family:Arial, Helvetica, sans-serif !important;
}

html body .emas-menu-link{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    color:#005ca8 !important;
    text-decoration:none !important;
    font-size:14px !important;
    line-height:1.6 !important;
    margin:0 0 0 36px !important;
    padding:0 !important;
    cursor:pointer !important;
    font-family:Arial, Helvetica, sans-serif !important;
}

html body .emas-menu-link:hover{
    text-decoration:underline !important;
}

html body .emas-menu-link span{
    color:#008000 !important;
}

/* ================= POPUP ================= */

html body .emas-modal{
    display:none;
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.50) !important;
    z-index:999999 !important;
    padding-top:28px !important;
}

html body .emas-modal.is-open{
    display:block !important;
}

html body .emas-popup-window{
    width:960px !important;
    margin:0 auto !important;
    background:#fff !important;
    border:1px solid #6887a2 !important;
}

html body .emas-popup-head{
    background:#004b73 !important;
    color:#fff !important;
    min-height:48px !important;
    padding:14px 22px !important;
    font-size:16px !important;
    position:relative !important;
}

html body .emas-popup-head button{
    position:absolute !important;
    right:22px !important;
    top:12px !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:20px !important;
    font-weight:bold !important;
    cursor:pointer !important;
}

html body .emas-popup-body{
    padding:18px 22px !important;
    font-size:14px !important;
    min-height:174px !important;
}

html body .emas-popup-body p{
    margin:0 0 12px !important;
}

html body .emas-popup-body a{
    color:#004b91 !important;
    text-decoration:none !important;
}

html body .emas-popup-body hr{
    border:0 !important;
    border-top:1px solid #a9a9a9 !important;
    margin:34px 0 6px !important;
}

html body .emas-start-btn{
    display:block !important;
    background:#0075aa !important;
    color:#fff !important;
    text-align:center !important;
    padding:7px 10px !important;
    font-weight:bold !important;
    text-decoration:none !important;
}

/* ================= STATUS PAGES ================= */

html body .emas-list-wrap{
    padding:14px 16px !important;
    font-size:12px !important;
    background:#fff !important;
    font-family:Arial, Helvetica, sans-serif !important;
}

html body .emas-list-title{
    font-size:16px !important;
    font-weight:bold !important;
    color:#123 !important;
    margin-bottom:6px !important;
}

html body .emas-info{
    background:#f3f6fa !important;
    padding:10px 14px !important;
    margin-bottom:8px !important;
    font-size:11px !important;
    line-height:1.6 !important;
}

html body .emas-info p{
    margin:0 0 5px !important;
}

html body .emas-page-count{
    font-size:11px !important;
    margin:8px 0 !important;
}

html body .emas-blue-table{
    width:100% !important;
    border-collapse:collapse !important;
    table-layout:fixed !important;
}

html body .emas-blue-table th{
    background:#003d67 !important;
    color:#fff !important;
    padding:14px 16px !important;
    text-align:left !important;
    font-size:12px !important;
    border-right:1px solid #003456 !important;
}

html body .emas-blue-table td{
    background:#f4f7fb !important;
    border:1px solid #d8dde5 !important;
    padding:16px !important;
    font-size:12px !important;
    vertical-align:middle !important;
    min-height:92px !important;
}

html body .emas-actions-cell a{
    display:block !important;
    color:#0071bc !important;
    text-decoration:none !important;
    line-height:1.35 !important;
    margin-bottom:2px !important;
}

html body .emas-actions-cell a:hover{
    text-decoration:underline !important;
}

/* ================= MOBILE ================= */

@media(max-width:768px){
    html body .emas-login-page{
        width:100% !important;
        max-width:100% !important;
        padding:10px !important;
    }

    html body .emas-login-top{
        width:100% !important;
    }

    html body .emas-login-center{
        width:100% !important;
        grid-template-columns:1fr !important;
        transform:none !important;
    }

    html body .emas-cover-box{
        display:none !important;
    }

    html body .emas-login-box{
        width:100% !important;
        height:auto !important;
    }

    html body .emas-login-tabs,
    html body .emas-login-instructions{
        width:100% !important;
    }

    html body .emas-login-tabs{
        grid-template-columns:1fr !important;
        height:auto !important;
    }

    html body .emas-login-tabs a{
        padding:6px !important;
        border-bottom:1px solid #fff !important;
    }

    html body .emas-menu-page{
        width:100% !important;
    }

    html body .emas-em-wrap{
        width:100% !important;
        grid-template-columns:1fr !important;
    }

    html body .emas-left{
        border-right:0 !important;
        border-bottom:1px solid #d1d1d1 !important;
        padding:10px !important;
    }

    html body .emas-right{
        padding:14px 18px !important;
    }

    html body .emas-popup-window{
        width:94% !important;
    }

    html body .emas-blue-table{
        min-width:900px !important;
    }

    html body .emas-list-wrap{
        overflow-x:auto !important;
    }
}

/* ================= HEADER USER BAR ================= */

.emas-top-user-bar{
    top:14px;
    right:24px;
    color:#fff;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    z-index:999;
    padding-right: 40px !important;
}

.emas-user-name{
    color:#fff;
}

.emas-separator{
    margin:0 10px;
    color:#fff;
}

.emas-logout-link{
    color:#fff !important;
    text-decoration:none !important;
}

.emas-logout-link:hover{
    text-decoration:underline !important;
}

/* ================= PRINT (status/table pages) ================= */

@media print {
    html body .emas-login-tabs,
    html body .emas-top-user-bar,
    .emas-letter-no-print {
        display: none !important;
    }
}

/* ================= CONFIRM POPUPS (Delete / Approve) ================= */

.emas-confirm-modal {
    display: none;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .55) !important;
    z-index: 9999999 !important;
    align-items: center !important;
    justify-content: center !important;
}

.emas-confirm-modal.emas-modal-open {
    display: flex !important;
}

.emas-confirm-box {
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.22) !important;
    padding: 36px 32px 28px !important;
    max-width: 420px !important;
    width: 90% !important;
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    animation: emasPopIn .18s ease !important;
}

@keyframes emasPopIn {
    from { transform: scale(.92); opacity: 0; }
    to   { transform: scale(1);   opacity: 1; }
}

.emas-confirm-icon {
    font-size: 36px !important;
    margin-bottom: 12px !important;
    line-height: 1 !important;
}

.emas-confirm-icon--danger { color: #c0392b !important; }
.emas-confirm-icon--approve { color: #27ae60 !important; }

.emas-confirm-title {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #111 !important;
    margin: 0 0 10px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.emas-confirm-msg {
    font-size: 13px !important;
    color: #444 !important;
    line-height: 1.55 !important;
    margin: 0 0 24px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.emas-confirm-btns {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
}

.emas-confirm-btn {
    padding: 9px 26px !important;
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    border-radius: 4px !important;
    border: 1px solid #aaa !important;
    cursor: pointer !important;
    font-weight: bold !important;
    transition: background .15s !important;
}

.emas-confirm-btn--cancel {
    background: #f0f0f0 !important;
    color: #333 !important;
    border-color: #bbb !important;
}

.emas-confirm-btn--cancel:hover {
    background: #e0e0e0 !important;
}

.emas-confirm-btn--danger {
    background: #c0392b !important;
    color: #fff !important;
    border-color: #a93226 !important;
}

.emas-confirm-btn--danger:hover {
    background: #a93226 !important;
}

.emas-confirm-btn--approve {
    background: #27ae60 !important;
    color: #fff !important;
    border-color: #1e8449 !important;
}

.emas-confirm-btn--approve:hover {
    background: #1e8449 !important;
}