.detail-section {
  border-radius: 25px;
  border: 1px solid var(--color-border-default);
  padding: 20px;
  background-color: var(--color-surface-primary);
}

.detail-section .section-header {
  font-family: var(--font-family-title);
}

.stat-box__value {
  font-family: var(--font-family-title);
}

.notifications-mark-all-form {
  margin-left: auto;
}

.year-overview {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-2);
}

.year-overview .bar-chart {
  flex: 1;
  min-width: 0;
}

.year-overview .stat-grid {
  grid-template-columns: 1fr;
  flex-shrink: 0;
  width: 200px;
}

@media (max-width: 640px) {
  .year-overview {
    flex-direction: column;
    align-items: stretch;
  }

  .year-overview .bar-chart {
    flex: none;
  }

  .year-overview .stat-grid {
    width: auto;
  }
}