/* Homepage-only database statistics; harmonizes with IrriDex's shared themes.
   This does not affect the full-bleed map page or shared map controls. */
html body .id-home-analytics {
  margin-top: 0;
  margin-bottom: 0;
  padding: 28px clamp(16px, 2.6vw, 30px) 30px;
  background: var(--id-paper, #fff);
  color: var(--id-ink, #333);
  border-bottom: 1px solid var(--id-line, #d5d5d5);
}
.id-home-analytics__intro {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 20px;
}
html body .id-home-analytics__intro h2 {
  font: 400 clamp(24px, 3vw, 30px)/1.25 Verdana, Tahoma, Arial, sans-serif;
  color: var(--id-ink, #333);
  margin: 0 0 7px;
}
.id-home-analytics__intro p,
.id-home-analytics__updated,
.id-home-analytics__note,
.id-home-analytics__stat p {
  color: var(--id-muted, #666);
}
.id-home-analytics__intro p {margin:0;font-size:14px;line-height:1.5}
.id-home-analytics__updated {font-size:12px;white-space:nowrap}
.id-home-analytics__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 15px;
  margin: 0;
  padding: 0;
}
html body .id-home-analytics__stat {
  background: var(--id-panel-soft, #efefef);
  border: 1px solid var(--id-line, #d5d5d5);
  border-radius: var(--id-radius, 4px);
  padding: 17px 19px 18px;
  min-width: 0;
  box-shadow: none;
}
.id-home-analytics__stat dt {
  font: 600 13px/1.45 Verdana,Tahoma,Arial,sans-serif;
  color: var(--id-ink, #333);
  margin: 0 0 10px;
}
.id-home-analytics__stat dd {
  font: 400 clamp(30px, 3.5vw, 38px)/1.1 Verdana,Tahoma,Arial,sans-serif;
  letter-spacing: -.04em;
  color: var(--id-blue, #0078ce);
  margin: 0 0 9px;
  font-variant-numeric: tabular-nums;
}
.id-home-analytics__stat p {margin:0;font: 12px/1.45 Verdana,Tahoma,Arial,sans-serif}
.id-home-analytics__note {font-size:12px;line-height:1.5;margin:15px 0 0}
html[data-theme="dark"] .id-home-analytics__stat dd {color:#8bd0ff}
@media (max-width: 800px) {
  .id-home-analytics__grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width: 470px) {
  html body .id-home-analytics {padding:23px 16px 25px}
  .id-home-analytics__grid {grid-template-columns:1fr;gap:10px}
  html body .id-home-analytics__stat {padding:14px 16px}
  .id-home-analytics__stat dd {font-size:34px}
}