/* Color-only surface layer. Keep dimensions, content, assets and behavior intact. */
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card.blue {
  --surface-fill: #2463d4;
  --surface-hover: #1f55b8;
  --surface-pressed: #194798;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card.green {
  --surface-fill: #087f8c;
  --surface-hover: #066d78;
  --surface-pressed: #055a63;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card.orange {
  --surface-fill: #b65d17;
  --surface-hover: #a25213;
  --surface-pressed: #87430f;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card.pink {
  --surface-fill: #5962cf;
  --surface-hover: #4b53b7;
  --surface-pressed: #3e4599;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card.violet {
  --surface-fill: #7753c7;
  --surface-hover: #6544ad;
  --surface-pressed: #533790;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card {
  color: #fff !important;
  background: var(--surface-fill, #2463d4) !important;
  border-color: var(--surface-fill, #2463d4) !important;
  box-shadow: 0 4px 12px rgba(28, 57, 96, .12) !important;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card .teacher-common-copy strong,
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card .teacher-common-arrow {
  color: inherit !important;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card .teacher-common-icon {
  background-color: #fff !important;
  box-shadow: 0 2px 8px rgba(13, 36, 64, .1);
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card:hover:not(:disabled) {
  background: var(--surface-hover, #1f55b8) !important;
  border-color: var(--surface-hover, #1f55b8) !important;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card:active:not(:disabled) {
  background: var(--surface-pressed, #194798) !important;
  border-color: var(--surface-pressed, #194798) !important;
}

/* Primary actions use the same blue as the class entry. */
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-home-manage-button,
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy button {
  color: #fff !important;
  background: #2463d4 !important;
  border-color: #2463d4 !important;
  box-shadow: 0 3px 10px rgba(36, 99, 212, .18) !important;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-home-manage-button:hover:not(:disabled),
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy button:hover:not(:disabled) {
  background: #1f55b8 !important;
  border-color: #1f55b8 !important;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-home-manage-button:active:not(:disabled),
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy button:active:not(:disabled) {
  background: #194798 !important;
  border-color: #194798 !important;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-ai-card {
  background: linear-gradient(115deg, #e4f1ff, #e4f7f5) !important;
  border-color: #c4dfef !important;
}

/* Keep the page white; tint only the existing navigation buttons. */
.header-shell .header .quick-nav .nav-pill {
  color: #36536f;
  background: #edf5ff;
  border-color: #dfebf8;
}
.header-shell .header .quick-nav .nav-pill:hover:not(:disabled),
.header-shell .header .quick-nav .nav-pill:focus-visible {
  color: #fff;
  background: #2463d4;
  border-color: #2463d4;
}
.header-shell .header .quick-nav .nav-pill:active:not(:disabled) {
  color: #fff;
  background: #194798;
  border-color: #194798;
}
.header-shell .header .quick-nav .nav-pill .anticon {
  background-color: #fff;
  border-radius: 7px;
}
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item {
  color: #36536f !important;
  background: #eff7fc !important;
  border-color: #e3edf6 !important;
}
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item:hover:not(:disabled),
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item:focus-visible {
  color: #194798 !important;
  background: #dcecff !important;
  border-color: #c0d8f6 !important;
}
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item.active {
  color: #fff !important;
  background: #2463d4 !important;
  border-color: #2463d4 !important;
  box-shadow: 0 4px 12px rgba(36, 99, 212, .18) !important;
}
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item.active:hover:not(:disabled),
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item:active:not(:disabled) {
  color: #fff !important;
  background: #194798 !important;
  border-color: #194798 !important;
}

/* Explicit keyboard and disabled states remain legible on colored surfaces. */
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card:focus-visible,
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-home-manage-button:focus-visible,
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy button:focus-visible,
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item:focus-visible,
.header-shell .header .quick-nav .nav-pill:focus-visible {
  outline: 2px solid #194798;
  outline-offset: 3px;
}
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-common-card:disabled,
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-home-manage-button:disabled,
.teacher-dashboard.teacher-dashboard-marker.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy button:disabled,
.teacher-dashboard.teacher-dashboard-marker .dashboard-sidebar .teacher-menu .menu-item:disabled,
.header-shell .header .quick-nav .nav-pill:disabled {
  color: #475569 !important;
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
  box-shadow: none !important;
  opacity: 1;
  cursor: not-allowed;
}