/* Walk payment model controls */
.walk-payment-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(245,158,11,.20);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(245,158,11,.10), transparent 35%),
    #fff;
}

.walk-payment-card h3 {
  margin: 2px 0 4px;
}

.payment-grid {
  align-items: end;
}

.payment-preview {
  margin: 0;
  padding: 10px 12px;
  border-radius: 16px;
  background: #ecfdf3;
  color: #0f7f55;
  font-weight: 900;
}

.payment-preview.is-paid {
  background: #fff7ed;
  color: #b45309;
}

.payment-pill-paid {
  background: #fff7ed !important;
  color: #b45309 !important;
}

.payment-pill-free {
  background: #ecfdf3 !important;
  color: #0f7f55 !important;
}
