.dashboard-grid.hr-overview-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hr-sickness-overview { grid-column: 1 / -1; min-width: 0; container-type: inline-size; }
.hr-sickness-periods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.hr-sickness-period { min-width: 0; padding-right: 24px; border-right: 1px solid #dfe2e5; }
.hr-sickness-period:last-child { border-right: 0; padding-right: 0; }
.hr-sickness-period h5 { margin: 0 0 6px; font-size: 16px; color: #292c30; }
.hr-sickness-dates { margin: 0 0 16px; font-size: 12px; color: #62666c; }
.hr-sickness-period dl { margin: 0; display: grid; gap: 10px; }
.hr-sickness-period dl > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; }
.hr-sickness-period dt { font-size: 13px; color: #555c65; }
.hr-sickness-period dd { margin: 0; font-size: 15px; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.hr-sickness-period .hr-sickness-cost { border-top: 1px solid #e5e7ea; padding-top: 12px; margin-top: 2px; }
.hr-sickness-cost dd { font-size: 19px; color: #963b09; }
.hr-sickness-basis { margin: 20px 0 0; font-size: 12px; color: #62666c; line-height: 1.5; }
.hr-sickness-warning { font-size: 12px; color: #8f3909; margin: 10px 0 0; }
@media (max-width: 950px) {
  .dashboard-grid.hr-overview-metrics { grid-template-columns: minmax(0, 1fr); }
  .hr-sickness-periods { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .hr-sickness-period { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid #dfe2e5; }
  .hr-sickness-period:last-child { padding-bottom: 0; border-bottom: 0; }
}
@container (max-width: 700px) {
  .hr-sickness-periods { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .hr-sickness-period { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid #dfe2e5; }
  .hr-sickness-period:last-child { padding-bottom: 0; border-bottom: 0; }
}