/* ==========================================================================
   Tampilan Halaman Data TO (Shortcode [prodi_data_to])
   Versi Lengkap dengan Tab Folder, Layout Horizontal, Logo, Summary Cards
   ========================================================================== */

/* (Opsional) Container global */
.prodi-data-to-shortcode-global-container {
    margin-top: 20px;
}

/* ==========================================================================
   Gaya Tampilan Tab (Gaya Folder) - Data TO
   ========================================================================== */

/* Wadah navigasi tab */
/* Menggunakan .entry-content untuk spesifisitas */
.entry-content .prodi-tabs.data-to-tabs {
    display: flex;
    border-bottom: 1px solid #e2e8f0; /* Garis dasar pemisah */
    margin-bottom: 0; /* Penting: Dihapus agar tab aktif bisa menempel */
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    gap: 0;
    margin-top: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

/* Tautan tab individual (Folder Style) */
/* Menggunakan .entry-content untuk spesifisitas */
.entry-content .prodi-tabs.data-to-tabs .prodi-tab-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    color: #64748b; /* Warna default tab tidak aktif */
    background-color: #f1f5f9; /* Latar abu-abu untuk tab tidak aktif */
    border: 1px solid #e2e8f0;
    border-bottom: none;
    border-radius: 8px 8px 0 0; /* Sudut membulat hanya di atas */
    margin-right: 5px;
    margin-bottom: -1px; /* Trik agar menempel di atas garis container */
    position: relative;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    box-shadow: none;
}

/* Gaya tab aktif (Folder Style) */
/* Menggunakan .entry-content untuk spesifisitas */
.entry-content .prodi-tabs.data-to-tabs .prodi-tab-link.active {
    background-color: #ffffff; /* Latar putih, menyatu dengan card konten */
    color: #090999; /* Warna teks aktif */
    font-weight: 600; /* Font tebal */
    border-color: #e2e8f0;
    border-bottom: 1px solid #ffffff !important; /* Penting: Menutupi garis container di bawahnya */
    z-index: 2; /* Memastikan tab aktif di atas garis */
    box-shadow: none;
}

/* Hover tab TIDAK AKTIF (Folder Style) */
/* Menggunakan .entry-content untuk spesifisitas */
.entry-content .prodi-tabs.data-to-tabs .prodi-tab-link:not(.active):hover {
    background-color: #e2e8f0;
    color: #1e293b;
    border-color: #e2e8f0;
}

/* Ikon Tab Data Dosen */
.entry-content .prodi-tabs.data-to-tabs .prodi-tab-link[href*="tab_data_to=dosen_poltrada"]::before,
.entry-content .prodi-tabs.data-to-tabs .prodi-tab-link:not([href*="tab_data_to="])::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3C/svg%3E");
}
/* Ikon untuk Tab Berikutnya (contoh: ikon panah kanan) */
.entry-content .prodi-tabs.data-to-tabs .prodi-tab-link[href*="tab_data_to=tab_kedua"]::before {
     content: '';
     display: inline-block;
     width: 16px;
     height: 16px;
     background-color: currentColor;
     -webkit-mask-size: cover;
     mask-size: cover;
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

/* ==========================================================================
   Gaya Card Konten di Bawah Tab (Menyatu)
   ========================================================================== */

/* Card Pembungkus Konten Utama */
.entry-content .prodi-data-to-shortcode-wrapper {
    background: #ffffff;
    padding: 30px;
    border-radius: 0 0 12px 12px; /* Sudut membulat hanya di bawah */
    border: 1px solid #eef0f3;
    border-top: none !important; /* Penting: Hilangkan border atas agar menyatu */
    box-shadow: 0 5px 25px rgba(0, 87, 158, 0.07);
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

/* Area Konten Tab (tidak perlu margin atas) */
.entry-content .prodi-data-to-shortcode-wrapper .prodi-tab-content-area {
    margin-top: 0;
}

/* ==========================================================================
   Tata Letak Horizontal untuk Card Prodi (Tab 1)
   ========================================================================== */

/* Wrapper utama di dalam Tab 1 */
.entry-content #data-dosen-poltrada-pane .dosen-poltrada-bali-wrapper {
    border: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}

/* Container untuk semua card prodi */
.entry-content .prodi-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Jarak antar card prodi */
    align-items: flex-start; /* Ratakan dari atas */
}

