/*
 * File: assets/css/peta-plot.css
 * Styling untuk Halaman Peta Plotting (Versi FINAL V6 - Konsolidasi)
 */

/* Kontainer utama */
.prodi-peta-plot-page .prodi-global-filter-container {
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
}

.prodi-peta-plot-page .peta-plot-tingkat-title {
    font-size: 18px;
    font-weight: 600;
    color: #0d1e4d;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #090999;
    display: inline-block;
}
.prodi-peta-plot-page .peta-plot-tingkat-title:first-of-type {
    margin-top: 0;
}

.prodi-peta-plot-page .peta-plot-table-wrapper {
    overflow-x: auto;
    margin-bottom: 20px;
}

/* ==========================================================================
   ATURAN TABEL & LEBAR KOLOM (SANGAT SPESIFIK)
   ========================================================================== */

/* [PENTING] Selector ini adalah kunci untuk mengalahkan tema */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 1200px !important;
    border-collapse: collapse !important; /* Pastikan border menyatu */
}

/* === [FIX GRADASI HEADER] === */
/* Terapkan gradasi ke THEAD (dikelola oleh style.css global) */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table thead {
    /* Gradien diwarisi dari style.css */
}

/* Buat TR dan TH transparan (agar gradien THEAD terlihat) */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table thead tr {
    background: transparent !important;
    border: none !important;
}
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table thead th {
    background: transparent !important;
    color: white !important; /* Dikelola oleh style.css global */
    border-color: rgba(255, 255, 255, 0.2) !important; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* <-- !important DIHAPUS */
    border-top: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
    vertical-align: middle !important;
    text-align: center !important;
    padding: 8px 10px !important;
}
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table thead th:first-child {
    border-left: none !important;
}
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table thead th:last-child {
    border-right: none !important;
}
/* [PERBAIKAN] Hapus border-bottom:none agar border body terlihat */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table thead tr:last-child th {
     /* border-bottom: none !important; <-- Dihapus */
}
/* === [AKHIR FIX GRADASI HEADER] === */


/* === [FIX LEBAR KOLOM % - PERMINTAAN TERAKHIR] === */
/* Terapkan ke TH (Header) */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table .col-no { width: 4% !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table .col-mk { width: 17% !important; text-align: left !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table .col-sks-t { width: 4% !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table .col-sks-p { width: 4% !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table .col-sks-total { width: 4% !important; }

/* Sisa 67% akan dibagi rata untuk kolom Kelas/Dosen */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table .col-kelas { 
    /* Lebar otomatis */
    text-align: center !important;
} 
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table .col-dosen { 
    /* Lebar otomatis */
    text-align: center !important;
}
/* === [AKHIR FIX LEBAR KOLOM] === */


/* === [FIX] Header Colspan (SKS & TINGKAT) Rata Tengah === */
/* Menambahkan .entry-content untuk meningkatkan spesifisitas melawan tema */
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table thead tr:first-child th.col-sks,
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table thead tr:first-child th.col-tingkat {
    text-align: center !important;
}

/* === [BARU] Rata Tengah untuk Sub-Header (T, P, Total, TO.1A, TO.1B) === */
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table thead tr:last-child th.col-sks-t,
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table thead tr:last-child th.col-sks-p,
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table thead tr:last-child th.col-sks-total,
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table thead tr:last-child th.col-kelas {
    text-align: center !important;
}
/* === [AKHIR BLOK BARU] === */

/* === BODY === */
/* Menambahkan .entry-content untuk spesifisitas & mengganti warna border */
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table tbody td {
    padding: 8px 10px !important;
    vertical-align: middle !important;
    text-align: center !important;
    border: 0.25px solid #cbd5e1 !important; /* <-- GANTI WARNA BORDER JADI LEBIH GELAP */
}

/* === [PERBAIKAN WAJIB] Paksa lebar kolom di <tbody> === */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-no { width: 4% !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-t { width: 4% !important; }
/* --- PERBAIKAN: Target Kolom MK dan Dosen Rata Kiri di satu aturan yang sangat spesifik --- */
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table tbody .col-mk,
.entry-content .prodi-crud-wrapper.prodi-frontend-wrapper.prodi-peta-plot-page .peta-plot-table tbody .col-dosen { 
    text-align: left !important;
}
/* --- AKHIR PERBAIKAN --- */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-mk { width: 17% !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-t { width: 4% !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-p { width: 4% !important; }
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-total { width: 4% !important; }

.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-dosen { 
    font-size: 12px !important;
    line-height: 1.4 !important;
    vertical-align: top !important;
    /* Lebar otomatis mengikuti sisa 67% */
}
/* === [AKHIR PERBAIKAN WAJIB] === */


/* Penyesuaian Baris Mata Kuliah (Spesifik) */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-mk {
    font-size: 14px;
    line-height: 1.4;
    text-align: left !important;
}
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-mk strong {
    color: #1e293b;
}
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-mk small {
    color: #64748b;
    font-style: italic;
}

/* Penyesuaian Kolom SKS (Spesifik) */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-t,
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-p,
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-total {
    font-size: 13px;
}
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-sks-total strong {
    color: #090999;
    font-size: 14px;
}

/* Sel Dosen yang kosong (Spesifik) */
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-dosen:empty::after,
.prodi-crud-wrapper.prodi-frontend-wrapper .prodi-peta-plot-page .peta-plot-table tbody .col-dosen:contains('-') {
    content: '-';
    color: #cbd5e1;
    font-style: italic;
    text-align: center !important;
    display: block;
    width: 100%;
}