/* style.css — gaya tambahan ringkas + kemasan mobile */

body {
    background-color: #f7f8fa;
}

.navbar-brand {
    font-size: 1rem;
}

.card-title {
    font-size: 1.05rem;
}

/* Butang tindakan dalam jadual: beri ruang bila berbalut pada skrin kecil */
td .btn,
td form {
    margin-bottom: 2px;
}

/* Skrin kecil */
@media (max-width: 575.98px) {
    .navbar-brand {
        font-size: 0.85rem;
    }
    .table {
        font-size: 0.9rem;
    }
    h4 {
        font-size: 1.15rem;
    }
    /* Ringkasan markah tidak lagi "sticky" pada mobile supaya tidak menutup borang */
    .col-lg-4 .card[style*="sticky"] {
        position: static !important;
    }
}