/* assets/css/style-index.css */

body { 
    background-color: #f8f9fa; 
    font-family: 'Inter', sans-serif; 
}

.hero-section { 
    background-color: #003366; 
    color: white; 
    padding: 40px 0; 
    border-bottom: 5px solid #ffc107; 
}

.input-group-search { 
    border: 3px solid #ffc107; 
    border-radius: 35px; 
    overflow: hidden; 
    background: white; 
}

.custom-search { 
    border: none !important; 
    padding: 12px 20px !important; 
    box-shadow: none !important; 
}

.btn-search-custom { 
    background: #ffc107; 
    border: none; 
    color: #003366; 
    font-weight: bold; 
    padding: 0 20px; 
}

.btn-reset-custom { 
    background: #f8f9fa; 
    border: none; 
    color: #dc3545; 
    padding: 0 15px; 
    border-right: 1px solid #ddd; 
}

.table-roster thead th { 
    background-color: #003366; 
    color: white; 
    text-transform: uppercase; 
    font-size: 0.75rem; 
    padding: 12px 10px; 
    border: none; 
}

.txt-utama { 
    color: #003366; 
    font-weight: 700; 
    display: block; 
    font-size: 0.95rem; 
    line-height: 1.2; 
}

.txt-dosen { 
    color: #000; 
    font-weight: 600; 
    display: block; 
    font-size: 0.82rem; 
    margin-top: 2px; 
}

.group-header { 
    background-color: #fff5f5 !important; 
    border-left: 6px solid #dc3545; 
}

.group-header td { 
    color: #dc3545 !important; 
    font-weight: 900 !important; 
    font-size: 1.1rem !important; 
    padding: 12px 15px !important; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    border: none !important; 
}

.isi-kelas { 
    color: #0d6efd; 
    font-size: 0.85rem; 
    font-weight: 700; 
    background-color: #f0f7ff; 
    padding: 2px 6px; 
    border-radius: 4px; 
}

.nama-ruangan { 
    color: #003366; 
    font-size: 0.75rem; 
    font-weight: 800; 
    text-transform: uppercase; 
}

.dataTables_filter { 
    display: none !important; 
}

.col-mk { 
    max-width: 250px; 
    word-wrap: break-word; 
    white-space: normal !important; 
}

/* PENYEMPURNAAN TAMPILAN HP */
@media (max-width: 768px) {
    .hero-section { padding: 20px 0; }
    .container-fluid.px-5 { padding-left: 15px !important; padding-right: 15px !important; }
    #tabelRoster { min-width: 800px !important; }
    .table-responsive { border-radius: 15px; }
}

.text-success { color: #198754 !important; } /* Hijau yang lebih solid */
.nama-ruangan { font-weight: 800; letter-spacing: 0.3px; }
.badge { border: 1px solid rgba(0,0,0,0.1); }

/* Memaksa tabel mematuhi lebar yang ditentukan */
.table-custom {
    table-layout: fixed;
    width: 100%;
}

/* Mengatur lebar spesifik tiap kolom */
.col-hari { width: 10%; }
.col-waktu { width: 12%; }
.col-mk { width: 45%; } /* Kolom utama paling lebar */
.col-smt { width: 13%; }
.col-ruang { width: 20%; }

/* Tambahan agar teks panjang tidak merusak tata letak */
.table-custom td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Biar teks dosen bisa turun ke bawah */
    vertical-align: middle;
}

/* Mempercantik tampilan teks dosen agar tidak terlalu memakan tempat */
.txt-dosen {
    display: block;
    font-size: 0.85rem;
    color: #6c757d;
}