/* Home / Today page-specific overrides. */

.home-detail-card{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.home-detail-card:focus-visible{
  outline:3px solid rgba(111,92,231,.32);
  outline-offset:3px;
}

/* Give the greeting a little room before the Today label. */
#homePage > .section-title:first-of-type{
  margin-top:18px;
}

.suggestion-group{
  padding-top:18px;
  padding-bottom:18px;
}

.easy-wins-label{
  margin:10px 0 8px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.suggestion-list{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}

.suggestion-list li{
  position:relative;
  padding-left:17px;
  color:var(--text);
  font-size:13px;
  font-weight:700;
  line-height:1.4;
}

.suggestion-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--kid);
}

.teacher-birthday{
  margin-top:5px;
  color:var(--accent-dark);
  font-size:12px;
  font-weight:750;
}

.suggestion-group .teacher-actions{
  margin-top:12px;
}

.suggestion-group .teacher-actions .btn{
  padding:8px 11px;
  font-size:12px;
}

/* Hide the old bulky category previews and gift-idea box if cached markup remains. */
.preview-favorites,
.gift-ideas{
  display:none !important;
}


.empty strong{display:block;margin-bottom:8px;color:#10263f;font-size:17px}
.empty .empty-copy{max-width:430px;margin-right:auto;margin-left:auto;line-height:1.55}
.empty .empty-action{margin-top:16px}
@media(prefers-color-scheme:dark){.empty strong{color:#f7f4ec}}


/* Keep a quiet Today compact while making it feel like part of Morrow. */
.empty-home-calm-compact{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:11px;
  margin:0 0 18px;
  padding:11px 14px 11px 12px;
  border:1px solid var(--line);
  border-left:4px solid #9a86c8;
  border-radius:18px;
  background:var(--surface);
  color:var(--text);
  box-shadow:0 7px 18px rgba(15,34,56,.055);
}
.empty-home-calm-icon{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:12px;
  background:#f0ebf7;
  color:#7962ad;
  font-size:16px;
}
.empty-home-calm-copy{
  color:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1.35;
}
@media(prefers-color-scheme:dark){
  .empty-home-calm-compact{
    border-color:var(--line);
    border-left-color:#9a86c8;
    background:var(--surface);
    box-shadow:0 8px 22px rgba(0,0,0,.18);
  }
  .empty-home-calm-icon{
    background:#302c43;
    color:#d7c9f0;
  }
}