/* ======================================================
   DigiNova Merchant Portal – Custom Brand Theme
   Author: Custom UI Revamp
   ====================================================== */

/* ---------- BRAND COLORS ---------- */
:root{
  --dn-blue:#0B4F8A;
  --dn-blue-dark:#083C6B;
  --dn-yellow:#F9C633;
  --dn-yellow-soft:#FFF3CD;

  --dn-bg:#F4F7FB;
  --dn-card:#ffffff;
  --dn-border:#E2E8F0;
  --dn-text:#0F172A;
  --dn-muted:#64748B;
}

/* ---------- GLOBAL ---------- */
body{
  background:var(--dn-bg);
  color:var(--dn-text);
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

a{ text-decoration:none }

/* ---------- TOP BAR ---------- */
.pf-topbar{
  background:linear-gradient(90deg,var(--dn-blue),var(--dn-blue-dark));
  box-shadow:0 4px 20px rgba(11,79,138,.35);
}

.navbar-brand{
  color:#fff !important;
  font-weight:800;
  letter-spacing:.4px;
  display:flex;
  align-items:center;
  gap:.6rem;
}

.pf-brand-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--dn-yellow);
  box-shadow:0 0 0 5px rgba(249,198,51,.25);
}

/* ---------- PAGE HEADER ---------- */
.pf-page-header{
  background:var(--dn-card);
  border:1px solid var(--dn-border);
  border-radius:14px;
  padding:1.2rem 1.4rem;
  box-shadow:0 10px 30px rgba(2,8,23,.06);
}

/* ---------- CARDS ---------- */
.card{
  background:var(--dn-card);
  border:1px solid var(--dn-border);
  border-radius:14px;
  box-shadow:0 12px 32px rgba(2,8,23,.06);
}

.card h5{
  font-weight:700;
}

/* ---------- STAT CARDS ---------- */
.pf-stat-icon{
  background:rgba(11,79,138,.12);
  color:var(--dn-blue);
  border-radius:12px;
}

.pf-stat-value{
  font-size:1.6rem;
  font-weight:800;
}

/* ---------- BUTTONS ---------- */
.btn-primary{
  background:var(--dn-blue);
  border-color:var(--dn-blue);
  font-weight:600;
}

.btn-primary:hover{
  background:var(--dn-blue-dark);
  border-color:var(--dn-blue-dark);
}

.btn-outline-primary{
  color:var(--dn-blue);
  border-color:var(--dn-blue);
}

.btn-outline-primary:hover{
  background:var(--dn-blue);
  color:#fff;
}

/* ---------- QUICK ACTIONS ---------- */
.pf-quick{
  border:1px solid var(--dn-border);
  border-radius:14px;
  transition:all .25s ease;
}

.pf-quick:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(2,8,23,.12);
}

.pf-quick-ic{
  background:var(--dn-yellow-soft);
  color:var(--dn-blue);
  border-radius:12px;
}

/* ---------- TABLES ---------- */
.table{
  background:#fff;
}

.table thead th{
  font-weight:700;
  color:var(--dn-blue-dark);
  border-bottom:2px solid var(--dn-border);
}

.table tbody tr:hover{
  background:#F8FAFC;
}

/* ---------- BADGES ---------- */
.badge.pf-badge{
  font-weight:700;
  letter-spacing:.3px;
}

/* ---------- FORMS ---------- */
.form-control{
  border-radius:10px;
  border:1px solid var(--dn-border);
}

.form-control:focus{
  border-color:var(--dn-blue);
  box-shadow:0 0 0 .2rem rgba(11,79,138,.15);
}

/* ---------- FOOTER / MISC ---------- */
.text-muted{
  color:var(--dn-muted)!important;
}