/* Gaya Card Prodi Individual (Tab 1) */
.entry-content .prodi-cards-container .prodi-to-container {
    background: #ffffff; /* Latar belakang card prodi */
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px; /* Padding card prodi */
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(0,0,0,0.04);

    /* --- Pengaturan Lebar Card Prodi --- */
    flex-basis: calc(33.333% - 20px); /* 3 kolom dikurangi gap (30px * 2/3) */
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 280px; /* Lebar minimum */
    /* Hapus float, margin-right, width, max-width dari gaya lama */
    float: none;
    margin-right: 0;
    width: auto;
    max-width: none;
}

/* Penambahan Logo di Header Card Prodi (Tab 1) */
.entry-content .prodi-to-container .prodi-to-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    color: #1e293b;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 15px;
}
.entry-content .prodi-to-container .prodi-to-header span {
    flex-grow: 1;
    margin-right: 10px;
}
.entry-content .prodi-to-container .prodi-header-logo {
    height: 35px;
    width: auto;
    display: block;
    flex-shrink: 0;
}

/* Daftar Dosen di dalam Card Prodi (Tab 1) */
.entry-content .prodi-to-dosen-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.entry-content .prodi-dosen-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #ffffff;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease-in-out;
}
.entry-content .prodi-dosen-card-link,
.entry-content .prodi-dosen-card-link:hover {
    text-decoration: none;
}
.entry-content .prodi-dosen-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    border-color: #cbd5e1;
}
.entry-content .dosen-card-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.entry-content .dosen-card-img-placeholder-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #e2e8f0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.entry-content .dosen-card-info {
    overflow: hidden;
}
.entry-content .dosen-card-name {
    font-weight: 600;
    color: #334155;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.entry-content .dosen-card-title {
    font-size: 13px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Responsiveness Card Prodi (Tab 1) */
@media (max-width: 992px) {
    .entry-content .prodi-cards-container .prodi-to-container {
        flex-basis: calc(50% - 15px); /* 2 kolom di tablet */
    }
}
@media (max-width: 767px) {
    .entry-content .prodi-cards-container .prodi-to-container {
        flex-basis: 100%; /* 1 kolom di mobile */
    }
    .entry-content .prodi-cards-container {
        gap: 20px;
    }
}

/* ==========================================================================
   Layout Tab Kedua (Untuk Menampung Kartu Summary Berdampingan)
   ========================================================================== */

#tab-kedua-pane,
#tab-pane-summary {
    display: grid; /* <-- UBAH KE GRID */
    grid-template-columns: repeat(2, 1fr); /* <-- Buat 2 kolom sama lebar */
    gap: 30px; /* <-- Atur jarak antar kolom/baris */
    align-items: start; /* <-- Ratakan item dari atas (opsional) */
    /* Hapus flex-wrap */
}

/* ==========================================================================
   Gaya Kartu Summary (BERLAKU UNTUK KEDUA KARTU)
   ========================================================================== */

.entry-content .summary-top5-card,
.entry-content .summary-publication-card {
    background-color: #ffffff;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    padding: 25px 30px;
    box-shadow: 0 5px 25px rgba(0, 87, 158, 0.07);
    margin-top: 0;

    /* --- Lebar Kartu --- */
    box-sizing: border-box; /* Pastikan box-sizing tetap ada */
    width: 100%; /* Biarkan kartu mengisi lebar kolom grid */
}

/* [PERBAIKAN] Konsolidasi Gaya Judul untuk SEMUA Kartu Summary */
.entry-content .summary-top5-card .summary-top5-title,
.entry-content .summary-publication-card .summary-top5-title,
.entry-content .summary-abdimas-card .summary-top5-title,
.entry-content .summary-pie-chart-card .summary-top5-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
    text-align: center; /* [TAMBAHAN] Memastikan semua judul di tengah */
}

/* Filter Radio (Kartu 1) */
.entry-content .summary-filter-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}
.entry-content .summary-filter-radios label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #475569;
}
.entry-content .summary-filter-radios input[type="radio"] {
    margin-right: 8px;
    cursor: pointer;
    accent-color: #090999;
}

/* Filter Radio (Kartu 2) */
.entry-content .publication-filter-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px; /* Sedikit rapatkan horizontal */
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}
.entry-content .publication-filter-radios label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 13px; /* Sedikit lebih kecil */
    color: #475569;
}
.entry-content .publication-filter-radios input[type="radio"] {
    margin-right: 6px;
    cursor: pointer;
    accent-color: #090999;
}

