/* v3.58: calendar-first records with three equal overview cards. */
#view-records #recordStats {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
#view-records #recordStats>.record-stat {
  min-width:0;
  min-height:96px;
  padding:12px 6px;
  align-items:center;
  text-align:center;
}
#view-records #recordStats>.record-stat::before {content:none}
#view-records #recordStats>.record-stat strong {
  max-width:100%;
  font-size:clamp(20px,3.4vw,28px);
  line-height:1.25;
  letter-spacing:-.5px;
  overflow-wrap:anywhere;
}
#view-records #recordStats>.record-stat small {
  font-size:12px;
  line-height:1.3;
}
#view-records #recordStats>.record-upload {
  flex-direction:column;
  justify-content:center;
  gap:4px;
  margin:0;
  border:1px solid #9acbdc;
  color:#075675;
  cursor:pointer;
  box-shadow:0 3px 10px #007b9e12;
}
#view-records #recordStats>.record-upload strong {
  font-size:15px;
  letter-spacing:0;
  white-space:nowrap;
}
#view-records .record-upload-icon {
  display:block;
  font-size:29px;
  font-weight:650;
  line-height:1;
}
#view-records .record-upload:focus-visible {
  outline:3px solid #087d9a;
  outline-offset:2px;
}
@media(max-width:800px) {
  #view-records #recordStats {gap:6px}
  #view-records #recordStats>.record-stat {
    min-height:72px;
    padding:8px 5px;
    border-radius:15px;
  }
  #view-records #recordStats>.record-stat strong {font-size:22px}
  #view-records #recordStats>.record-stat small {font-size:11px}
  #view-records #recordStats>.record-upload strong {font-size:13px}
  #view-records .record-upload-icon {font-size:25px}
  #view-records .record-weekdays {margin:7px 0 4px;font-size:11px}
  #view-records .record-calendar-day {
    min-height:clamp(32px,5.2dvh,44px);
    padding:3px 1px;
    font-size:14px;
  }
}
@media(max-width:800px) and (max-height:660px) {
  #view-records #recordStats>.record-stat {min-height:64px;padding-block:6px}
  #view-records #recordStats>.record-stat strong {font-size:20px}
  #view-records #recordStats>.record-upload strong {font-size:12px}
  #view-records .record-calendar-day {min-height:31px;font-size:13px}
  #view-records .record-weekdays {margin-top:5px}
}