/* htdocs/enerlec/asset/css/evaluation.css */

/* PENTING: Memastikan html dan body mengambil tinggi penuh viewport */
html, body {
    height: 100%; /* Mengambil tinggi penuh viewport */
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Menambahkan font-family yang umum */
    font-size: 16px; /* Base font size untuk rem units, dikurangi */
    line-height: 1.5; /* Default line height untuk keterbacaan */
}

/* Mengatur body sebagai flex container vertikal untuk sticky footer */
body {
    min-height: 100vh; /* Ini yang membuat footer "sticky" di bagian bawah viewport */
    display: flex;
    flex-direction: column;
    background-color: #f8f9fa; /* Warna latar belakang umum */
}

/* Asumsi ada header (navbar) - pastikan selector ini sesuai dengan HTML Anda */
/* Contoh: <nav class="navbar">...</nav> */
.navbar {
    flex-shrink: 0; /* Header tidak menyusut, selalu tampil di atas */
    /* Tambahkan gaya header lainnya di sini jika ada */
    height: 60px; /* Contoh tinggi tetap untuk header. Sesuaikan dengan tinggi header Anda yang sebenarnya. */
}

/* Kontainer utama untuk konten evaluasi */
/* Ini akan mengambil semua ruang yang tersisa antara header dan footer */
.main-evaluation-content {
    padding: 20px;
    flex-grow: 1; /* Memungkinkan konten utama mengambil sisa ruang vertikal */
    display: flex; /* Mengatur sebagai flex container */
    flex-direction: column; /* Mengatur arah flex ke kolom */
    height: 100%; /* Penting: Pastikan ini mengisi tinggi yang tersedia dari flex-grow */
    overflow: hidden; /* PENTING: Mencegah konten di dalamnya meluap dari main-evaluation-content */
}

/* Mengatur baris (row) agar kolom-kolomnya membentang setinggi mungkin */
.main-evaluation-content .row {
    flex-grow: 1; /* Memungkinkan baris mengambil sisa ruang vertikal */
    display: flex; /* Mengatur sebagai flex container */
    align-items: stretch; /* Meregangkan item (kolom) untuk mengisi tinggi */
    height: 100%; /* Pastikan row mengisi tinggi penuh main-evaluation-content */
    margin-left: -15px;
    margin-right: -15px;
}

/* Mengatur kolom agar panel di dalamnya bisa membentang */
.main-evaluation-content .col-md-3,
.main-evaluation-content .col-md-4, /* Ditambahkan untuk kolom tengah */
.main-evaluation-content .col-md-5 { /* Ditambahkan untuk kolom kanan */
    padding-left: 15px;
    padding-right: 15px;
    display: flex; /* Mengatur kolom sebagai flex container untuk panelnya */
    flex-direction: column;
    height: 100%; /* Pastikan kolom mengisi tinggi penuh row */
}

/* Gaya dasar untuk semua panel (kolom kiri dan kanan) */
.evaluation-panel {
    padding: 15px; /* Padding dikurangi */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    flex-grow: 1; /* Memungkinkan panel mengisi tinggi penuh kolomnya */
    display: flex;
    flex-direction: column; /* Untuk menumpuk elemen di dalam panel */
    height: 100%; /* Pastikan panel mengambil tinggi penuh kolomnya */
}

/* Gaya untuk panel kiri (sidebar-like) */
.sidebar-panel {
    background-color: #002147; /* Warna biru gelap dari gambar contoh */
    color: #fff; /* Warna teks putih untuk kontras */
    position: relative; /* PENTING: Untuk positioning overlay */
    /* overflow-y: auto; <-- Ini tidak ada di CSS ideal Anda, jadi tidak ditambahkan kembali */
}

/* Gaya untuk panel kanan (konten utama) */
.content-panel {
    background-color: #fff; /* Warna latar belakang putih */
    overflow-y: auto; /* Menambahkan scrollbar vertikal jika konten meluap */
    min-height: 0; /* PENTING: Memungkinkan flex item ini menyusut dan mengaktifkan scroll */
    padding-right: 15px; /* Opsional: Menambahkan padding agar konten tidak tertutup scrollbar */
    font-size: 1em; /* Base font size for content panel, 16px */
}

