/* Portal-only refinements: retain native search, covers, statistics and modal. */
[hidden] { display: none !important; }
.elbarqo-portal-body .elbarqo-container { width: min(1240px, calc(100% - 48px)); max-width: 1240px; }
.elbarqo-portal-body :where(.elbarqo-container, .elbarqo-hero-content, .elbarqo-hero-cover-showcase, .elbarqo-journal-card, .elbarqo-toolbar > label) { min-width: 0; box-sizing: border-box; }
.elbarqo-brand-link > div > div > div:first-child { color: #18384f !important; }
.elbarqo-brand-link > div > div > div:last-child { color: #536579 !important; }
/* Original requested photo: https://milenianews.com/wp-content/uploads/2024/01/UIN-Ar-Raniry-wisuda-FUF.jpg */
.elbarqo-portal-body .elbarqo-hero.elbarqo-hero-journal-portal { padding-block: 48px; background: #163c53 url('portal-assets/fuf-wisuda.jpg') center 38% / cover no-repeat !important; }
.elbarqo-portal-body .elbarqo-hero-bg { background: linear-gradient(100deg, rgb(6 29 47 / 90%), rgb(6 29 47 / 53%)); }
.elbarqo-portal-body .elbarqo-hero-bg > span { display: none; }
.elbarqo-university-logo { display: block; flex: 0 0 auto; width: 48px; height: 49px; object-fit: contain; }
.elbarqo-hero-intro { display: grid; grid-template-columns: 140px minmax(0, 1fr); align-items: center; gap: 24px; margin-bottom: 24px; }
.elbarqo-portal-body .elbarqo-hero-intro .elbarqo-hero-eyebrow { color: #f1cb70 !important; font-size: 11px; }
.elbarqo-portal-body .elbarqo-hero-journal-portal .elbarqo-hero-intro .elbarqo-hero-title { color: #fff !important; font-size: clamp(30px, 3vw, 40px) !important; margin: 10px 0 0 !important; }
.elbarqo-portal-body .elbarqo-hero-journal-portal .elbarqo-hero-container { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); column-gap: 40px !important; row-gap: 28px !important; }
.elbarqo-portal-body .elbarqo-hero-journal-portal .elbarqo-hero-title { font-size: clamp(32px, 3.7vw, 48px) !important; line-height: 1.08 !important; letter-spacing: -.035em !important; margin-bottom: 18px !important; overflow-wrap: anywhere; }
.elbarqo-portal-body .elbarqo-hero-journal-portal .elbarqo-hero-subtitle { font-size: 16px; line-height: 1.65; font-weight: 500; }
.elbarqo-portal-body .elbarqo-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.elbarqo-portal-body .elbarqo-hero-actions .elbarqo-btn { min-height: 44px; white-space: normal; text-align: center; }
.elbarqo-dean-panel { display: grid; gap: 10px; min-width: 0; margin: 0; }
.elbarqo-dean-panel img { display: block; width: 140px; height: 180px; max-width: 100%; border: 2px solid rgb(255 255 255 / 75%); border-radius: 12px; object-fit: cover; object-position: center top; background: #f2f6f8; }
.elbarqo-dean-panel figcaption { display: grid; gap: 4px; min-width: 0; color: #fff; }
.elbarqo-dean-panel figcaption span { color: #f1cb70; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.elbarqo-dean-panel figcaption strong { color: #fff; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.elbarqo-portal-body .elbarqo-journal-grid-compact { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.elbarqo-portal-body .elbarqo-journal-card-compact { display: flex; flex-direction: column; min-width: 0; height: auto; overflow: hidden; border: 1px solid var(--elbarqo-border, #d8e4ea); border-radius: 16px; background: #fff; }
.elbarqo-portal-body .elbarqo-journal-open { flex: 0 0 auto; height: auto; min-height: 0; padding: 20px 20px 14px; border-radius: 0; box-shadow: none; }
.elbarqo-portal-body .elbarqo-journal-cover { height: 246px; max-width: 100%; }
.elbarqo-portal-body .elbarqo-journal-open h3 { display: block; min-height: 2.7em; margin: 18px 0 0; font-size: 16px; line-height: 1.35; font-weight: 700; overflow: visible; -webkit-line-clamp: unset; }
.elbarqo-native-card-info { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding: 0 20px 20px; }
.elbarqo-native-card-info p { font-size: 13px; line-height: 1.6; margin: 5px 0; overflow-wrap: anywhere; }
.elbarqo-native-card-info .elbarqo-modal-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 18px; }
.elbarqo-native-card-info .elbarqo-indexer-pill { font-size: 10.5px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.elbarqo-portal-body .elbarqo-indexer-pill { display: inline-flex; align-items: center; justify-content: center; width: 112px; min-height: 44px; padding: 4px; border-radius: 8px; background: #fff; box-sizing: border-box; }
.elbarqo-portal-body .elbarqo-indexer-logo { display: block; width: 100%; max-width: 106px; height: 36px; object-fit: contain; }
.elbarqo-native-card-info > .elbarqo-btn { margin-top: auto; align-self: stretch; justify-content: center; min-height: 44px; font-size: 13px; }
.elbarqo-native-editor { display: flex; gap: 16px; align-items: center; margin: 20px 0; }
.elbarqo-native-editor img { width: 72px; height: 80px; object-fit: cover; border-radius: 8px; }
.elbarqo-native-editor p { margin: 0; }
.elbarqo-modal-actions { flex-wrap: wrap; }
.elbarqo-portal-body .elbarqo-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, .4fr); gap: 14px; align-items: stretch; }
.elbarqo-portal-body .elbarqo-toolbar > label { display: flex; gap: 10px; min-height: 48px; padding: 6px 14px; }
.elbarqo-portal-body .elbarqo-toolbar > label > span { flex: 0 0 auto; font-size: 12px; white-space: nowrap; }
.elbarqo-portal-body .elbarqo-native-search input { width: 100%; min-width: 0; min-height: 36px; padding: 6px 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; font-size: 14px; outline: none; }
.elbarqo-portal-body .elbarqo-native-search:focus-within { outline: 2px solid var(--elbarqo-primary, #1f5f8b); outline-offset: 2px; }
.elbarqo-portal-body .elbarqo-toolbar select { width: 100%; min-width: 0; min-height: 36px; font-size: 13px; }
@media (max-width: 1040px) {
    .elbarqo-portal-body .elbarqo-hero-journal-portal .elbarqo-hero-container { grid-template-columns: minmax(0, 1fr); gap: 26px !important; }
    .elbarqo-portal-body .elbarqo-hero-cover-showcase { width: 100%; max-width: 560px; justify-self: center; }
    .elbarqo-portal-body .elbarqo-journal-grid-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 640px) {
    .elbarqo-portal-body .elbarqo-container { width: calc(100% - 32px); }
    .elbarqo-portal-body .elbarqo-hero-journal-portal { padding-block: 30px; }
    .elbarqo-portal-body .elbarqo-journal-grid-compact { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .elbarqo-portal-body .elbarqo-hero-journal-portal .elbarqo-hero-title { font-size: clamp(30px, 8.5vw, 38px) !important; }
    .elbarqo-hero-intro { grid-template-columns: 100px minmax(0, 1fr); gap: 16px; }
    .elbarqo-dean-panel img { width: 100px; height: 130px; }
    .elbarqo-portal-body .elbarqo-hero-journal-portal .elbarqo-hero-intro .elbarqo-hero-title { font-size: clamp(24px, 6vw, 32px) !important; line-height: 1.2 !important; }
    .elbarqo-portal-body .elbarqo-toolbar { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .elbarqo-portal-body .elbarqo-toolbar > label { flex-wrap: wrap; }
    .elbarqo-portal-body .elbarqo-native-search input { flex-basis: 100%; }
    .elbarqo-portal-body .elbarqo-journal-open { padding: 18px 18px 14px; }
    .elbarqo-native-card-info { padding: 0 18px 18px; }
    .elbarqo-portal-body .elbarqo-journal-cover { height: 260px; }
}