/* Axon desktop KPI visibility and responsive dashboard layout. */
.asp-dashboard-view .db-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.asp-dashboard-view .db-kpi-grid > .db-kpi-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 148px;
  margin: 0;
  padding: 18px;
  overflow: hidden;
  color: var(--text-primary);
  border: 1px solid rgba(18, 184, 134, .14);
  border-radius: 17px;
  background: linear-gradient(145deg, #fff 0%, #f1fbf7 100%);
  box-shadow: 0 10px 30px rgba(10, 65, 49, .075);
}

.asp-dashboard-view .db-kpi-grid > .db-kpi-card::before,
.asp-dashboard-view .db-kpi-grid > .db-kpi-card::after {
  z-index: -1;
}

.asp-dashboard-view .db-kpi-top,
.asp-dashboard-view .db-kpi-value,
.asp-dashboard-view .db-kpi-sub,
.asp-dashboard-view .db-kpi-change {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.asp-dashboard-view .db-kpi-label {
  color: #617188;
  font-size: 10px;
  line-height: 1.3;
}

.asp-dashboard-view .db-kpi-value {
  color: #102a3e;
  font-size: clamp(22px, 1.8vw, 29px);
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.asp-dashboard-view .db-kpi-value span {
  color: #8090a3 !important;
}

.asp-dashboard-view .db-kpi-sub,
.asp-dashboard-view .db-kpi-change,
.asp-dashboard-view .db-kpi-grid small,
.asp-dashboard-view .db-kpi-grid .text-muted {
  color: #718096 !important;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

@media (max-width: 1399px) {
  .asp-dashboard-view .db-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
  .asp-dashboard-view .db-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .asp-dashboard-view .db-kpi-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .asp-dashboard-view .db-kpi-grid > .db-kpi-card { min-height: 126px; padding: 15px; }
}

/* Next Edition dashboard motion and dimensional cards. */
.asp-dashboard-view .db-kpi-grid>.db-kpi-card{background:radial-gradient(circle at 100% 0,rgba(52,211,153,.13),transparent 37%),linear-gradient(145deg,#fff,#effaf6);box-shadow:0 13px 34px rgba(7,45,34,.08);animation:aspDashboardCard .42s cubic-bezier(.2,.8,.2,1) both}
.asp-dashboard-view .db-kpi-grid>.db-kpi-card:nth-child(2){animation-delay:45ms}.asp-dashboard-view .db-kpi-grid>.db-kpi-card:nth-child(3){animation-delay:90ms}.asp-dashboard-view .db-kpi-grid>.db-kpi-card:nth-child(4){animation-delay:135ms}
.asp-dashboard-view .db-kpi-grid>.db-kpi-card::after{position:absolute;display:block;width:82px;height:82px;inset:auto -37px -45px auto;content:"";pointer-events:none;background:rgba(20,184,166,.08);border-radius:50%;transform:none}
@keyframes aspDashboardCard{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.asp-dashboard-view .db-kpi-grid>.db-kpi-card{animation:none!important;transition:none!important;transform:none!important}}