/* Refined data panels retain the original metric and chart arrangement. */
.home-data-panel{padding:24px;border:1px solid rgb(var(--ink) / .1);border-radius:16px;background:linear-gradient(120deg,rgb(var(--gold) / .06),transparent 60%),rgb(var(--surface));}
.home-data-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgb(var(--ink) / .08);}
.home-data-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;color:rgb(var(--ink));}
.home-data-city{margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.12em;color:rgb(var(--gold-ink));}
.home-data-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;}
.home-rides-layout{display:block;margin-top:24px;}
.home-rides-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.home-data-metric{min-width:0;}
.home-data-metric dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--n-500));}
.home-data-value{margin-top:6px;font-size:28px;font-weight:600;line-height:1.2;color:rgb(var(--ink));}
.home-data-note{margin-top:6px;font-size:11px;line-height:1.5;color:rgb(var(--n-500));overflow-wrap:anywhere;}
.home-fares-chart{min-width:0;margin-top:20px;}
.home-fares-chart > div{padding:20px 0 0;border:0;border-top:1px solid rgb(var(--ink) / .08);border-radius:0;background:none;backdrop-filter:none;}
.home-fares-chart .hr-bars{height:112px;margin-top:16px;}
.home-activity-summary{display:block;}
.home-sighting-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.home-camera-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.home-camera-metrics{padding-top:12px;}
.home-camera-metrics > div:first-child{display:none;}
.home-camera-grid .home-data-value{font-size:24px;}
.home-activity-panel [data-chart-body]{padding-top:12px;}
.home-data-panel .hr-about{padding-top:8px;margin-top:16px;border-top:1px solid rgb(var(--ink) / .08);}
.home-rides-metrics .home-data-metric:first-child .home-data-value,.home-sighting-metrics .home-data-metric:first-child .home-data-value{color:rgb(var(--gold-ink));}
@media(max-width:639px){
 .home-data-panel{padding:20px 16px;}
 .home-data-heading{gap:12px;padding-bottom:16px;}
 .home-data-heading h2{font-size:18px;}
 .home-rides-layout{margin-top:20px;}
 .home-rides-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;}
 .home-sighting-metrics{gap:12px;}
 .home-camera-grid{gap:12px;}
 .home-data-value{font-size:22px;}
 .home-camera-grid .home-data-value{font-size:22px;}
 .home-data-metric dt{font-size:10px;letter-spacing:0;}
 .home-data-note{font-size:10px;}
 .home-data-panel .home-data-value > span{font-size:11px;}
}

.home-daily-sightings{margin-top:24px;}
.home-daily-sightings > div{padding:20px 0 0;border:0;border-top:1px solid rgb(var(--ink) / .08);border-radius:0;background:none;backdrop-filter:none;}
.sightings-axis-title{margin-bottom:16px;font-size:11px;color:rgb(var(--n-500));}
.sightings-daily-plot{display:grid;max-width:100%;height:260px;grid-template-rows:minmax(0,1fr) 16px;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:12px;font-variant-numeric:tabular-nums;}
.sightings-y-axis{height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-size:11px;line-height:0;color:rgb(var(--n-500));}
.sightings-daily-svg{width:100%;height:100%;display:block;overflow:visible;}
.sightings-gridline{stroke:rgb(var(--ink) / .07);stroke-width:1;vector-effect:non-scaling-stroke;}
.sightings-line-mount{position:relative;min-width:0;min-height:0;margin-right:4px;}
.sightings-line{fill:none;stroke:#FAE030;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.sightings-area{fill:url(#sightingsGrad);stroke:none;}
.sightings-day{fill:transparent;}
.sightings-end-dot{position:absolute;right:0;width:8px;height:8px;border-radius:50%;background:#FAE030;transform:translate(50%,-50%);pointer-events:none;}
.sightings-x-axis{grid-column:2;display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:1.4;color:rgb(var(--n-500));}
@media(max-width:639px){
 .home-daily-sightings{margin-top:20px;}
 .home-daily-sightings > div > div:first-child{flex-wrap:wrap;gap:8px;}
 .sightings-daily-plot{grid-template-columns:24px minmax(0,1fr);column-gap:8px;}
 .sightings-x-axis,.sightings-y-axis{font-size:10px;}
}

/* Sightings uses Fleet Growth's stats-beside-plot composition. */
.home-activity-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--sightings-chart-width,1fr));gap:24px;margin-top:24px;align-items:start;}
.home-activity-layout .home-sighting-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
.home-activity-layout .home-human-metrics > div:first-child{margin-top:0;}
.home-activity-layout .home-daily-sightings{margin-top:0;min-width:0;}
.home-activity-layout .home-daily-sightings > div{padding:0;border:0;}
.home-activity-layout .home-daily-sightings > div > div:first-child{flex-wrap:wrap;gap:8px;}
.home-activity-details{margin-top:24px;padding-top:20px;border-top:1px solid rgb(var(--ink) / .08);}
.home-activity-details > div{padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;}
@media(max-width:1023px){
 .home-activity-layout{grid-template-columns:minmax(0,1fr);gap:24px;}
 .home-activity-layout .home-sighting-metrics{grid-template-columns:repeat(4,minmax(0,1fr));}
 .home-activity-details{gap:20px;}
}

.sightings-end-dot::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:rgb(250 224 48 / .22);}
.sightings-hover-target{position:absolute;inset:0;cursor:crosshair;touch-action:pan-y;}
.sightings-hover-target:focus-visible{outline:2px solid rgb(var(--gold-ink));outline-offset:4px;border-radius:4px;}
.sightings-crosshair{position:absolute;top:0;bottom:0;border-left:1px dashed rgb(var(--ink) / .35);pointer-events:none;}
.sightings-hover-dot{position:absolute;width:10px;height:10px;transform:translate(-50%,-50%);border:2px solid rgb(var(--surface));border-radius:50%;background:#FAE030;pointer-events:none;}
.sightings-tooltip{position:absolute;top:4px;z-index:5;pointer-events:none;white-space:nowrap;max-width:calc(100% - 20px);}
.sightings-tooltip[hidden],.sightings-crosshair[hidden],.sightings-hover-dot[hidden]{display:none;}
