/* Admin Dashboard - Table Styles */

.students-table-container {
    background: white;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.students-table-container h2 {
    margin: 0 0 20px 0;
    color: #333;
    font-size: 22px;
}

.filter-controls {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.filter-controls input,
.filter-controls select {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.students-table {
    width: 100%;
    border-collapse: collapse;
}

.students-table thead {
    background: #f8f9fa;
}

.students-table th {
    padding: 12px;
    text-align: left;
    font-weight: 600;
    color: #666;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 2px solid #dee2e6;
}

.students-table td {
    padding: 12px;
    border-bottom: 1px solid #dee2e6;
    color: #333;
}

.students-table tbody tr:hover {
    background: #f8f9fa;
}

/* User Management Tables */
.user-mgmt-table-wrap { 
    overflow-x: auto; 
    margin-top: 12px; 
}

.user-mgmt-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.user-mgmt-table th,
.user-mgmt-table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.user-mgmt-table th {
    background: #f8f9fa;
    color: #555;
    font-weight: 600;
    font-size: 13px;
}

.user-mgmt-table tr:hover td { 
    background: #f8f9fa; 
}

/* Activity Log Table */
.activity-log-table-wrap { 
    overflow-x: auto; 
    margin-bottom: 16px; 
}

.activity-log-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.activity-log-table th,
.activity-log-table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.activity-log-table th {
    background: #f8f9fa;
    color: #555;
    font-weight: 600;
    font-size: 13px;
}

.activity-log-table tr:hover td { 
    background: #f8f9fa; 
}

/* Instance Summary Table */
.instance-summary-table { 
    width: 100%; 
    border-collapse: collapse; 
    font-size: 14px; 
}

.instance-summary-table th, 
.instance-summary-table td {
    padding: 12px 16px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
    color: #333;
}

.instance-summary-table th {
    background: #f8f9fa; 
    color: #555; 
    font-weight: 600; 
    font-size: 13px;
}

.instance-summary-table tr:hover td { 
    background: #f8f9fa; 
}

/* Performance Tables */
.perf-table { 
    width: 100%; 
    border-collapse: collapse; 
    font-size: 14px; 
}

.perf-table th, 
.perf-table td {
    padding: 10px 12px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
    color: #333;
}

.perf-table th { 
    background: #f8f9fa; 
    color: #555; 
    font-weight: 600; 
    font-size: 13px; 
}

.perf-table tr:hover td { 
    background: #f8f9fa; 
}

/* Usage Peak Table */
.usage-peak-table { 
    width: 100%; 
    border-collapse: collapse; 
    font-size: 14px; 
}

.usage-peak-table th, 
.usage-peak-table td { 
    padding: 10px 12px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
    color: #333; 
}

.usage-peak-table th { 
    background: #f8f9fa; 
    color: #555; 
    font-weight: 600; 
}

/* Feedback Student Table */
.feedback-student-table { 
    width: 100%; 
    border-collapse: collapse; 
    font-size: 14px; 
}

.feedback-student-table th, 
.feedback-student-table td { 
    padding: 10px 12px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
    color: #333; 
}

.feedback-student-table th { 
    background: #f8f9fa; 
    color: #555; 
    font-weight: 600; 
    font-size: 13px; 
}

.feedback-student-table tr:hover td { 
    background: #f8f9fa; 
}

.feedback-student-table .score-cell { 
    font-weight: 600; 
    min-width: 3em; 
}

.feedback-student-table .score-cell.score-5 { 
    background: rgba(40, 167, 69, 0.35); 
    color: #1e7e34; 
}

.feedback-student-table .score-cell.score-4 { 
    background: rgba(40, 167, 69, 0.22); 
    color: #2d9d4a; 
}

.feedback-student-table .score-cell.score-3 { 
    background: rgba(255, 193, 7, 0.35); 
    color: #856404; 
}

.feedback-student-table .score-cell.score-2 { 
    background: rgba(253, 126, 20, 0.25); 
    color: #a04000; 
}

.feedback-student-table .score-cell.score-1 { 
    background: rgba(220, 53, 69, 0.2); 
    color: #bd2130; 
}

/* Permission Matrix */
.permission-matrix {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.permission-matrix th,
.permission-matrix td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.permission-matrix th {
    color: #555;
    font-weight: 600;
    font-size: 13px;
}

.permission-matrix td {
    color: #333;
}

.permission-matrix th:not(:first-child),
.permission-matrix td:not(:first-child) {
    text-align: center;
}

.permission-matrix tr:hover td { 
    background: #f8f9fa; 
}