/* --- START: Gaya untuk Project Tree Overlay --- */
.project-tree-overlay {
    position: absolute; /* Posisikan absolut di dalam sidebar-panel */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* Latar belakang putih agar terlihat seperti explorer */
    color: #333; /* Warna teks gelap */
    z-index: 10; /* Pastikan di atas konten panel lainnya */
    padding: 15px; /* Padding dikurangi */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    border-radius: 8px;
    overflow-y: auto; /* Agar bisa di-scroll jika kontennya panjang */
    display: none; /* Default hidden */
}
/* --- END: Gaya untuk Project Tree Overlay --- */


/* --- START: Gaya untuk Tree View --- */
#project-tree-view {
    padding: 0;
    border: none;
    max-height: none;
    overflow-y: visible;
    background-color: transparent;
    color: inherit;
}

.tree-level {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.tree-node-children {
    padding-left: 15px; /* Dikurangi */
    position: relative;
}

/* Garis vertikal penghubung */
.tree-node-children::before {
    content: '';
    position: absolute;
    top: 0;
    left: 9px;
    height: 100%;
    width: 1px;
    background-color: #ccc;
}

.tree-node {
    position: relative;
    margin-bottom: 0px;
    padding-left: 10px;
}

/* Garis horizontal penghubung */
.tree-node::before {
    content: '';
    position: absolute;
    top: 13px; /* Disesuaikan */
    left: 9px;
    width: 10px;
    height: 1px;
    background-color: #ccc;
}

/* Untuk node terakhir di setiap level, garis vertikal hanya sampai ke node itu sendiri */
.tree-node:last-child > .tree-node-children::before {
    height: 13px; /* Disesuaikan */
}


.tree-node-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 2px 5px; /* Dikurangi */
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
}

.tree-node-label:hover {
    background-color: #e9ecef;
}

.tree-node-label.selected {
    background-color: #007bff;
    color: white;
}

/* Gaya untuk panah buka/tutup */
.tree-toggle-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #666; /* Panah menunjuk ke kanan (collapsed) */
    margin-right: 5px;
    transition: transform 0.2s ease-in-out;
    flex-shrink: 0;
}

.tree-toggle-arrow.expanded {
    transform: rotate(90deg); /* Panah menunjuk ke bawah (expanded) */
}

.tree-toggle-arrow.collapsed {
    transform: rotate(0deg); /* Panah menunjuk ke kanan (collapsed) */
}

.tree-node-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Ikon Folder (Kuning) */
.tree-node-icon.folder-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFD700"><path d="M10 4H4c-1.11 0-2 .89-2 2v12c0 1.09.9 2 2 2h16c1.09 0 2-1.01 2-2V8c0-1.09-.91-2-2-2h-8l-2-2z"/></svg>');
}

/* Ikon Project (Lingkaran Hitam) */
.tree-node-icon.project-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000"><circle cx="12" cy="12" r="6"/></svg>');
}

.tree-node-text {
    flex-grow: 1;
    min-width: 0;
}
/* --- END: Gaya untuk Tree View --- */


/* Gaya untuk tombol "Pilih Proyek" */
#toggle-project-tree-btn {
    width: 50%;
    padding: 8px; /* Dikurangi */
    margin-bottom: 10px; /* Dikurangi */
    background-color: #0056b3;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
}
#toggle-project-tree-btn:hover {
    background-color: #004080;
}


/* Gaya untuk display proyek yang dipilih */
#selected-project-display {
    padding: 8px 12px; /* Dikurangi */
    margin-bottom: 10px; /* Dikurangi */
    border-radius: 5px;
    background-color: #003366;
    border: 1px solid #004080;
    color: #87ceeb;
    font-weight: bold;
    min-height: 35px; /* Dikurangi */
    display: flex; /* Menggunakan flex untuk penataan konten */
    align-items: center; /* Pusatkan secara vertikal */
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
}

#selected-project-display #selected-project-name {
    /* Gaya untuk nama proyek yang dipilih */
    display: block; /* Pastikan mengambil lebar penuh jika ada */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
}

