/* Style for the test table under body.edit_test */
body.edit_test .test-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

/* Table cells */
body.edit_test .test-table th,
body.edit_test .test-table td { 
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    white-space: normal;
    word-wrap: break-word;
    vertical-align: top;
    overflow: visible;
}

/* Column widths (rebalanced) */

/* ID */
body.edit_test .test-table th:nth-child(1),
body.edit_test .test-table td:nth-child(1) { 
    width: 40px;
}

/* Test Title */
body.edit_test .test-table th:nth-child(2),
body.edit_test .test-table td:nth-child(2) {
    width: 140px;
}

/* Subject Name */
body.edit_test .test-table th:nth-child(3),
body.edit_test .test-table td:nth-child(3) {
    width: 160px;
}

/* Number of Questions */
body.edit_test .test-table th:nth-child(4),
body.edit_test .test-table td:nth-child(4) {
    width: 90px;
}

/* Test Description (still widest, but slightly reduced) */
body.edit_test .test-table th:nth-child(5),
body.edit_test .test-table td:nth-child(5) {
    width: 260px;
}

/* Students Taken */
body.edit_test .test-table th:nth-child(6),
body.edit_test .test-table td:nth-child(6) {
    width: 100px;
}

/* Pass Count */
body.edit_test .test-table th:nth-child(7),
body.edit_test .test-table td:nth-child(7) {
    width: 100px;
}

/* Average Score */
body.edit_test .test-table th:nth-child(8),
body.edit_test .test-table td:nth-child(8) {
    width: 120px;
}

/* Score to Pass (WIDER) */
body.edit_test .test-table th:nth-child(9),
body.edit_test .test-table td:nth-child(9) {
    width: 160px;
}

/* Duration (min) (WIDER) */
body.edit_test .test-table th:nth-child(10),
body.edit_test .test-table td:nth-child(10) {
    width: 150px;
}

/* Deadline */
body.edit_test .test-table th:nth-child(11),
body.edit_test .test-table td:nth-child(11) {
    width: 140px;
}

/* Action */
body.edit_test .test-table th:nth-child(12),
body.edit_test .test-table td:nth-child(12) {
    width: 150px;
}

/* Inputs, selects, and textareas fill the cell width */
body.edit_test .test-table td input,
body.edit_test .test-table td select,
body.edit_test .test-table td textarea {
    width: 100%;
    box-sizing: border-box;
}

/* Textarea adjustments */
body.edit_test .test-table td textarea {
    min-height: 40px;
    resize: vertical;
}

/* Header styling */
body.edit_test .test-table th {
    background-color: #d0e2ff; /* light blue */
    color: #000;               /* text color */
    font-weight: bold;         /* optional for emphasis */
}

/* Row styling */
body.edit_test .test-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

body.edit_test .test-table tr:hover {
    background-color: #f1f1f1;
}

/* Buttons */
body.edit_test .test-table button {
    padding: 5px 10px;
    border: none;
    color: white;
    background-color: #007bff;
    cursor: pointer;
    border-radius: 4px;
}

body.edit_test .test-table form .delete {
    background-color: red;
}

body.edit_test .test-table form .delete:hover {
    background-color: #6f0505;
}

body.edit_test .test-table button:hover {
    background-color: #0056b3;
}

body.edit_test .test-table button:active {
    background-color: #003d7a;
}

/* Container & notifications */
body.edit_test {
    padding-top: 40px;
}

body.edit_test h1,
body.edit_test h2 {
    text-align: center;
}

body.edit_test .edit_test-container .notification {
     padding: 15px;
     margin-bottom: 20px; 
     border-radius: 5px;
     font-size: 16px;
     width: 100%;
     text-align: center;
}

body.edit_test .edit_test-container .notification.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

body.edit_test .edit_test-container .notification.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

