:root {
    --exam-bg: #f5f6fa;
    --exam-card-bg: #ffffff;
    --exam-border: #e3e6f0;
    --exam-muted: #6c757d;
}

body {
    background-color: var(--exam-bg);
}

.exam-index-shell {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1.5rem;
}

.exam-header {
    margin-bottom: 1rem;
}

    .exam-header h4 {
        font-weight: 600;
    }

.exam-actions .btn {
    margin-inline-start: .15rem;
    margin-inline-end: .15rem;
    margin-bottom: .2rem;
}

.exam-search-card .form-label {
    font-size: .9rem;
    color: var(--exam-muted);
    margin-bottom: .2rem;
}

.exam-search-card .form-control {
    font-size: .9rem;
}

.exam-search-card .btn {
    min-width: 130px;
}

.exam-card {
    border-radius: .75rem;
    border: 1px solid var(--exam-border);
}

    .exam-card .card-header {
        background: linear-gradient(135deg, #ffffff, #f1f5ff);
        border-bottom: 1px solid var(--exam-border);
        border-radius: .75rem .75rem 0 0;
    }

    .exam-card .card-body {
        background-color: var(--exam-card-bg);
    }

.table-exams thead th {
    font-size: .9rem;
    white-space: nowrap;
}

.table-exams tbody td {
    font-size: .9rem;
    vertical-align: middle;
}

.badge {
    font-size: .75rem;
    padding: .35rem .6rem;
}

/* شاشات أقل من 992px */
@media (max-width: 992px) {
    .table-exams {
        font-size: .85rem;
    }

        .table-exams thead th:nth-child(2),
        .table-exams tbody td:nth-child(2) {
            /* مثال: إخفاء عمود المادة لو حبيت */
            /* display: none; */
        }
}

/* الموبايل أقل من 768px */
@media (max-width: 768px) {
    .exam-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .exam-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: .5rem;
    }

        .exam-header .btn {
            width: 100%;
        }
}