#selected-project-display #selected-project-placeholder {
    /* Gaya untuk placeholder proyek */
    font-weight: normal;
    font-style: italic;
    color: #ccc;
    margin: 0; /* Hapus margin default p */
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
}

/* Gaya untuk kontainer pesan status file dinamis */
#file-status-messages {
    margin-top: -5px; /* Sedikit naik agar lebih dekat ke display proyek */
    margin-bottom: 10px; /* Dikurangi */
    padding: 0 12px; /* Padding horizontal agar sejajar dengan display box */
}

#file-status-messages .dynamic-file-status {
    color: #fff; /* Warna teks putih untuk status yang dipilih */
    font-weight: bold; /* Teks yang dipilih akan bold */
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
    margin: 3px 0; /* Dikurangi */
    display: block; /* Pastikan setiap pesan di baris baru */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Gaya khusus untuk pesan status yang masih placeholder */
#file-status-messages .dynamic-file-status.placeholder {
    color: #ccc; /* Warna teks putih untuk placeholder */
    font-style: italic;
    font-weight: normal; /* Placeholder tidak bold */
}

/* NEW: Gaya untuk grup Panel Distribusi dan Transformer */
#file-selection-group {
    border-top: 1px solid #004080; /* Garis pemisah di atas Panel Distribusi */
    border-bottom: 1px solid #004080; /* Garis pemisah di bawah Transformer */
    margin-top: 15px; /* Dikurangi */
    margin-bottom: 15px; /* Dikurangi */
    padding-top: 10px; /* Dikurangi */
    padding-bottom: 10px; /* Dikurangi */
}


/* Gaya untuk bagian file baru (Panel Distribusi, Transformer) */
/* Reset default margins/borders for sections inside the group */
.file-selection-section {
    margin-top: 0; /* Hapus margin atas */
    margin-bottom: 0; /* Hapus margin bawah */
    border-top: none; /* Hapus border-top individu */
    padding-top: 0; /* Hapus padding-top individu */
}
.file-selection-section h3 {
    color: #fff;
    font-size: 16px !important; /* Disesuaikan: Lebih kecil */
    margin-bottom: 8px; /* Dikurangi */
    text-align: left;
    padding: 0; /* Hapus padding-top dari h3 */
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Specific adjustment for spacing between distribution and transformer */
#transformer-section {
    margin-top: 10px; /* Dikurangi */
}

/* Adjust selector container margin-bottom if needed to control spacing */
.selector-container {
    background-color: #003366;
    border: 1px solid #004080;
    border-radius: 5px;
    margin-bottom: 0; /* Set to 0, spacing will be handled by group padding or section margins */
    max-height: 180px; /* Dikurangi */
    overflow-y: auto;
    position: relative;
    z-index: 10;
}

/* Teks di dalam selector file (misal: "DC_3_Motor_1") */
.selector-item {
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
    padding: 6px 8px !important; /* Dikurangi */
}


/* Gaya untuk pesan loading, error, dan placeholder */
.loading-message, .error-message, .placeholder-message {
    text-align: center;
    font-style: italic;
    padding: 15px; /* Dikurangi */
    color: #ccc; /* Default color for sidebar */
    background-color: #f5f5f5; /* New background */
    border-radius: 5px;
    margin-top: 15px; /* Dikurangi */
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
}
/* Menimpa warna untuk panel konten (putih) */
.content-panel .loading-message,
.content-panel .placeholder-message {
    color: #666;
}
/* Untuk pesan di dalam project-tree-overlay */
.project-tree-overlay .loading-message,
.project-tree-overlay .placeholder-message,
.project-tree-overlay .error-message {
    color: #666;
}
.error-message {
    color: #d9534f; /* Specific error text color */
    font-weight: bold;
    background-color: #fdf7f7; /* New error background */
    border: 1px solid #f2dede; /* New error border */
}

/* --- START: Gaya untuk Tampilan Ringkasan Proyek (Konten Utama) --- */

/* Gaya untuk kontainer ringkasan proyek */
.project-summary-container {
    background-color: #ffffff;
    padding: 25px; /* Dikurangi */
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px; /* Dikurangi */
}

