/* Overview KPI cards – distinct colors and consistent alignment */
.overview-filters .metric{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.overview-filters .metric>div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
}
.overview-filters .metric strong{line-height:1!important;margin-bottom:6px!important}
.overview-filters .metric b{line-height:1.2!important}
.overview-filters .metric small{line-height:1.35!important;margin-top:4px!important}
.overview-filters .metric-icon{
  flex:0 0 54px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
.overview-filters .metric::after{
  width:30px!important;
  height:30px!important;
  left:18px!important;
  bottom:16px!important;
}

/* 1: overdue trainings – rose/red */
.overview-filters .metric:nth-child(1){
  background:linear-gradient(135deg,#fffafb 0%,#fff0f3 100%)!important;
  border-color:#f2cfd8!important;
}
.overview-filters .metric:nth-child(1) .metric-icon{
  background:#ffdce4!important;
  color:#c83252!important;
}
.overview-filters .metric:nth-child(1) strong,
.overview-filters .metric:nth-child(1) b{color:#8f1f3b!important}

/* 2: open hazards – cool blue/lilac */
.overview-filters .metric:nth-child(2){
  background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%)!important;
  border-color:#cfdcf7!important;
}
.overview-filters .metric:nth-child(2) .metric-icon{
  background:#e3ebff!important;
  color:#4768c8!important;
}
.overview-filters .metric:nth-child(2) strong,
.overview-filters .metric:nth-child(2) b{color:#2f4f9c!important}

/* 3: expiring training – amber */
.overview-filters .metric:nth-child(3){
  background:linear-gradient(135deg,#fffdfa 0%,#fff5e4 100%)!important;
  border-color:#f2d9aa!important;
}
.overview-filters .metric:nth-child(3) .metric-icon{
  background:#ffedc7!important;
  color:#b86c05!important;
}
.overview-filters .metric:nth-child(3) strong,
.overview-filters .metric:nth-child(3) b{color:#8b5a14!important}

/* 4: open tasks – mint/green */
.overview-filters .metric:nth-child(4){
  background:linear-gradient(135deg,#f7fffc 0%,#eafbf5 100%)!important;
  border-color:#c8eadf!important;
}
.overview-filters .metric:nth-child(4) .metric-icon{
  background:#d8f5eb!important;
  color:#0b8b73!important;
}
.overview-filters .metric:nth-child(4) strong,
.overview-filters .metric:nth-child(4) b{color:#176957!important}

@media(max-width:680px){
  .overview-filters .metric{min-height:112px!important;padding:18px!important}
  .overview-filters .metric-icon{flex-basis:48px!important;width:48px!important;height:48px!important;font-size:22px!important}
}