.eb-ki-kosten-dashboard .eb-kk-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
}

.eb-ki-kosten-dashboard .eb-kk-filters label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--eb-muted, #6c757d);
}

.eb-ki-kosten-dashboard .eb-kk-custom-range {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
}

.eb-ki-kosten-dashboard .eb-kk-custom-range.is-visible {
  display: flex;
}

.eb-ki-kosten-dashboard .eb-kk-stats {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.eb-ki-kosten-dashboard .eb-kk-stat {
  flex: 1;
  min-width: 160px;
}

.eb-ki-kosten-dashboard .eb-kk-stat__label {
  font-size: 12px;
  color: var(--eb-muted, #6c757d);
}

.eb-ki-kosten-dashboard .eb-kk-stat__value {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.eb-ki-kosten-dashboard .eb-kk-stat__value--sm {
  font-size: 20px;
}

.eb-ki-kosten-dashboard .eb-kk-charts {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.eb-ki-kosten-dashboard .eb-kk-chart--wide {
  flex: 2;
  min-width: 300px;
}

.eb-ki-kosten-dashboard .eb-kk-chart--narrow {
  flex: 1;
  min-width: 220px;
}

.eb-ki-kosten-dashboard .eb-kk-chart-host {
  min-height: 220px;
}

.eb-ki-kosten-dashboard .eb-kk-error {
  display: none;
  margin-top: 8px;
}