.brand-title {
    font-size: 1.5rem !important; 
    font-family: DM Sans, Arial, sans-serif;
    font-weight: bold;
}

#tableContainer {
    height: 70vh;
    overflow-y: auto;
}

#coursesTable thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.course-row td {
    border-top: 1px solid #495057;
}

.chevron-icon {
    transition: transform 0.3s;
    display: inline-block;
}

.subject-chip {
    transition: background 0.2s, color 0.2s;
}
.subject-chip:hover {
    background: #0d6efd !important;
    color: #fff !important;
    cursor: pointer;
}

.subject-chip,
.subject-chip-expand,
.subject-chip-collapse {
    font-size: 1rem !important;
    padding: 0.6em 1.2em;
}

.notify-btn:disabled i {
    pointer-events: none;
}