.admin-overview {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 42px;
}

.admin-overview article {
  background: #fff;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  padding: 22px;
}

.admin-overview span,
.dashboard-metric span,
.dashboard-course-activity {
  color: var(--muted);
  font-size: 0.72rem;
}

.admin-overview strong {
  color: var(--accent2);
  font: 500 1.8rem "IBM Plex Mono";
  margin-top: 9px;
}

.admin-dashboard-heading {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.admin-dashboard-heading h2 { margin: 0; }
.admin-dashboard-heading span { color: var(--muted); font-size: 0.8rem; }

.dashboard-course-list {
  display: grid;
  gap: 16px;
}

.dashboard-course {
  background: #fff;
  border: 1px solid var(--line);
  padding: 24px;
}

.dashboard-course-head {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.dashboard-course-identity {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  min-width: 0;
}

.dashboard-course-identity h3 {
  font-size: 1.25rem;
  margin: 0 0 8px;
}

.dashboard-course-metrics {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
  margin: 24px 0 18px;
}

.dashboard-metric {
  border-left: 2px solid #dce7e3;
  display: flex;
  flex-direction: column;
  padding-left: 12px;
}

.dashboard-metric strong {
  color: var(--accent2);
  font: 500 1.15rem "IBM Plex Mono";
  margin-top: 5px;
}

.dashboard-progress-head {
  display: flex;
  font-size: 0.74rem;
  justify-content: space-between;
  margin-bottom: 7px;
}

.dashboard-progress-head span:first-child { color: var(--muted); }
.dashboard-progress-head strong { color: var(--accent); font-family: "IBM Plex Mono"; }

.dashboard-progress {
  background: #e4e9e7;
  height: 6px;
  overflow: hidden;
}

.dashboard-progress span {
  background: var(--accent);
  display: block;
  height: 100%;
}

.dashboard-course-footer {
  align-items: center;
  border-top: 1px solid var(--line);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 17px;
}

@media (max-width: 800px) {
  .admin-overview { grid-template-columns: 1fr 1fr; }
  .dashboard-course-metrics { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
  .admin-overview { gap: 10px; }
  .admin-overview article { padding: 17px 14px; }
  .admin-overview strong { font-size: 1.45rem; }
  .admin-dashboard-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .dashboard-course { padding: 18px 16px; }
  .dashboard-course-head { flex-direction: column; }
  .dashboard-course-identity { width: 100%; }
  .dashboard-course-metrics { gap: 14px 8px; }
  .dashboard-course-footer { align-items: flex-start; flex-direction: column; }
  .dashboard-course-footer .row-actions { width: 100%; }
}