/* Kontainer utama untuk blok ringkasan per file (tetap ada untuk padding/margin keseluruhan) */
.project-summary-blocks-container {
    /* Anda bisa menambahkan padding atau margin di sini jika diperlukan untuk memisahkan dari elemen lain di .project-summary-container */
}

/* Gaya untuk status keseluruhan proyek (jika masih digunakan di bagian lain) */
.project-overall-status {
    font-size: 16px !important; /* Disesuaikan: Lebih kecil */
    font-weight: 500;
    margin-bottom: 20px; /* Dikurangi */
    text-align: center;
    color: #444;
}
.project-overall-status .status-badge {
    margin-left: 8px; /* Dikurangi */
}

/* NEW: Gaya untuk tabel kombinasi semua file */
.project-summary-combined-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0 !important; /* Tidak perlu margin atas karena sudah ada padding di .project-summary-container */
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* NEW: Header untuk tabel kombinasi (hanya satu kali) */
.project-summary-combined-table thead th {
    background-color: #003366 !important; /* Biru tua */
    font-weight: 600 !important; /* Lebih tebal */
    color: #ffffff !important; /* Font putih */
    text-transform: uppercase;
    font-size: 16px !important; /* Ukuran font yang lebih besar */
    letter-spacing: 0.5px;
    padding: 10px 15px !important; /* Padding yang lebih besar */
    line-height: 1.3 !important; /* Line-height yang lebih baik */
    border-bottom: 1px solid #003366; /* Garis bawah untuk header */
}

/* NEW: Gaya untuk baris nama file di dalam tabel (sebagai sub-judul) */
.project-summary-combined-table .file-name-row {
    background-color: #f0f0f0; /* Latar belakang abu-abu muda */
    font-weight: bold;
    font-size: 1.1em !important; /* Ukuran font untuk nama file */
    padding: 12px 15px !important; /* Padding yang lebih besar */
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e0e0e0; /* Garis pemisah */
    /* Memberi sedikit jarak dari grup file sebelumnya */
    border-top: 8px solid #f8f9fa; /* Border atas untuk pemisah antar file */
}
/* Hapus border-top untuk baris nama file pertama */
.project-summary-combined-table tbody tr:first-child .file-name-row {
    border-top: none;
}


/* NEW: Gaya untuk baris "Kualitas Daya dalam kondisi bagus" di dalam tabel */
.project-summary-combined-table .project-ok-message-row {
    color: #28a745; /* Green color for good status */
    font-weight: bold;
    padding: 10px 15px !important; /* Padding yang lebih baik */
    text-align: center; /* Pusatkan teks */
    vertical-align: middle;
    border-bottom: 1px solid #eef2f6; /* Garis pemisah */
    font-size: 14px !important;
}

/* Sel data untuk tabel kombinasi (parameter, nilai, status) */
.project-summary-combined-table tbody td {
    padding: 10px 15px !important; /* Padding disesuaikan */
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #eef2f6;
    font-size: 15px !important; /* Ukuran font spesifik dalam px */
    line-height: 1.3 !important; /* Line-height yang lebih baik */
}

.project-summary-combined-table tbody tr:last-child td {
    border-bottom: none; /* Hilangkan border baris terakhir dari seluruh tabel */
}

/* Efek hover untuk baris parameter, bukan untuk baris nama file atau pesan OK */
.project-summary-combined-table tbody tr:hover:not(:has(.file-name-row)):not(:has(.project-ok-message-row)) {
    background-color: #fbfdff; /* Efek hover yang sangat lembut */
    transition: background-color 0.2s ease;
}


