.eps-page,
.eps-page *{
    box-sizing:border-box;
}
/* Container of the abstract text */
.abstract-container {
    width: 100%; 
    height: 100%; 
    max-height: 150px; 
    overflow: hidden;
    padding: 10px; 
    background-color: #fff; 
    border: none;
    border-radius: 10px;
    position: relative; 
     box-shadow:0 10px 30px rgba(0,0,0,.06);
}

/* To make the content inside this div wrap */
.abstract-container p {
    white-space: normal; 
    word-wrap: break-word; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    
}

.eps-page{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:24px;
    font-family:Arial, Helvetica, sans-serif;
    color:#111;
    background:#ffffff;
    min-height:100vh;
}
.details{
 width: 250px !important;   
}
.eps-app{
    border-radius:18px;
}

.eps-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    background:linear-gradient(135deg,#003d67,#0078a8);
    color:#fff;
    padding:24px;
    border-radius:18px;
    margin-bottom:24px;
}

.eps-top h1{
    font-size:30px;
    margin:0 0 8px;
    color:#fff;
}

.eps-top p{
    margin:0;
    opacity:.9;
}

.eps-user{
    text-align:right;
    font-size:14px;
    white-space:nowrap;
}

.eps-user a{
    display:block;
    color:#fff !important;
    margin-top:6px;
    text-decoration:underline;
}

.eps-journal-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.eps-journal-card{
    display:block;
    background:#fff;
    border:1px solid #e2e7ef;
    border-radius:18px;
    padding:22px;
    text-decoration:none !important;
    color:#111 !important;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.eps-journal-card:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 36px rgba(0,0,0,.10);
}

.eps-journal-code{
    display:inline-block;
    background:#eef6fb;
    color:#005f86;
    padding:5px 10px;
    border-radius:999px;
    font-weight:bold;
    font-size:12px;
    margin-bottom:10px;
}

.eps-journal-card h2{
    font-size:22px;
    margin:0 0 16px;
}

.eps-stats{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.eps-stats span,
.eps-seen-badge{
    background:#f1f5f9;
    color:#334155;
    border-radius:999px;
    padding:5px 10px;
    font-size:12px;
}

.eps-red,
.eps-new-badge{
    background:#d93025 !important;
    color:#fff !important;
}

.eps-new-badge{
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    padding:4px 8px;
    border-radius:999px;
    white-space:nowrap;
}

.eps-seen-badge{
    display:inline-block;
    font-size:11px;
    font-weight:bold;
}

.eps-back{
    display:inline-block;
    margin:0 0 16px;
    color:#005f86 !important;
    text-decoration:none;
    font-weight:bold;
}

.eps-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    background:#fff;
    border:1px solid #e2e7ef;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.eps-table th{
    background:#003d67;
    color:#fff;
    padding:14px;
    text-align:left;
    font-size:13px;
}

.eps-table td{
    border-bottom:1px solid #edf2f7;
    padding:14px;
    vertical-align:top;
    font-size:14px;
}

.eps-table tr:last-child td{
    border-bottom:0;
}

.eps-btn-small,
.eps-toolbar a{
    background:#005f86;
    color:#fff !important;
    padding:8px 12px;
    text-decoration:none !important;
    border-radius:8px;
    display:inline-block;
    font-size:13px;
    border:0;
    cursor:pointer;
    white-space:nowrap;
}

.eps-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:24px;
}

.eps-card{
    border:1px solid #e2e7ef;
    background:#fff;
    padding:22px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.eps-card h2{
    margin-top:0;
    font-size:22px;
}

.eps-card h3{
    margin:22px 0 8px;
}

.eps-card label{
    display:block;
    font-weight:bold;
    margin:14px 0 6px;
}

.eps-card input,
.eps-card select,
.eps-card textarea,
.eps-inline-form input,
.eps-inline-form select{
    width:100%;
    padding:10px;
    border:1px solid #cbd5e1;
    border-radius:8px;
    box-sizing:border-box;
    background:#fff;
}

.eps-btn{
    margin-top:16px;
    background:#005f86;
    color:#fff;
    border:0;
    padding:12px 18px;
    cursor:pointer;
    border-radius:10px;
    font-weight:bold;
}

.eps-btn-green{
    background:#1b7f3a;
}

.eps-success{
    background:#e8f5e9;
    border:1px solid #9ccc9c;
    padding:12px;
    margin-bottom:16px;
    border-radius:10px;
}

.eps-error{
    background:#fdecea;
    border:1px solid #e5a5a5;
    padding:12px;
    margin-bottom:16px;
    border-radius:10px;
}
.eps-mini-text1{
    background:#fafafa;
    border:1px solid #eee;
    padding:12px;
    border-radius:10px;
    line-height:1.6;
     white-space: normal; 
    word-wrap: break-word; 
    overflow: hidden; 
    width: 260px !important;
    text-overflow: ellipsis; 
}
.eps-text,
.eps-mini-text{
    background:#fafafa;
    border:1px solid #eee;
    padding:12px;
    border-radius:10px;
    line-height:1.6;
     white-space: normal; 
    word-wrap: break-word; 
    overflow: hidden; 
    width: 700px !important;
    text-overflow: ellipsis; 
}

.eps-inline-form{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    min-width:190px;
}

.eps-inline-form button{
    background:#005f86;
    color:#fff;
    border:0;
    padding:9px 10px;
    border-radius:8px;
    cursor:pointer;
}

details summary{
    cursor:pointer;
    color:#005f86;
    font-weight:bold;
}

/* Tablet */
@media(max-width:1024px){
    .eps-journal-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .eps-grid{
        grid-template-columns:1fr;
    }

    .eps-page{
        padding:18px;
    }
}

/* Mobile */
@media(max-width:768px){
    .eps-page{
        padding:12px;
    }

    .eps-top{
        flex-direction:column;
        padding:18px;
        border-radius:14px;
    }

    .eps-top h1{
        font-size:22px;
    }

    .eps-user{
        text-align:left;
        white-space:normal;
    }

    .eps-journal-grid{
        grid-template-columns:1fr;
    }

    .eps-journal-card{
        padding:18px;
        border-radius:14px;
    }

    .eps-table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
        border-radius:14px;
    }

    .eps-table th,
    .eps-table td{
        padding:11px;
        font-size:12px;
    }

    .eps-card{
        padding:16px;
        border-radius:14px;
    }

    .eps-card h2{
        font-size:20px;
    }

    .eps-btn,
    .eps-btn-small{
        width:100%;
        text-align:center;
    }

    .eps-inline-form{
        min-width:220px;
    }
}

/* Small Mobile */
@media(max-width:480px){
    .eps-page{
        padding:8px;
    }

    .eps-top{
        padding:14px;
    }

    .eps-top h1{
        font-size:19px;
    }

    .eps-top p{
        font-size:13px;
    }

    .eps-journal-card h2{
        font-size:18px;
    }

    .eps-stats{
        flex-direction:column;
        align-items:flex-start;
    }

    .eps-table th,
    .eps-table td{
        font-size:11px;
        padding:9px;
    }

    .eps-card input,
    .eps-card select,
    .eps-card textarea{
        font-size:14px;
    }
}
.site-header{
    display: none !important;
}