/* Home shortcuts only. Keep the DOM and visual order identical, including the
   existing phone calendar. No assessment, record or modal styles are changed. */
body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout] {
  container-type: inline-size;
  display: grid !important;
  align-items: stretch;
  max-width: 100% !important;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="wide"] {
  grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) !important;
  grid-template-areas: "register station tools" !important;
  width: min(100%,420px) !important;
  gap: 8px !important;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="phone"] {
  grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.25fr) !important;
  grid-template-areas: "register station tools calendar" !important;
  width: 100% !important;
  gap: 4px !important;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout]>#homeAssessmentStation {
  grid-area: station !important;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout]>button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
  min-height: 46px !important;
  padding: 0 8px !important;
  border-radius: 11px;
  font-family: inherit;
  font-size: 14px !important;
  font-size: clamp(11px,4.1cqi,14px) !important;
  font-weight: 900;
  line-height: 1.3 !important;
  text-align: center !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  word-break: normal;
  overflow-wrap: normal;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout] [data-home-action-content] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  max-width: 100%;
  line-height: 1.3;
  white-space: nowrap;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout] [data-home-action-icon] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout] [data-home-action-label] {
  margin-left: 0;
  line-height: 1.3;
}

body.homeDashboardApp #app .homeHeroActions #homeAssessmentStation.homeAssessmentStationHero {
  border: 1px solid #13723f !important;
  background: #16834a !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 6px 15px rgb(22 131 74 / 18%) !important;
  cursor: pointer;
}

body.homeDashboardApp #app .homeHeroActions #homeAssessmentStation svg {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.homeDashboardApp #app .homeHeroActions #homeAssessmentStation:focus-visible {
  outline: 3px solid #0d5b33 !important;
  outline-offset: 3px !important;
}

body.homeDashboardApp #app .homeHeroActions #homeAssessmentStation:active {
  background: #106a3b !important;
  box-shadow: none !important;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="phone"]>button {
  padding: 0 2px !important;
  font-size: clamp(10.5px,2.9vw,13px) !important;
  font-size: clamp(10.5px,3.6cqi,13px) !important;
  letter-spacing: -.025em;
}

body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="phone"] #homeAssessmentStation svg {
  width: 1.15em;
  height: 1.15em;
}

@media (max-width: 380px) {
  body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="phone"] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.68fr) minmax(0,1fr) minmax(0,1.42fr) !important;
    gap: 2px !important;
  }
  body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="phone"]>button {
    padding: 0 1px !important;
  }
  /* Preserve every label and the new assessment icon on the narrowest screens.
     Existing decorative plus/bolt icons yield their space before text shrinks. */
  body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="phone"] #homeAddLesson [data-home-action-icon],
  body.homeDashboardApp #app .homeHeroActions.hasClassroomTools.hasAssessmentStation[data-home-actions-layout="phone"] #homeClassroomTools [data-home-action-icon] {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  body.homeDashboardApp #app .homeHeroActions #homeAssessmentStation:hover {
    background: #117440 !important;
  }
}

@media (forced-colors: active) {
  body.homeDashboardApp #app .homeHeroActions #homeAssessmentStation.homeAssessmentStationHero {
    border-color: ButtonText !important;
    background: ButtonFace !important;
    color: ButtonText !important;
    box-shadow: none !important;
  }
}