/* Gaya untuk badge status (OK/NOT OK) - GLOBAL */
.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px !important; /* Disesuaikan */
    border-radius: 12px; /* Bentuk pil */
    font-weight: 600;
    font-size: 13px !important; /* Dikurangi */
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #fff;
    min-width: 55px; /* Dikurangi */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.status-ok { background-color: #28a745; } /* Hijau */
/* .status-not-ok { background-color: #dc3545; } */ /* Ini tidak lagi digunakan untuk "VIEW" */
.status-n-a { background-color: #6c757d; } /* Abu-abu */

/* NEW: Gaya untuk teks "VIEW" berwarna merah tebal */
.status-text-not-ok {
    color: #dc3545; /* Warna merah */
    font-weight: bold; /* Teks tebal */
    display: inline; /* Pastikan berperilaku seperti teks inline */
    padding: 0; /* Hapus padding */
    border-radius: 0; /* Hapus border-radius */
    min-width: unset; /* Hapus min-width */
    text-transform: none; /* Pertahankan casing asli (tidak uppercase) */
    letter-spacing: normal; /* Spasi huruf normal */
    box-shadow: none; /* Hapus bayangan */
    font-size: inherit; /* Warisi ukuran font dari parent */
}

.status-text-not-ok.status-link {
    text-decoration: none; /* Hapus garis bawah default untuk tautan */
    cursor: pointer; /* Menunjukkan bahwa itu bisa diklik */
}

.status-text-not-ok.status-link:hover {
    text-decoration: underline; /* Tambahkan garis bawah saat di-hover */
}


/* --- END: Gaya untuk Tampilan Ringkasan Proyek (Konten Utama) --- */


/* --- BARU: Aturan untuk menjaga lebar panel kiri tetap konstan --- */
@media (min-width: 768px) { /* Terapkan hanya untuk layar medium ke atas (sesuai breakpoint Bootstrap md) */
    .main-evaluation-content .row .col-md-4:first-child {
        flex: 0 0 320px !important; /* flex-grow: 0, flex-shrink: 0, flex-basis: 320px */
        max-width: 320px !important; /* Pastikan tidak melebihi lebar ini */
        width: 320px !important; /* Atur lebar eksplisit */
    }

    .main-evaluation-content .row .col-md-4:not(:first-child) {
        flex: 1 1 auto !important; /* Biarkan kolom lain tumbuh dan menyusut untuk mengisi sisa ruang */
        max-width: none !important; /* Hapus batasan max-width */
        width: auto !important; /* Biarkan lebar ditentukan oleh flex */
    }
}

/* --- BARU: Gaya untuk Footer (Asumsi ada elemen <footer class="footer"> di HTML) --- */
.footer { /* Ganti dengan selector footer Anda yang sebenarnya */
    flex-shrink: 0; /* Footer tidak menyusut, selalu tampil di bawah */
    padding: 10px 20px;
    background-color: #002147; /* Contoh warna latar belakang footer */
    color: #fff;
    text-align: center;
    /* Tambahkan gaya footer lainnya di sini */
    height: 40px; /* Contoh tinggi tetap untuk footer. Sesuaikan dengan tinggi footer Anda yang sebenarnya. */
    font-size: 0.9em; /* Dikurangi */
}

/* Penyesuaian responsif */
@media (max-width: 767.98px) {
    .main-evaluation-content .row {
        flex-direction: column;
    }
    .evaluation-panel {
        margin-bottom: 15px; /* Dikurangi */
    }
    .selector-container {
        max-height: 120px; /* Dikurangi */
    }
    .project-tree-overlay {
        width: calc(100% - 30px); /* Dikurangi */
        left: 15px; /* Dikurangi */
        right: 15px; /* Dikurangi */
    }
}

/* --- START: Penyesuaian Jarak Antar Judul dan Sub-judul (GLOBAL) --- */
/* Ditempatkan di akhir file agar memiliki prioritas lebih tinggi */

/* Global Heading Reset (Opsional, tapi baik untuk konsistensi) */
/* Ini akan mereset margin default untuk semua heading agar lebih mudah dikontrol */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important; /* Mengurangi tinggi baris untuk kerapatan */
}

/* Penyesuaian Spesifik untuk Panel Kiri (Ringkasan Proyek) */

/* Mengatur jarak di bawah kotak display nama proyek yang dipilih */
#selected-project-display {
    margin-bottom: 8px !important; /* Dikurangi */
}

/* Penyesuaian Spesifik untuk Panel Kanan (Detail File Evaluasi) */

