/* =====================================================================
   WARNA BRAND — Fawwazdev (#38b6ff)
   Dimuat PALING AKHIR di Dashboard Publik & Dashboard Tenant.
   Hanya mengganti warna; tidak ada tata letak / fitur yang diubah.
   Untuk kembali ke warna lama: hapus <link ... brand.css> di index.php & tenant/index.php.
===================================================================== */
:root{
  /* biru utama (dulu biru tua) -> keluarga #38b6ff */
  --blue-900:#07598c; --blue-800:#0a6fae; --blue-700:#0e93e0; --blue-600:#1ea7f7; --blue-500:#38b6ff;
  --blue-100:#d6efff; --blue-50:#eef8ff;
  /* ungu dipakai sebagai pasangan gradasi warna utama -> ikut jadi biru supaya gradasi satu warna */
  --violet-900:#064d7a; --violet-800:#0a6fae; --violet-700:#1ea7f7; --violet-600:#38b6ff; --violet-500:#5cc4ff;
  --violet-100:#e2f4ff; --violet-50:#f1faff;
  --bg-main:#f4f9fd;
  --shadow-sm:0 2px 8px rgba(8,90,140,.06);
  --shadow-md:0 12px 28px -8px rgba(8,90,140,.16);
  --shadow-lg:0 24px 48px -12px rgba(8,90,140,.22);
}

/* Bilah atas (header) */
.pg-app .pg-nav{background:linear-gradient(120deg,#0e93e0 0%,#38b6ff 100%);}
/* Tab aktif (desktop saja — di HP tampilannya navigasi bawah dari app-mode.css) */
@media (min-width:761px){
  .pg-app .pg-tab.active{background:linear-gradient(120deg,#0e93e0,#38b6ff);box-shadow:0 6px 14px -4px rgba(14,147,224,.45);}
}

/* Hero "Status Iuran" & "Kebijakan": latar pastel biru muda */
.pb-hero{background:linear-gradient(120deg,#f2faff 0%,#dcf1ff 55%,#b3e2ff 100%);}
.pk-hero{background:linear-gradient(120deg,#f2faff 0%,#dff2ff 55%,#bde6ff 100%);}

/* Dashboard tenant */
.tn-btn{background:linear-gradient(120deg,#0e93e0,#38b6ff);box-shadow:0 10px 22px -10px rgba(14,147,224,.6);}
.sw-card{
  background:
    radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 60%),
    linear-gradient(135deg,#0a8ad6 0%,#38b6ff 100%);
  box-shadow:0 20px 40px -22px rgba(10,138,214,.75);
}
.tn-field input:focus,.sw-amount:focus-within{box-shadow:0 0 0 4px rgba(56,182,255,.2);}
.tn-link{text-decoration-color:rgba(14,147,224,.35);}
.tn-avatar-edit:focus-visible,
.pg-tab:focus-visible,.tn-seg-btn:focus-visible,.tn-btn:focus-visible,.tn-row-btn:focus-visible,.tn-link:focus-visible{outline-color:rgba(56,182,255,.6);}