#nana-customer-app-panel {
  width: 100%;
  margin: 0 0 20px;
}

.nana-app-card {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 22px;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );
  backdrop-filter: blur(18px);
}

.nana-app-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.nana-kicker {
  font-size: 11px;
  letter-spacing: .18em;
  opacity: .55;
}

.nana-app-head h2 {
  margin: 5px 0 0;
  font-size: 30px;
}

.nana-state {
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  font-size: 12px;
}

.nana-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
  margin-top: 20px;
}

.nana-grid div {
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
}

.nana-grid span {
  display: block;
  font-size: 11px;
  opacity: .5;
}

.nana-grid strong {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

.nana-pipeline {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px;
}

.nana-pipeline span {
  padding: 7px 9px;
  border-radius: 9px;
  background: rgba(255,255,255,.05);
  font-size: 10px;
}

@media (max-width: 720px) {
  .nana-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}