/* "Laporan Evaluasi: DC_3_Motor_1" (#file-details-title) */
/* Ini adalah h3 yang dihasilkan oleh JavaScript */
#file-details-title {
    font-size: 18px !important; /* Disesuaikan: Lebih kecil */
    margin-top: 0 !important;
    margin-bottom: 10px !important; /* Margin yang lebih baik */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.3 !important; /* Line-height yang lebih baik */
}

/* "Evaluasi Parameter Kritis" (h2 di dalam #file-details-content) */
/* Ini adalah bagian dari laporan HTML yang dirender */
#file-details-content h2 {
    font-size: 16px !important; /* Disesuaikan: Lebih kecil */
    margin-top: 12px !important; /* Dikurangi */
    margin-bottom: 6px !important; /* Dikurangi */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
}

/* Kontainer Rekomendasi (kotak dengan border kuning) */
#file-details-content .recommendations {
    margin-top: 5px !important; /* Mengurangi jarak dari elemen di atasnya menjadi 5px */
    margin-bottom: 20px !important; /* Memastikan ada jarak bawah agar tidak menempel */
}

/* Judul "Rekomendasi:" */
#file-details-content .recommendations h3 {
    font-size: 17px !important; /* Disesuaikan: Lebih kecil */
    margin-top: 15px !important; /* Dikurangi */
    margin-bottom: 8px !important; /* Dikurangi */
    padding-bottom: 4px !important;
}
/* Teks rekomendasi */
#file-details-content .recommendations p {
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
    line-height: 1.4 !important; /* Meningkatkan jarak antar baris sedikit */
}


/* Gaya untuk bagian summary-info di laporan individual (Nama Proyek, Nama File Evaluasi) */
.summary-info {
    background-color: #eaf7ed; /* Latar belakang hijau muda */
    border-left: 5px solid #28a745; /* Border kiri hijau */
    padding: 10px 15px !important; /* Padding yang lebih baik */
    margin-bottom: 15px !important; /* Jarak bawah yang lebih baik */
    border-radius: 5px;
}
.summary-info p {
    margin-bottom: 0px !important; /* Menghilangkan margin antar paragraf */
    font-size: 14px !important; /* Disesuaikan: Lebih kecil */
    line-height: 1.3 !important; /* Line-height yang lebih baik */
}
.summary-info p:last-child {
    margin-bottom: 0 !important; /* Hapus margin bawah pada paragraf terakhir */
}


/* Memastikan tidak ada margin/padding ekstra dari elemen <p> atau <div> yang kosong */
/* yang mungkin berada tepat setelah heading */
.project-summary-container > p,
.project-summary-container > div,
#file-details-content > p,
#file-details-content > div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Mengurangi margin-top default pada tabel evaluasi */
.evaluation-table,
.project-summary-combined-table { /* Mengganti .project-not-ok-details-table dan .project-summary-table */
    margin-top: 8px !important; /* Dikurangi */
}
/* --- END: Penyesuaian Jarak Antar Judul dan Sub-judul --- */


/* --- BARU: Gaya untuk tombol "Management Transformer" --- */
.management-transformer-button {
    background-color: #007bff; /* Warna biru yang mirip dengan "Select Project" */
    color: #ffffff;             /* Teks putih */
    border: none;               /* Tanpa border */
    padding: 10px 15px;         /* Padding untuk ukuran tombol */
    border-radius: 5px;         /* Sudut membulat */
    cursor: pointer;            /* Indikator kursor pointer saat dihover */
    font-size: 14px !important; /* Ukuran font disesuaikan agar konsisten dengan sidebar */
    font-weight: 600;           /* Ketebalan font */
    width: calc(100% - 30px);   /* Lebar penuh dengan padding 15px di kiri dan kanan */
    text-align: center;         /* Teks di tengah */
    margin: 10px 15px 15px 15px; /* Margin atas, kanan, bawah, kiri */
    transition: background-color 0.2s ease; /* Efek transisi saat hover */
}

.management-transformer-button:hover {
    background-color: #0056b3; /* Warna biru yang lebih gelap saat dihover */
}
/* --- AKHIR: Gaya untuk tombol "Management Transformer" --- */