/* KpfStatCard — KPI surfaces + optional trend indicators
   Note: existing border-radius on .top_stats_wrapper is left unchanged. */

#dashboard .widget,
.widget,
.top_stats_wrapper {
  background: var(--kpf-surface);
  border: 1px solid var(--kpf-border);
  border-radius: var(--kpf-radius-md);
  box-shadow: var(--kpf-shadow-panel);
}

/* Trend chip inside folder / KPI cards — only when data exists */
body.app.admin.kodex-crm-admin .kpf-kpi-trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  padding: 2px 6px;
  font-family: var(--kpf-font-family, Satoshi, system-ui, sans-serif);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.02em;
  line-height: 1.2;
  white-space: nowrap;
  border: 1px solid transparent;
  background: var(--kpf-surface-muted, #f7f7f7);
  color: var(--kpf-text-muted, #6e7180);
}

body.app.admin.kodex-crm-admin .kpf-kpi-trend[hidden] {
  display: none !important;
}

body.app.admin.kodex-crm-admin .kpf-kpi-trend--up {
  color: var(--kpf-status-success, #0d7a4e);
  background: color-mix(in srgb, var(--kpf-status-success, #0d7a4e) 10%, #fff);
  border-color: color-mix(in srgb, var(--kpf-status-success, #0d7a4e) 22%, transparent);
}

body.app.admin.kodex-crm-admin .kpf-kpi-trend--down {
  color: var(--kpf-status-danger, #c41e3a);
  background: color-mix(in srgb, var(--kpf-status-danger, #c41e3a) 10%, #fff);
  border-color: color-mix(in srgb, var(--kpf-status-danger, #c41e3a) 22%, transparent);
}

body.app.admin.kodex-crm-admin .kpf-kpi-trend--flat {
  color: var(--kpf-text-muted, #6e7180);
}

body.app.admin.kodex-crm-admin .kpf-kpi-trend__arrow {
  font-size: 10px;
  line-height: 1;
}

body.app.admin.kodex-crm-admin .kds-insp-folder-storage .kpf-kpi-trend {
  margin-left: 0;
  margin-right: auto;
}

/* Project status filter chips → same badge language as tickets */
body.app.admin.kodex-crm-admin .kpf-project-status-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.app.admin.kodex-crm-admin.kodex-crm-admin--ui-dark .kpf-kpi-trend {
  background: color-mix(in srgb, #fff 6%, #1e1e24);
}

body.app.admin.kodex-crm-admin.kodex-crm-admin--ui-dark .kpf-kpi-trend--up {
  background: color-mix(in srgb, var(--kpf-status-success, #0d7a4e) 18%, #1e1e24);
}

body.app.admin.kodex-crm-admin.kodex-crm-admin--ui-dark .kpf-kpi-trend--down {
  background: color-mix(in srgb, var(--kpf-status-danger, #c41e3a) 18%, #1e1e24);
}