/* ===============================
   ADMIN PANEL WRAPPER
================================ */

.exam-admin-wrapper{
direction:rtl;
max-width:1200px;
margin:30px auto;
background:#f8fafc;
padding:30px;
border-radius:12px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:#1e293b;
}

.exam-admin-title{
margin:0 0 25px 0;
font-size:24px;
font-weight:800;
color:#0f172a;
border-right:4px solid #2563eb;
padding-right:15px;
}

/* ===============================
   FILTER TOOLBAR
================================ */

.exam-admin-filters{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:16px;
margin-bottom:25px;
padding:18px 20px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:12px;
box-shadow:0 1px 3px rgba(0,0,0,0.05);
}

/* inputs */

.exam-admin-filters select,
.exam-admin-filters input{
height:42px;
padding:0 14px;
border:1px solid #cbd5e1;
border-radius:8px;
font-size:14px;
background:#fff;
color:#475569;
transition:all .2s ease;
outline:none;
}

.exam-admin-filters select:focus,
.exam-admin-filters input:focus{
border-color:#2563eb;
box-shadow:0 0 0 3px rgba(37,99,235,.1);
}

/* search input */

#exam-search-user{
flex:2;
min-width:200px;
}

/* ===============================
   RADIO FILTER GROUP
================================ */

.exam-filter-group{
display:flex;
flex-direction:row;
gap:6px;
padding:10px 14px;
background:#fff;
border:1px solid #e2e8f0;
border-radius:10px;
}

/* title */

.filter-title{
font-size:12px;
font-weight:600;
color:#64748b;
}

/* radio row (HORIZONTAL) */

.radio-row{
display:flex;
align-items:center;
gap:18px;
flex-wrap:nowrap;
}

/* label */

.radio-row label{
display:flex;
align-items:center;
gap:6px;
font-size:13px;
cursor:pointer;
color:#334155;
white-space:nowrap;
}

/* radio */

.radio-row input{
accent-color:#2563eb;
cursor:pointer;
transform:scale(1.05);
}

/* ===============================
   RESULTS TABLE
================================ */

#exam-admin-results{
background:#fff;
border-radius:12px;
border:1px solid #e2e8f0;
overflow:hidden;
box-shadow:0 1px 3px rgba(0,0,0,.05);
}

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

.exam-admin-table th{
background:#f1f5f9;
color:#475569;
padding:14px;
text-align:center;
font-weight:600;
font-size:13px;
border-bottom:1px solid #e2e8f0;
}

.exam-admin-table td{
padding:16px;
text-align:center;
border-bottom:1px solid #f1f5f9;
font-size:14px;
}

.exam-admin-table tr:last-child td{
border-bottom:none;
}

.exam-admin-table tr:hover{
background:#f8fafc;
}

/* ===============================
   GRADE INPUT
================================ */

.exam-grade-input{
width:70px;
text-align:center;
border:1px solid #cbd5e1;
padding:6px;
border-radius:6px;
font-weight:bold;
color:#2563eb;
transition:.2s;
}

.exam-grade-input:focus{
border-color:#2563eb;
outline:none;
box-shadow:0 0 0 2px rgba(37,99,235,.1);
}

/* ===============================
   BUTTONS
================================ */

.exam-btn{
padding:8px 16px;
border-radius:6px;
font-size:13px;
font-weight:500;
cursor:pointer;
border:none;
transition:.2s;
display:inline-flex;
align-items:center;
justify-content:center;
}

.exam-btn:hover{
opacity:.85;
}

.download-btn{
background:#2563eb;
color:#fff;
padding:10px 18px;
border:none;
border-radius:8px;
font-size:14px;
font-weight:500;
cursor:pointer;
transition:all .3s ease;
}

.download-btn:hover{
background:#1d4ed8;
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(37,99,235,0.3);
}

.download-btn:active{
transform:translateY(0);
box-shadow:0 3px 8px rgba(0,0,0,0.2);
}


.delete-btn{
background:#ef4444;
color:#fff;
}

/* ===============================
   PAGINATION
================================ */

.exam-pagination{
display:flex;
justify-content:center;
gap:8px;
padding:20px;
background:#f8fafc;
border-top:1px solid #e2e8f0;
}

.exam-page{
min-width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border:1px solid #cbd5e1;
border-radius:6px;
cursor:pointer;
color:#475569;
transition:.2s;
}

.exam-page:hover{
border-color:#2563eb;
color:#2563eb;
}

.exam-page.active{
background:#2563eb;
color:#fff;
border-color:#2563eb;
}

/* ===============================
   STATUS
================================ */

.exam-admin-loading{
text-align:center;
padding:40px;
color:#64748b;
font-style:italic;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width:768px){

.exam-admin-filters{
flex-direction:column;
align-items:stretch;
}

.radio-row{
flex-wrap:wrap;
}

.exam-admin-table{
display:block;
overflow-x:auto;
}

}