/* v3.61: remove the requested footer and reuse its height for records controls.
   Keep existing nodes and handlers so storage and backup data remain intact. */
#view-records .record-more-stats,
#view-records .records-storage-tools {display:none!important}

@media(max-width:800px) {
  #view-records {
    --records-toolbar:44px;
    --records-stat-height:64px;
    --records-calendar-floor:256px;
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    grid-template-rows:var(--records-toolbar) var(--records-stat-height) minmax(var(--records-calendar-floor),1fr) auto auto;
    grid-auto-rows:max-content;
    align-content:stretch;
    height:100%;
    min-height:0;
    max-height:calc(100dvh - var(--header) - var(--nav));
    gap:6px;
    padding:6px 10px;
    overflow-x:hidden;
    overflow-y:auto;
  }
  #view-records .records-heading,
  #view-records .records-month-tools {min-height:var(--records-toolbar);height:var(--records-toolbar)}
  #view-records .records-heading h1 {font-size:26px}
  #view-records .records-month-tools input,
  #view-records .records-month-tools button,
  #view-records .records-month-tools #recordsAll {min-height:38px}
  #view-records #recordStats {gap:6px}
  #view-records #recordStats>.record-stat {
    height:var(--records-stat-height);
    min-height:var(--records-stat-height);
    padding:5px 4px;
    gap:3px;
    border-radius:14px;
  }
  #view-records #recordStats>.record-stat strong {font-size:clamp(17px,4.8vw,21px);line-height:1.12}
  #view-records #recordStats>.record-stat small {font-size:11px;line-height:1.2}
  #view-records #recordStats>.record-upload strong {font-size:13px;line-height:1.15}
  #view-records .record-upload-icon {font-size:23px;line-height:1}
  #view-records .records-calendar {
    margin:0;
    padding:7px 9px;
    min-height:0;
    height:100%;
    border-radius:16px;
    overflow:visible;
  }
  #view-records .records-calendar[open] {display:flex;flex-direction:column}
  #view-records .records-calendar[open]::details-content {display:contents}
  #view-records .records-calendar>summary {flex:none;min-height:32px;font-size:15px;line-height:1.15}
  #view-records .records-calendar-caption {font-size:10px;line-height:1.15}
  #view-records .record-weekdays {flex:none;margin:4px 0;font-size:12px;line-height:1.2;gap:3px}
  #view-records .record-calendar-grid {
    flex:1;
    min-height:0;
    grid-auto-rows:minmax(28px,1fr);
    gap:3px;
    align-content:stretch;
  }
  #view-records .record-calendar-day {
    height:auto;
    min-height:28px;
    padding:2px 1px;
    font-size:15px;
    line-height:1.1;
    border-radius:9px;
  }
  #view-records .record-calendar-day small {font-size:9px;line-height:1.1}
  #view-records .records-list-heading {min-height:24px;margin:0}
  #view-records .records-list-heading h2 {font-size:17px;line-height:1.2}
  #view-records .records-empty {min-height:90px;padding:10px 12px}
  #view-records .records-empty strong {font-size:18px;line-height:1.25}
  #view-records .records-empty .record-primary {min-height:40px;margin-top:5px;font-size:13px}

  /* Saved photos can be browsed inside the list without pushing down the tabs. */
  #view-records:has(.personal-record-card) {
    grid-template-rows:var(--records-toolbar) var(--records-stat-height) minmax(var(--records-calendar-floor),1fr) auto minmax(90px,.7fr);
  }
  #view-records:has(.personal-record-card) .personal-record-list {
    min-height:0;
    align-self:stretch;
    grid-auto-rows:max-content;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  #view-records:has(.personal-record-card):has(#recordsMessage:not(:empty)) {
    grid-template-rows:var(--records-toolbar) var(--records-stat-height) minmax(var(--records-calendar-floor),1fr) auto auto minmax(90px,.7fr);
  }
  #view-records:has(#recordsCalendar:not([open])) {grid-template-rows:var(--records-toolbar) var(--records-stat-height) auto auto minmax(90px,1fr)}
  #view-records .records-calendar:not([open]) {height:auto;align-self:start}
}
@media(max-width:800px) and (max-height:780px) {
  #view-records {--records-stat-height:56px;--records-calendar-floor:256px}
  #view-records .records-empty p {display:none}
}
@media(max-width:800px) and (max-height:700px) {
  #view-records {--records-toolbar:40px;--records-stat-height:52px;--records-calendar-floor:246px;gap:4px;padding-block:4px}
  #view-records .records-month-tools input,
  #view-records .records-month-tools button,
  #view-records .records-month-tools #recordsAll {min-height:34px}
  #view-records .records-empty {min-height:80px;padding:6px 10px}
  #view-records .records-empty strong {font-size:16px}
  #view-records .records-list-heading {min-height:22px}
  #view-records .record-calendar-grid {grid-auto-rows:minmax(26px,1fr)}
  #view-records .record-calendar-day {min-height:26px;font-size:14px;padding-block:0}
  #view-records .record-calendar-day small {font-size:8px;line-height:1}
}
@media(max-width:800px) and (max-height:620px) {
  #view-records {--records-toolbar:38px;--records-stat-height:48px;--records-calendar-floor:228px;gap:3px}
  #view-records .records-calendar {padding:6px 8px}
  #view-records .records-calendar>summary {min-height:28px;font-size:14px}
  #view-records .record-weekdays {font-size:10.5px;margin-block:3px}
  #view-records .record-calendar-grid {grid-auto-rows:minmax(25px,1fr)}
  #view-records .record-calendar-day {min-height:25px;font-size:13px}
  #view-records .records-list-heading {min-height:20px}
  #view-records .records-empty {min-height:72px;padding:4px 10px}
  #view-records .records-empty strong {font-size:15px}
  #view-records .records-empty .record-primary {min-height:36px;margin-top:4px}
}
@media(max-width:360px) {
  #view-records {grid-template-columns:76px minmax(0,1fr);padding-inline:8px}
  #view-records .records-heading h1 {font-size:24px}
  #view-records #recordStats>.record-upload strong {font-size:12px}
}