/* Dashboard-only styles
   Scoped under body.dashboard-page to avoid affecting other pages.
*/

body.dashboard-page{ background: #fff; }

body.dashboard-page .dash-banner{
  background: rgba(232,179,161,.45);
  border-top: 1px solid rgba(94,113,143,.12);
  border-bottom: 1px solid rgba(94,113,143,.12);
}

body.dashboard-page .dash-banner .container{
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:center;
  flex-wrap: wrap;
  padding: 10px 0;
  color: rgba(47,58,74,.9);
  font-weight: 800;
}

body.dashboard-page .dash-banner strong{ font-weight: 1000; }

/* Slightly tighter KPI cards to match the reference image */
body.dashboard-page .dash-kpis{ margin-top: 14px; }

/* Make the left profile card feel closer to the reference */
body.dashboard-page .dash-avatar{
  width: 56px;
  height: 56px;
  border-radius: 18px;
}

/* Keep assigned quizzes “empty” state centered like the screenshot */
body.dashboard-page #dashAssignmentsEmpty{
  border: 1px dashed rgba(94,113,143,.25);
  border-radius: 16px;
  padding: 18px;
  background: rgba(232,179,161,.16);
}

@media (max-width: 980px){
  body.dashboard-page .dash-banner .container{ justify-content:flex-start; }
}