/* Figma robotics skin. Home-only selectors preserve every existing action,
   data source, course cover and assistant character. */
.teacher-dashboard.teacher-dashboard-home {
  --home-ink: #17344d;
  --home-muted: #64778b;
  --home-line: #e2eaf2;
  --home-blue: #1677e8;
  background: #fff;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference {
  background: #fff;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-home-panel {
  border-color: var(--home-line);
  border-radius: 12px;
  box-shadow: 0 3px 14px rgba(26, 62, 103, .035);
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .compact-section-head h2 {
  color: var(--home-ink);
  font-size: 17px;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .compact-section-head p,
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-home-titlebar p {
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.6;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-grid {
  gap: 12px;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card {
  min-height: 82px;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--home-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card:hover {
  border-color: #a7ccec;
  background: #f8fcff;
  box-shadow: 0 5px 16px rgba(24, 99, 159, .08);
  transform: translateY(-1px);
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference button:focus-visible {
  outline: 2px solid var(--home-blue);
  outline-offset: 3px;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-copy strong {
  color: var(--home-ink);
  font-size: 14px;
  line-height: 1.5;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-icon .anticon,
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-icon::after {
  display: none;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-icon::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: center / contain no-repeat;
}

/* Existing theme classes identify actions without changing their Vue handlers. */
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card.blue .teacher-common-icon::before {
  background-image: url('/img/robot-class-icon.png');
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card.green .teacher-common-icon::before,
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card.violet .teacher-common-icon::before {
  background-image: url('/img/robot-creation-icon.png');
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card.orange .teacher-common-icon::before {
  background-image: url('/img/robot-homework-icon.png');
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card.pink .teacher-common-icon::before {
  background-image: url('/img/robot-prepare-icon.png');
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-class-card .teacher-class-card-copy strong {
  color: var(--home-ink);
  font-size: 14px;
  line-height: 1.5;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-class-card .teacher-class-card-copy em,
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-class-card .teacher-class-card-copy small {
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.6;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-class-card .teacher-class-card-copy em {
  height: 3.2em;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-class-cover-icon img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 16px;
}

.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-recent-list button {
  min-height: 62px;
  padding: 14px 12px;
  border-color: var(--home-line);
  background: #fff;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-recent-list strong {
  color: var(--home-ink);
  font-size: 14px;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-recent-list span:not(.home-recent-dot),
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-recent-list em {
  color: var(--home-muted);
  font-size: 13px;
  line-height: 1.6;
}

/* Override legacy generic aside/grid rules that squeeze the two panels together. */
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-home-side-rail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  min-width: 0;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-home-side-rail > article {
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-ai-card {
  min-height: 170px;
  padding: 20px;
  background: #edf7ff !important;
  border-color: #d7e9fa !important;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy {
  inset: 20px auto 20px 20px;
  width: auto;
  max-width: calc(100% - 40px);
  z-index: 2;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy > span {
  color: var(--home-ink);
  font-size: 17px;
  white-space: nowrap;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-ai-copy button {
  min-height: 36px;
  padding: 0 14px;
  font-size: 13px;
  border-radius: 7px;
  background: var(--home-blue);
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-ai-card img {
  width: 112px;
  height: 112px;
  right: 10px;
  bottom: 4px;
  object-fit: contain;
  object-position: center;
  border-radius: 12px;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-calendar-week button strong {
  font-size: 14px;
}
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-calendar-week button span,
.teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-calendar-lessons button {
  font-size: 12px;
}

@media (max-width: 680px) {
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-home-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-recent-list button {
    grid-template-columns: 6px minmax(0, 1fr);
  }
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-recent-list button > span:not(.home-recent-dot),
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .home-recent-list button > em {
    grid-column: 2;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
  }
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card {
    gap: 8px;
    padding: 10px;
  }
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .teacher-dashboard.teacher-dashboard-home .teacher-home-reference .teacher-common-card {
    transition: none;
  }
}