/* Daftar Dosen (Kartu 1) */
.entry-content .summary-top5-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Daftar Dosen (Kartu 2) */
.entry-content .publication-top5-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Item Dosen (Berlaku untuk kedua list) */
.entry-content .summary-top5-list .summary-top5-item,
.entry-content .publication-top5-list .summary-top5-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}
.entry-content .summary-top5-list li:last-child,
.entry-content .publication-top5-list li:last-child {
    padding-bottom: 0;
}
.entry-content .summary-top5-item .rank {
    font-weight: bold;
    color: #94a3b8;
    margin-right: 15px;
    font-size: 14px;
    min-width: 20px;
    text-align: right;
}
.entry-content .summary-top5-item .dosen-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-grow: 1;
    overflow: hidden;
}
.entry-content .summary-top5-item .dosen-photo,
.entry-content .summary-top5-item .dosen-photo-placeholder {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.entry-content .summary-top5-item .dosen-photo-placeholder {
    background-color: #e2e8f0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}
.entry-content .summary-top5-item .dosen-name-details {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.entry-content .summary-top5-item .dosen-name {
    font-weight: 500;
    color: #334155;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
.entry-content .summary-top5-item .dosen-sub-info {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}
.entry-content .summary-top5-item .badge-inisial,
.entry-content .summary-top5-item .badge-prodi {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}
.entry-content .summary-top5-item .badge-inisial {
    background-color: #090999;
    color: #ffffff;
    min-width: 35px;
}
.entry-content .summary-top5-item .badge-prodi {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}
.entry-content .summary-top5-item .badge-prodi.badge-prodi-to {
    background-color: #eef2ff; color: #4338ca; border-color: #c7d2fe;
}
.entry-content .summary-top5-item .badge-prodi.badge-prodi-mlog {
    background-color: #fef2f2; color: #b91c1c; border-color: #fca5a5;
}
.entry-content .summary-top5-item .badge-prodi.badge-prodi-mtj {
    background-color: #f0fdf4; color: #166534; border-color: #bbf7d0;
}
.entry-content .summary-top5-item .metric-value {
    font-weight: bold;
    font-size: 16px;
    color: #090999;
    margin-left: 20px;
    flex-shrink: 0;
    min-width: 50px;
    text-align: right;
}

/* Pesan Kosong (Berlaku untuk kedua list) */
.entry-content .summary-top5-item-empty {
    text-align: center;
    color: #94a3b8;
    font-style: italic;
    padding: 20px 0;
    /* Pastikan ini bukan flex item agar bisa rata tengah */
    display: block;
}

.summary-top5-card, /* <<< Prefix .entry-content di sini */
.summary-publication-card { /* <<< Prefix .entry-content di sini */
    /* ... (gaya background, border, padding, shadow yang sudah ada) ... */
    flex-basis: calc(50% - 15px) !important; /* Tambah !important */
    flex-grow: 0 !important;                 /* Tambah !important */
    flex-shrink: 0 !important;               /* Tambah !important */
    box-sizing: border-box !important;       /* Tambah !important */
}

/* Responsiveness Kartu Summary (Tab 2) */
@media (max-width: 992px) {
  #tab-kedua-pane {
      grid-template-columns: 1fr; /* Buat 1 kolom di layar lebih kecil */
      gap: 20px; /* Sesuaikan jarak jika perlu */
  }
   .summary-top5-card,
  .summary-publication-card {
      flex-basis: 100%; /* 1 kolom di tablet */
  }
}

/* ==========================================================================
   Gaya Card Dosen dalam Summary List
   ========================================================================== */

.entry-content .summary-top5-list,
.entry-content .publication-top5-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Link pembungkus card */
.entry-content .summary-dosen-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 8px;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* Card Dosen Individual */
.entry-content .summary-dosen-card {
    display: flex; /* Jadikan flex row */
    align-items: center; /* Sejajarkan item vertikal di tengah */
    justify-content: space-between; /* Rank kiri, Info tengah, Score kanan (default)*/
    padding: 10px 15px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    gap: 15px; /* Jarak antar elemen utama (rank, info, score) */
    /* Hapus flex-direction: column */
}

/* Efek Hover pada Link Pembungkus */
.entry-content .summary-dosen-card-link:hover {
    background-color: #f8fafc;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.06);
}
.entry-content .summary-dosen-card-link:hover .summary-dosen-card {
     border-color: #cbd5e1; /* Border sedikit lebih jelas saat hover */
}


/* Gaya Rank (pastikan ada di dalam card) */
.entry-content .summary-dosen-card .rank {
    font-weight: bold;
    color: #94a3b8;
    font-size: 14px;
    min-width: 20px;
    text-align: left;
    flex-shrink: 0;
}

/* Gaya Info Dosen (Foto, Nama, Badge) - Sebagian besar sudah ada */
.entry-content .summary-dosen-card .dosen-info {
    display: flex; /* Foto dan NamaDetails berdampingan */
    align-items: center; /* Sejajarkan foto & blok nama vertikal */
    gap: 12px; /* Jarak antara foto dan blok nama */
    flex-grow: 1; /* Biarkan blok ini mengisi ruang */
    overflow: hidden; /* Cegah teks panjang merusak layout */
    margin-right: 10px; /* Jarak ke score */
}
.entry-content .summary-dosen-card .dosen-photo,
.entry-content .summary-dosen-card .dosen-photo-placeholder {
    width: 40px; /* Sesuaikan ukuran jika perlu */
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.entry-content .summary-dosen-card .dosen-photo-placeholder {
    /* Gaya placeholder tetap sama */
    background-color: #e2e8f0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}

.entry-content .summary-dosen-card .dosen-name-details {
    display: flex;
    flex-direction: column; /* Nama di atas, badge di bawah */
    align-items: flex-start; /* Badge rata kiri di bawah nama */
    overflow: hidden; /* Untuk ellipsis nama */
}

.entry-content .summary-dosen-card .dosen-name {
    font-weight: 500;
    color: #334155;
    font-size: 15px; /* Sesuaikan ukuran jika perlu */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    margin-bottom: 2px; /* Jarak sedikit ke badge */
}

/* Gaya Container Badge */
.entry-content .summary-dosen-card .dosen-sub-info {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 0; /* Hapus margin atas */
}

/* Gaya Badge Inisial & Prodi (Tetap sama) */
.entry-content .summary-dosen-card .badge-inisial,
.entry-content .summary-dosen-card .badge-prodi {
     /* ... (gaya badge dari sebelumnya) ... */
    display: inline-block; padding: 3px 10px; border-radius: 50px; font-size: 10px; font-weight: 600; line-height: 1.2; text-align: center; white-space: nowrap;
}

.entry-content .summary-dosen-card .badge-inisial {
    background-color: #090999; color: #ffffff; min-width: 35px;
}
.entry-content .summary-dosen-card .badge-prodi {
    background-color: #f1f5f9; color: #475569; border: 1px solid #e2e8f0;
}
.entry-content .summary-dosen-card .badge-prodi.badge-prodi-to {
    background-color: #eef2ff; color: #4338ca; border-color: #c7d2fe;
}
.entry-content .summary-dosen-card .badge-prodi.badge-prodi-mlog {
    background-color: #fef2f2; color: #b91c1c; border-color: #fca5a5;
}
.entry-content .summary-dosen-card .badge-prodi.badge-prodi-mtj {
    background-color: #f0fdf4; color: #166534; border-color: #bbf7d0;
}

/* Gaya Nilai Metrik */
.entry-content .summary-dosen-card .metric-value {
    font-weight: bold;
    font-size: 16px;
    color: #090999;
    margin-left: auto; /* Dorong ke kanan */
    flex-shrink: 0;
    min-width: 40px;
    text-align: right;
}

/* Gaya Pesan Kosong (bisa sama) */
.entry-content .summary-top5-item-empty {
     /* (Pastikan gaya sudah ada) */
}


/* Warna Merah untuk MLOG */
/* Target badge inisial YANG JUGA memiliki kelas badge-prodi-mlog */
.entry-content .summary-dosen-card .badge-inisial.badge-prodi-mlog {
    background-color: #c31432 !important; /* Warna Merah MLOG dari profil-dosen.css */
    color: #ffffff !important;           /* Teks Putih */
}

/* Warna Hijau untuk MTJ */
/* Target badge inisial YANG JUGA memiliki kelas badge-prodi-mtj */
.entry-content .summary-dosen-card .badge-inisial.badge-prodi-mtj {
    background-color: #42BA3A !important; /* Warna Hijau MTJ dari profil-dosen.css */
    color: #ffffff !important;           /* Teks Putih */
}

/* ==========================================================================
   Gaya Tombol Toggle "Show More/Less" di Summary Cards
   ========================================================================== */

.summary-toggle-button {
    text-align: center;
    margin-top: 15px; /* Jarak dari list di atasnya */
    padding: 8px 0; /* Padding atas/bawah */
    cursor: pointer;
    border-top: 1px dashed #e2e8f0; /* Garis pemisah putus-putus */
    color: #64748b; /* Warna ikon default */
    transition: background-color 0.2s ease;
}

.summary-toggle-button:hover {
    background-color: #f8fafc; /* Efek hover ringan */
}

/* Gaya Ikon Segitiga */
.summary-toggle-button .toggle-icon {
    display: inline-block;
    font-size: 16px; /* Ukuran ikon */
    line-height: 1;
    transition: transform 0.3s ease; /* Animasi putar */
}

/* Putar ikon jika tombol memiliki kelas 'is-expanded' */
.summary-toggle-button.is-expanded .toggle-icon {
    transform: rotate(180deg); /* Putar 180 derajat (menjadi ▲) */
}



/* Styling Card Utama (mirip kartu summary lain) */
/* [PERBAIKAN FINAL] Mengganti nama class agar sesuai dengan PHP */
.entry-content .summary-pie-chart-card {
    background-color: #ffffff;
     border: 1px solid #eef0f3;
    padding: 25px 30px;
    box-shadow: 0 5px 25px rgba(0, 87, 158, 0.07);
    margin-top: 0; /* Pastikan tidak ada margin atas jika sudah diatur grid gap */
    box-sizing: border-box;
    /* Lebar akan diatur oleh grid container (#tab-kedua-pane) */
}

/* Judul (menggunakan gaya yang sama) */
.prodi-publication-pie-card .summary-top5-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
}

/* Filter Radio (mirip filter kartu publikasi) */
.prodi-pub-metric-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px; /* Sedikit rapatkan horizontal */
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}
.prodi-pub-metric-radios label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 13px; /* Sedikit lebih kecil */
    color: #475569;
}
.prodi-pub-metric-radios input[type="radio"] {
    margin-right: 6px;
    cursor: pointer;
    accent-color: #090999; /* Warna biru tema */
}

/* Container Canvas (untuk mengatur ukuran dan posisi) */
.prodi-pie-chart-container {
    position: relative;
    height: 300px; /* Tinggi chart */
    width: 100%;
    max-width: 400px; /* Lebar maksimum chart */
    margin: 20px auto 0; /* Jarak atas, auto kiri-kanan (tengah) */
}

/* ==========================================================================
   GAYA UNTUK DAFTAR PERINGKAT DI BAWAH PIE CHART
   ========================================================================== */

.prodi-rank-list-container {
    margin-top: 25px; /* Jarak dari chart */
    border-top: 1px dashed #e2e8f0; /* Garis pemisah */
    padding-top: 20px;
}

.prodi-rank-list-container .loading-rank {
    text-align: center;
    color: #94a3b8;
    font-style: italic;
}

.prodi-rank-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
    gap: 15px; /* Jarak antar elemen dalam satu baris */
}

.prodi-rank-item:last-child {
    border-bottom: none;
}

.prodi-rank-number {
    font-weight: bold;
    color: #94a3b8;
    min-width: 25px; /* Lebar minimum untuk nomor */
    text-align: right;
}

.prodi-rank-logo {
    width: 24px; /* Ukuran logo */
    height: auto;
    flex-shrink: 0;
}

.prodi-rank-name {
    flex-grow: 1; /* Biarkan nama mengisi ruang */
    font-weight: 500;
    color: #334155;
    font-size: 14px;
}

.prodi-rank-score {
    font-weight: bold;
    font-size: 15px;
    color: #090999; /* Warna biru tema */
    min-width: 50px; /* Lebar minimum untuk skor */
    text-align: right;
    flex-shrink: 0;
}

/* ==========================================================================
   [BARU] Gaya Kartu Summary Abdimas (CSS yang Hilang)
   ========================================================================== */

/* [PERBAIKAN] Menambahkan .entry-content agar sama kuat dengan card lain */
.entry-content .summary-abdimas-card {
    background-color: #ffffff;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    padding: 25px 30px;
    box-shadow: 0 5px 25px rgba(0, 87, 158, 0.07);
    margin-top: 0;
    box-sizing: border-box;
    width: 100%;
}

/* Filter Radio (Kartu 3) */
.entry-content .abdimas-filter-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px; 
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e2e8f0;
}
.entry-content .abdimas-filter-radios label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 13px; 
    color: #475569;
}
.entry-content .abdimas-filter-radios input[type="radio"] {
    margin-right: 6px;
    cursor: pointer;
    accent-color: #090999;
}

/* Daftar Dosen (Kartu 3) */
.entry-content .abdimas-top5-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Gunakan gap yang sama dengan list lain */
}

/* ==========================================================================
   [PERBAIKAN] Ganti nama class Pie Chart di CSS
   ========================================================================== */

/* Styling Card Utama (mirip kartu summary lain) */
.entry-content .summary-pie-chart-card {
    background-color: #ffffff;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    padding: 25px 30px;
    box-shadow: 0 5px 25px rgba(0, 87, 158, 0.07);
    margin-top: 0;
    box-sizing: border-box;
}