/*
  MY SMART KOKU V16 – Ministry UI
  css/report.css
  Untuk paparan preview dalam index.php sahaja.
  Print rasmi berada di report.php.
*/
.student-profile .profile-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.mini-label{
  color:#2563eb;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.student-profile h2{
  margin:6px 0 6px;
  font-size:28px;
  font-weight:600;
  letter-spacing:-.035em;
}
.student-profile p{
  margin:0;
  color:#64748b;
}
.profile-score{
  min-width:160px;
  text-align:center;
  background:#f8fafc;
  border:1px solid #e4e7ec;
  border-radius:20px;
  padding:16px;
}
.profile-score span{display:block;color:#64748b;font-size:12px}
.profile-score b{display:block;color:#b91c1c;font-size:30px;font-weight:600;line-height:1;margin-top:4px}
.profile-score em{display:block;font-style:normal;color:#0f172a;font-weight:500;margin-top:6px}
.profile-actions{
  margin-top:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.component-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:18px;
}
.component-cards div{
  background:#f8fafc;
  border:1px solid #e4e7ec;
  border-radius:18px;
  padding:14px;
  text-align:center;
}
.component-cards span{display:block;color:#64748b;font-size:12px}
.component-cards b{display:block;color:#2563eb;font-size:24px;font-weight:600;margin-top:4px}
.report-preview .report-section-title{
  display:flex;
  align-items:center;
  gap:20px;
  border-bottom:1px solid #bfdbfe;
  padding-bottom:10px;
  margin-bottom:14px;
}
.report-section-title span{
  background:#dbeafe;
  color:#1d4ed8;
  padding:6px 12px;
  border-radius:8px;
  font-weight:600;
}
.report-section-title h3{
  margin:0;
  color:#1d4ed8;
  font-weight:600;
  font-size:18px;
}
.preview-meta{
  display:grid;
  grid-template-columns:1.4fr 1.4fr .8fr .8fr;
  gap:8px;
  margin-bottom:12px;
}
.preview-meta div{
  border:1px solid #e4e7ec;
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
}
.preview-meta b{
  display:block;
  font-size:11px;
  color:#64748b;
  font-weight:500;
  margin-bottom:4px;
}
.preview-meta span{
  font-size:13px;
}
.small-table{margin-top:12px}
@media(max-width:900px){
  .student-profile .profile-head{display:block}
  .profile-score{text-align:left;margin-top:14px}
  .component-cards{grid-template-columns:1fr 1fr}
  .preview-meta{grid-template-columns:1fr}
}