/* Scoped overrides for dashboard sections only.
   Global visual tokens and base components live in site.css. */

.page-pretitle {
  display: inline-block;
  margin-bottom: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.7rem;
  font-weight: 700;
  color: #0d9488 !important;
}

.page-title {
  font-size: clamp(2rem, 2.4vw, 2.8rem);
  font-weight: 900;
  margin-bottom: 0.65rem;
  color: #0f172a !important;
}

.page-subtitle {
  font-size: 1rem;
  color: #475569 !important;
  max-width: 56ch;
}

.dashboard-hero {
  background: linear-gradient(180deg, rgba(13, 148, 136, 0.08), rgba(255, 255, 255, 0.95));
  border: 1px solid rgba(13, 148, 136, 0.14) !important;
}

.dashboard-metric-strip {
  margin-top: -1rem;
}

.dashboard-metric-card,
.dashboard-action-card {
  border-radius: 1rem !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
}

.dashboard-metric-card {
  min-height: 130px;
}

.dashboard-action-card {
  min-height: 120px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dashboard-action-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.08) !important;
}