/* WPCT Addon bridge styles copied/adapted from core quiz UI for statistics pages */

.student_details {
    --student-accent: #303f9f;
    --student-accent-soft: #eef2ff;
    --student-border: #d6def6;
    --student-text: #24324b;
}

.student_details .student_details_panel {
    border: 1px solid var(--student-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(35, 53, 103, 0.08) !important;
}

.student_details .student_details_title {
    color: var(--student-text) !important;
}

.student_details .wpProQuiz_toplist {
    margin: 10px 0 0 !important;
    border: 1px solid var(--student-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable {
    width: 100% !important;
    min-width: 720px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--student-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable th {
    background: #edf1ff !important;
    color: #24307a !important;
    border-bottom: 1px solid var(--student-border) !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    letter-spacing: 0.02em !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable td {
    border-bottom: 1px solid #e8edfb !important;
    color: #2f3c5d !important;
    padding: 9px 12px !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    background: #fff !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable tr.wpProQuiz_toplistTrOdd td,
.student_details table#result_data_table.wpProQuiz_toplistTable tr:nth-child(even) td {
    background: #f6f8ff !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable tr:nth-child(odd) td {
    background: #f6f8ff !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable tr:nth-child(even) td {
    background: #ffffff !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable tbody tr:hover td {
    background: #f3f6ff !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* Column sizing */
.student_details table#result_data_table.wpProQuiz_toplistTable th:nth-child(2),
.student_details table#result_data_table.wpProQuiz_toplistTable td:nth-child(2) {
    width: 28% !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable th:nth-child(5),
.student_details table#result_data_table.wpProQuiz_toplistTable td:nth-child(5) {
    width: 170px !important;
    min-width: 170px !important;
    text-align: center !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable th:nth-child(3),
.student_details table#result_data_table.wpProQuiz_toplistTable td:nth-child(3) {
    width: 240px !important;
    min-width: 240px !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable td:nth-child(5) a,
.student_details table#result_data_table.wpProQuiz_toplistTable td:nth-child(5) .student_details_action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 136px !important;
    min-height: 38px !important;
    padding: 8px 14px !important;
    border: 1px solid var(--student-accent) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--student-accent) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.student_details table#result_data_table.wpProQuiz_toplistTable td:nth-child(5) a:hover,
.student_details table#result_data_table.wpProQuiz_toplistTable td:nth-child(5) .student_details_action:hover {
    background: var(--student-accent-soft) !important;
    color: #1f2a77 !important;
}

/* DataTables controls */
.student_details .dataTables_wrapper .dataTables_length label,
.student_details .dataTables_wrapper .dataTables_filter label {
    color: #2b375a !important;
    font-weight: 600 !important;
}

.student_details .dataTables_wrapper .dataTables_length select,
.student_details .dataTables_wrapper .dataTables_filter input {
    min-height: 40px !important;
    border: 1px solid var(--student-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #2f3c5d !important;
    box-shadow: none !important;
}

.student_details .dataTables_wrapper .dataTables_info {
    color: #6a7591 !important;
}

.student_details .dataTables_wrapper .dataTables_paginate .paginate_button,
.student_details .dataTables_wrapper .dataTables_paginate a.paginate_button,
.student_details .dataTables_wrapper .dataTables_paginate span .paginate_button {
    color: var(--student-accent) !important;
    background: #fff !important;
    border: 1px solid #c8d2f3 !important;
    border-radius: 10px !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.student_details .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.student_details .dataTables_wrapper .dataTables_paginate a.paginate_button:hover,
.student_details .dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
.student_details .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.student_details .dataTables_wrapper .dataTables_paginate a.paginate_button:focus,
.student_details .dataTables_wrapper .dataTables_paginate span .paginate_button:focus {
    color: #1f2a77 !important;
    background: var(--student-accent-soft) !important;
    border-color: var(--student-accent) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

@media (max-width: 767px) {
    .student_details .student_details_panel {
        padding: 12px !important;
    }

    .student_details table#result_data_table.wpProQuiz_toplistTable {
        min-width: 620px !important;
    }
}