/* ==========================================================================
   CEK SALDO — TAMBAHAN STYLE
   Aturan tetap mengikuti desain asli: tanpa border, tanpa box-shadow,
   tanpa glow, sudut squircle, Inter, letter-spacing negatif.
   ========================================================================== */

/* Toast / pesan status (fixed, tidak menggeser layout kiosk) */
.kiosk-toast {
  position: fixed;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: min(92vw, 820px);
  padding: 16px 28px;
  border-radius: var(--radius-squircle-full);
  background: var(--navy-primary);
  color: var(--color-white);
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-tight);
  text-align: center;
  z-index: 9999;
  pointer-events: none;
}

.kiosk-toast[hidden] {
  display: none !important;
}

.kiosk-toast[data-type="info"] {
  background: var(--navy-primary);
  color: var(--color-white);
}

.kiosk-toast[data-type="error"] {
  background: #7F1D1D;
  color: #FEF2F2;
}

.kiosk-toast[data-type="success"] {
  background: #14532D;
  color: #F0FDF4;
}

.kiosk-toast i {
  flex: 0 0 auto;
  font-size: 1.4em;
}

.kiosk-toast span {
  line-height: 1.35;
}

/* Baris tombol simulator: izinkan wrap saat ada 3 tombol */
.dev-action-row {
  flex-wrap: wrap;
}