/* v3.64: presentation only. No storage, authentication, or API behavior. */
#view-reports #reportsAccess,
#view-reports #reportsMessage[data-quiet=true]{display:none!important}
#view-reports #reportsList{grid-auto-rows:max-content}
#view-reports .unified-place-row{height:auto;min-height:0;align-items:stretch}
#view-reports .unified-place-select{
  height:auto;min-height:0;flex:1 1 0;align-self:stretch;
  padding:10px 12px;gap:4px;justify-content:center;overflow:visible;
}
#view-reports .unified-place-select>*{flex:none;min-width:0}
#view-reports .unified-place-select .unified-place-latest{
  display:block;max-width:100%;font-size:11px;line-height:1.45;
  white-space:normal;overflow-wrap:anywhere;margin:1px 0 0;
  color:#66838a;font-variant-numeric:tabular-nums;
}
#view-reports .unified-place-star{height:auto;flex:0 0 35px;align-self:center}

/* Use the actual records markup: heading / month tools / #recordStats. */
#view-records{
  --records-toolbar:52px;--records-stat-height:74px;
  display:grid;grid-template-columns:minmax(92px,.85fr) minmax(0,2.15fr);
  grid-template-rows:var(--records-toolbar) var(--records-stat-height) minmax(256px,1fr) auto auto;
  grid-auto-rows:max-content;align-content:stretch;gap:8px;
  height:100%;min-height:0;max-height:calc(100dvh - var(--header) - var(--nav));
  padding:8px 10px;overflow-x:hidden;overflow-y:auto;
}
#view-records>*{grid-column:1/-1;min-width:0}
#view-records .records-heading,
#view-records .records-month-tools{
  grid-row:1;align-self:stretch;box-sizing:border-box;
  height:var(--records-toolbar);min-height:var(--records-toolbar);
  margin:0;border:1px solid #d5e8ef;border-radius:14px;overflow:hidden;
}
#view-records .records-heading{
  grid-column:1;padding:3px 8px;align-items:center;justify-content:center;
  background:linear-gradient(120deg,#f6fcffed,#d5f1ffd9);
}
#view-records .records-heading::before{inset:0;mask:none;border-radius:inherit;opacity:.22}
#view-records .records-heading small{display:block;font-size:10px;line-height:1.15;white-space:nowrap}
#view-records .records-heading h1{font-size:24px;line-height:1.1;margin:1px 0 0;letter-spacing:-1px;white-space:nowrap}
#view-records .records-month-tools{
  grid-column:2;display:grid;grid-template-columns:26px minmax(0,1fr) 26px 38px;
  align-items:stretch;gap:2px;padding:0;background:var(--glass);
}
#view-records .records-month-tools input,
#view-records .records-month-tools button,
#view-records .records-month-tools #recordsAll{
  width:100%;min-width:0;height:100%;min-height:0;margin:0;
  box-sizing:border-box;border-radius:0;padding:0 2px;align-self:stretch;
}
#view-records .records-month-tools input{font-size:14px;line-height:1.2;text-align:center}
#view-records .records-month-tools button{font-size:23px;background:transparent}
#view-records .records-month-tools #recordsAll{font-size:11px;border:0;border-left:1px solid #d5e8ef}
#view-records #recordStats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;min-width:0;height:var(--records-stat-height);align-items:stretch;margin:0;
}
#view-records #recordStats>.record-stat{
  display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;
  box-sizing:border-box;width:100%;min-width:0;height:var(--records-stat-height);
  min-height:var(--records-stat-height);max-height:var(--records-stat-height);
  padding:6px 4px;margin:0;gap:4px;border-radius:14px;text-align:center;
}
#view-records #recordStats>.record-stat strong{
  display:block;max-width:100%;font-size:clamp(18px,5.3vw,24px);
  line-height:1.15;letter-spacing:-.6px;white-space:nowrap;overflow-wrap:normal;
}
#view-records #recordStats>.record-stat small{font-size:11px;line-height:1.2;white-space:nowrap}
#view-records #recordStats>.record-upload{flex-direction:column}
#view-records #recordStats>.record-upload strong{font-size:13px;line-height:1.2;letter-spacing:0}
#view-records .record-upload-icon{font-size:25px;line-height:1}
@media(max-width:800px) and (max-height:780px){
  #view-records{--records-toolbar:48px;--records-stat-height:64px;gap:6px;padding-block:6px}
}
@media(max-width:800px) and (max-height:700px){
  #view-records{--records-toolbar:44px;--records-stat-height:60px;grid-template-rows:var(--records-toolbar) var(--records-stat-height) minmax(246px,1fr) auto auto;gap:4px;padding-block:4px}
  #view-records .records-heading{padding-block:2px}
  #view-records .records-heading h1{font-size:22px}
}
@media(max-width:800px) and (max-height:620px){
  #view-records{--records-toolbar:42px;--records-stat-height:56px;grid-template-rows:var(--records-toolbar) var(--records-stat-height) minmax(228px,1fr) auto auto;gap:3px}
  #view-records .records-heading h1{font-size:21px}
  #view-records .records-heading small{font-size:9px}
  #view-records #recordStats>.record-stat strong{font-size:19px}
  #view-records #recordStats>.record-upload strong{font-size:12px}
  #view-records .record-upload-icon{font-size:21px}
}
@media(max-width:380px){
  #view-records{grid-template-columns:92px minmax(0,1fr);padding-inline:8px;column-gap:8px}
  #view-records .records-month-tools{grid-template-columns:24px minmax(0,1fr) 24px 34px;gap:1px}
  #view-records .records-month-tools input{font-size:13px}
  #view-records .records-heading{padding-inline:6px}
}