/* ==========================================================================
   Smart Trivandrum — watervehicle (water tanker owner) module.
   Thin on purpose: appuser.css already ships .form-grid/.wizard-progress/
   .btnRegister/.status-pill/.booking-table, and vocommon.css ships the
   modal + stat-tile primitives shared with vehicleowner.css. This file only
   adds the mobile/OTP payment-entry card that's specific to this module.
   ========================================================================== */

/* ---- Mobile number / OTP entry card (makepayment.phtml, makepaymentotp.phtml) ---- */
.vo-payment-entry-card { max-width: 420px; margin: 0 auto; text-align: center; }
.vo-payment-entry-icon {
  width: 56px; height: 56px; border-radius: 50%; margin: 0 auto 16px;
  background: var(--teal-soft); color: var(--teal);
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.vo-payment-entry-card h2 { font-family: var(--font-display); font-size: 19px; color: var(--ink); margin: 0 0 6px; }
.vo-payment-entry-card p { font-size: 13.5px; color: var(--ink-3); margin: 0 0 22px; }
.vo-payment-entry-card .form-grid { text-align: left; }