.property-dashboard,
.animal-overview {
  margin-top: 28px;
}

.season-picker {
  display: flex;
  align-items: end;
  gap: 10px;
}

.season-picker label {
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.season-picker input {
  width: 7rem;
}

.hunt-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.hunt-kpi,
.dashboard-card,
.context-card,
.pattern-card {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
}

.hunt-kpi small,
.dashboard-card > small,
.dashboard-card > div > small,
.pattern-card > small {
  color: var(--rust);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .09em;
}

.hunt-kpi strong {
  display: block;
  margin: 8px 0 4px;
  color: var(--forest-dark);
  font-family: Manrope, sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.3rem);
}

.hunt-kpi p,
.pattern-card p {
  margin: 0;
  color: var(--muted);
}

.property-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.dashboard-card--chart {
  grid-column: 1 / -1;
}

.dashboard-card h3,
.context-card h3 {
  margin: 5px 0 18px;
}

.month-chart {
  display: grid;
  grid-template-columns: repeat(12, minmax(28px, 1fr));
  gap: 10px;
  min-height: 220px;
  overflow-x: auto;
}

.month-bar {
  display: grid;
  grid-template-rows: 1fr auto auto;
  gap: 5px;
  min-width: 28px;
  text-align: center;
}

.month-bar > div {
  display: flex;
  align-items: end;
  min-height: 150px;
  overflow: hidden;
  border-radius: 6px 6px 2px 2px;
  background: #e8ece6;
}

.month-bar i {
  display: block;
  width: 100%;
  min-height: 2px;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, var(--rust), #bd744f);
}

.month-bar strong {
  color: var(--forest-dark);
}

.month-bar span {
  color: var(--muted);
  font-size: .72rem;
}

.rank-list,
.context-card ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rank-list li,
.context-card li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid var(--line);
}

.rank-list li span,
.rank-list li b,
.rank-list li small {
  display: block;
}

.rank-list li small {
  color: var(--muted);
}

.rank-list__empty,
.context-card .context-card__empty {
  color: var(--muted);
}

.animal-context-grid,
.pattern-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.pattern-card > strong {
  display: block;
  margin: 9px 0 5px;
  color: var(--forest-dark);
  font-family: Manrope, sans-serif;
  font-size: 1.3rem;
}

.confidence {
  display: inline-flex;
  margin-top: 16px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: .74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.confidence--low { background: #f0e6df; color: #7e4b32; }
.confidence--moderate { background: #eee7c9; color: #675a1d; }
.confidence--high { background: #dcebdd; color: #295b35; }

.analysis-caveat {
  color: var(--muted);
}

.recent-activity-list {
  display: grid;
  border-top: 1px solid var(--line);
}

.recent-activity-list article {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) 1fr;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
}

.recent-activity-list time,
.recent-activity-list span {
  color: var(--muted);
}

.recent-activity-list strong,
.recent-activity-list span {
  display: block;
}

@media (max-width: 900px) {
  .hunt-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .property-dashboard .hunt-section__head {
    align-items: stretch;
    flex-direction: column;
  }
  .animal-overview .hunt-section__head,
  .animal-intelligence .hunt-section__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .hunt-kpi-grid,
  .property-dashboard-grid,
  .animal-context-grid,
  .pattern-grid {
    grid-template-columns: 1fr;
  }
  .dashboard-card--chart { grid-column: auto; }
  .hunt-kpi,
  .dashboard-card,
  .context-card,
  .pattern-card { padding: 18px; }
  .season-picker { align-items: stretch; flex-direction: column; }
  .season-picker input { width: 100%; }
  .month-chart {
    grid-template-columns: repeat(12, minmax(20px, 1fr));
    gap: 3px;
  }
  .month-bar { min-width: 20px; }
  .month-bar span { font-size: .62rem; }
  .recent-activity-list article { grid-template-columns: 1fr; gap: 5px; }
}