/* Morrow v0.8.8 — friendlier assistant voice + clearer actions */

/* Favorite chips remain quiet information. */
#homePage .suggestion-tags .chip{
  border:0;
  background:#eef1ef;
  color:#263a43;
  box-shadow:none;
}

/* Actions should clearly look tappable and unlike the favorite chips. */
#homePage .teacher-actions{
  align-items:center;
  gap:8px;
  margin-top:10px;
}

#homePage .teacher-actions .teacher-view-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 12px;
  border:1.5px solid #17324f;
  border-radius:999px;
  background:#fff;
  color:#17324f;
  font-size:11px;
  font-weight:800;
  box-shadow:0 2px 8px rgba(15,34,56,.06);
}

#homePage .teacher-actions .teacher-view-action:hover{
  background:#f5f7f8;
}

#homePage .teacher-actions .teacher-got-it-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:7px 12px;
  border:0;
  border-radius:999px;
  background:#728b7d;
  color:#fff;
  font-size:11px;
  font-weight:800;
  box-shadow:0 3px 9px rgba(66,91,77,.18);
}

#homePage .teacher-actions .teacher-got-it-action:hover{
  background:#667f71;
}

#homePage .teacher-actions button:active{
  transform:translateY(1px);
}

/* The assistant sentence should read like a warm note, not another data row. */
#homePage .birthday-moment-card > .assistant,
#homePage .featured > .assistant{
  color:#33464d;
  line-height:1.45;
  text-wrap:pretty;
}

@media(max-width:390px){
  #homePage .teacher-actions .teacher-view-action,
  #homePage .teacher-actions .teacher-got-it-action{
    padding:7px 11px;
  }
}


/* Never show generic reminder filler while the personalized voice is loading. */
.reason.morrow-voice-pending,
.assistant.morrow-voice-pending{
  min-height:46px;
  position:relative;
  overflow:hidden;
  color:transparent!important;
}
.reason.morrow-voice-pending::before,
.assistant.morrow-voice-pending::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 20%,rgba(125,143,131,.16) 45%,transparent 70%);
  transform:translateX(-100%);
  animation:morrowVoiceThinking 1.35s ease-in-out infinite;
}
@keyframes morrowVoiceThinking{to{transform:translateX(100%)}}
@media(prefers-color-scheme:dark){
  .reason.morrow-voice-pending::before,
  .assistant.morrow-voice-pending::before{
    background:linear-gradient(100deg,transparent 20%,rgba(157,185,167,.13) 45%,transparent 70%);
  }
}
@media(prefers-reduced-motion:reduce){
  .reason.morrow-voice-pending::before,
  .assistant.morrow-voice-pending::before{animation-duration:2.7s}
}