/* School Year upload review, School Year details, and Home reminders. */
.school-review-form{display:none}

.file-preview{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:20px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  text-align:left;
}
.file-preview[hidden]{display:none}
.file-preview-icon{
  width:46px;height:52px;flex:0 0 46px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#ffe8ea;
  color:#c93545;
  font-size:11px;
  font-weight:900;
}
.file-preview strong,.file-preview small{display:block}
.file-preview strong{font-size:13px;overflow-wrap:anywhere}
.file-preview small{margin-top:4px;color:var(--muted);font-size:11px}

.school-review-heading h3{margin:0;font-size:17px}
.school-review-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}
.school-events-review{display:grid;gap:9px;margin-top:14px}
.school-review-event{
  display:grid;
  grid-template-columns:66px 1fr auto;
  gap:10px;
  align-items:start;
  padding:12px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fafafa;
}
.school-event-date{
  color:#4b785c;
  font-size:11px;
  font-weight:850;
  line-height:1.35;
}
.school-review-event strong,.school-review-event span,.school-review-event p{display:block}
.school-review-event strong{font-size:13px}
.school-review-event span{margin-top:3px;color:var(--muted);font-size:10px;text-transform:uppercase}
.school-review-event p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.school-include-toggle{display:grid;justify-items:center;gap:2px;color:var(--muted);font-size:9px}
.school-include-toggle input{accent-color:#4b8f63}

.school-home-moments{display:grid;gap:10px;margin-bottom:12px}
.school-attention-card{border-color:#d7e8dc}
.school-event-icon{background:#edf6f0}

.school-thumb{background:#edf6f0!important}

.school-detail-month{margin-bottom:20px}
.school-detail-month h4{
  margin:0 0 8px;
  color:#4b785c;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.school-detail-event{
  display:grid;
  grid-template-columns:68px 1fr;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid var(--line);
}
.school-detail-date{color:var(--muted);font-size:11px;font-weight:750}
.school-detail-event strong,.school-detail-event small{display:block}
.school-detail-event strong{font-size:12px}
.school-detail-event small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}

@media(max-width:390px){
  .school-review-event{grid-template-columns:58px 1fr}
  .school-include-toggle{grid-column:2;justify-self:start;display:flex;align-items:center}
}


.school-assistant-copy{
  margin-top:13px;
  padding:12px;
  border-radius:14px;
  background:#f2f7f3;
  color:#405c49;
  font-size:12px;
  line-height:1.5;
}


.school-home-moments{
  display:grid;
  gap:12px;
}

.school-attention-card{
  border-color:#d8eadf;
}

.school-assistant-copy{
  margin-top:13px;
  padding:12px;
  border-radius:14px;
  background:#f2f7f3;
  color:#405c49;
  font-size:12px;
  line-height:1.5;
}

.school-insight-card{
  border-color:#e3ddff;
}


/* Dynamic Coming Up cards */
#schoolComingUpList{
  display:grid;
  gap:12px;
}

.school-coming-up-card{
  border-color:#dce4f4;
}

.school-coming-up-card .school-event-icon{
  background:#eef3fb;
}

.school-coming-up-card .school-assistant-copy{
  margin-top:13px;
  padding:12px;
  border-radius:14px;
  background:#f5f7fb;
  color:#40506a;
  font-size:12px;
  line-height:1.5;
}