
body { font-family: 'Inter', sans-serif; background-color: #f4f7f9; color: #333; }
.panel { border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); margin-top: 30px; overflow: hidden; }

.panel-body { background-color: #fff; padding: 20px; }
.table th, .table td { vertical-align: middle !important; }
.table th { background-color: #e2e3e5; text-align: center; font-weight: 600; }
.badge { background-color: #28a745; font-size: 0.9em; }
.section-title { text-align: center; font-weight: bold; padding: 8px; color: #fff; border-radius: 5px; }
.asasi-title { background-color: #17a2b8; }
.diploma-title { background-color: #ffc107; color: #212529; }
.glyphicon-ok { color: #28a745; font-weight: bold; }
.glyphicon-remove { color: #dc3545; font-weight: bold; }
td[rowspan] { vertical-align: middle !important; text-align: center; padding: 20px 10px; }
td.text-center { vertical-align: middle !important; text-align: center; }
tr.fakulti-row-1 { background-color: #e9f7f9; }
tr.fakulti-row-2 { background-color: #f1f8ff; }

.panel-heading-diploma  {
    background: linear-gradient(90deg, #004085, #0f9d58); /* teal gelap ke hijau lembut */
    color: #fff;
    font-weight: 600;
    font-size: 1.3em;
    padding: 15px 20px;
    border-radius: 12px 12px 0 0; 
}

.panel-heading-degree  {
    background: linear-gradient(90deg, #004085, #0f9d58); /* teal gelap ke hijau lembut */
    color: #fff;
    font-weight: 600;
    font-size: 1.3em;
    padding: 15px 20px;
    border-radius: 12px 12px 0 0; 
}



.sepenuh-masa { background-color: #17a2b8; text-align: left; padding-left: 15px; }
.separuh-masa { background-color: #5dade2; color: #fff; text-align: left;  padding-left: 15px; }
.panel-heading.sepenuh-masa {
    background: linear-gradient(90deg, #004085, #0f9d58); /* teal gelap ke hijau lembut */
    color: #fff;
    font-weight: 600;
    font-size: 1.3em;
    padding: 15px 20px;
    border-radius: 12px 12px 0 0;
}

.panel-heading.separuh-masa {
    background: linear-gradient(90deg, #5dade2, #3498db); /* biru pastel ke biru medium */
    color: #fff;
    font-weight: 600;
    font-size: 1.3em;
    padding: 15px 20px;
    border-radius: 12px 12px 0 0;
}
