/* ──────────────────────────────────────────────────────────────
   OpenV Business Solutions · brand palette & helpers
   --------------------------------------------------------------
   The two oranges come straight from the logo.  Feel free to
   adjust / add more variables later (e.g. grey, gradient, …).
   ──────────────────────────────────────────────────────────── */
:root {
  /* brand accents */
  --ov-orange-500 : #F15A24;   /* logo “V” */
  --ov-orange-400 : #F47A4A;   /* lighter hover state */
  --ov-orange-700 : #D94E1F;   /* darker active / focus */

  /* derived utilities */
  --ov-btn-bg       : var(--ov-orange-500);
  --ov-btn-hover    : var(--ov-orange-400);
  --ov-btn-active   : var(--ov-orange-700);
  --ov-badge-bg     : var(--ov-orange-500);
}

/* button helper — use class="btn btn-ov" */
.btn-ov {
  color: #fff;
  background-color: var(--ov-btn-bg);
  border-color:   var(--ov-btn-bg);
}
.btn-ov:hover    { background-color: var(--ov-btn-hover); border-color: var(--ov-btn-hover); }
.btn-ov:active,
.btn-ov.active,
.btn-ov:focus    { background-color: var(--ov-btn-active); border-color: var(--ov-btn-active); }

/* badge helper — use class="badge bg-ov" */
.badge.bg-ov { background-color: var(--ov-badge-bg); }

/* ─── Device-Txn “Type” badges ─────────────────────────────── */
.badge-topup    { background:#ffc107; color:#fff; }   /* bright yellow  */
.badge-transfer { background:#0dcaf0; color:#fff; }   /* light blue     */
.badge-out      { background:#0d6efd; color:#fff; }   /* dark blue      */
.badge-in       { background:#fd7e14; color:#fff; }   /* orange         */
.badge-return   { background:#198754; color:#fff; }   /* dark green     */
.badge-default  { background:#6c757d; color:#fff; }   /* fallback grey  */

.bg-blue-600 {background:#1976d2}
.bg-teal-600 {background:#009688}