/* =================================================
   DIGIMPAY GLOBAL BRAND V1
   Logo source:
   /assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3
   ================================================= */

.mpay-brand-icon{
  position:relative !important;

  width:52px !important;
  height:52px !important;

  min-width:52px !important;

  overflow:hidden !important;

  border-radius:17px !important;

  background:#082d55 !important;

  box-shadow:
    0 8px 26px rgba(0,180,255,.20),
    inset 0 0 0 1px rgba(90,220,255,.16) !important;
}


/*
 * Gambar asli 1536x1536.
 * Ikon MP berada kira-kira:
 * x 359-1175
 * y 224-1042
 *
 * Kita zoom + crop dengan CSS.
 */
.mpay-brand-icon > .mpay-brand-source{
  position:absolute !important;

  width:188% !important;
  height:188% !important;

  max-width:none !important;

  left:-44% !important;
  top:-27.5% !important;

  object-fit:contain !important;

  pointer-events:none !important;
  user-select:none !important;
}


/* Header dashboard/member */
.header-logo.mpay-brand-icon,
.header-mark.mpay-brand-icon,
.provider-logo.mpay-brand-icon{
  width:52px !important;
  height:52px !important;

  min-width:52px !important;
}


/* Login / register */
.brand-logo.mpay-brand-icon,
.login-logo.mpay-brand-icon{
  width:68px !important;
  height:68px !important;

  min-width:68px !important;

  border-radius:21px !important;
}


/* Admin */
.admin-logo.mpay-brand-icon,
.admin-brand-logo.mpay-brand-icon,
.admin-brand-icon.mpay-brand-icon{
  width:56px !important;
  height:56px !important;

  min-width:56px !important;
}


/* Warna brand seragam */
.mpay-global-brand-text{
  font-weight:900 !important;
  letter-spacing:-.4px !important;
}

.mpay-global-brand-text .mpay-word{
  color:#ffffff !important;
}

.mpay-global-brand-text .digital-word{
  color:#32d5f4 !important;
}


/* Jangan sampai logo gepeng */
.mpay-brand-icon img{
  border:0 !important;
}


/* ==================================================
   DIGIMPAY SYMBOL CROP V4
   Menampilkan HANYA simbol MP dari logo horizontal
   ================================================== */

.mpay-brand-icon{
  position:relative !important;

  width:56px !important;
  height:56px !important;

  min-width:56px !important;
  flex:0 0 56px !important;

  overflow:hidden !important;

  border-radius:18px !important;

  background:#ffffff !important;

  border:
    1px solid rgba(71,211,255,.25) !important;

  box-shadow:
    0 10px 28px rgba(0,180,255,.18) !important;
}


/*
 * Jangan tampilkan IMG lama secara langsung.
 * Simbol akan diambil dengan background crop
 * supaya posisi jauh lebih presisi.
 */
.mpay-brand-icon
.mpay-brand-source{
  display:none !important;
}


/*
 * Crop simbol MP dari logo horizontal.
 */
.mpay-brand-icon::before{
  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  display:block !important;

  background-image:
    url("/assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3") !important;

  background-repeat:
    no-repeat !important;

  /*
   * Zoom agar hanya bagian simbol MP
   * yang masuk ke kotak.
   */
  background-size:
    539% auto !important;

  background-position:
    15% 55% !important;
}


/* LOGIN / REGISTER */

.brand-logo.mpay-brand-icon,
.login-logo.mpay-brand-icon{

  width:64px !important;
  height:64px !important;

  min-width:64px !important;
  flex-basis:64px !important;

  border-radius:19px !important;
}


/* DASHBOARD MEMBER */

.header-logo.mpay-brand-icon,
.header-mark.mpay-brand-icon{

  width:82px !important;
  height:82px !important;

  min-width:82px !important;
  flex-basis:82px !important;

  border-radius:18px !important;
}


/* HALAMAN TRANSAKSI */

.provider-logo.mpay-brand-icon,
.trx-logo.mpay-brand-icon{

  width:54px !important;
  height:54px !important;

  min-width:54px !important;
  flex-basis:54px !important;

  border-radius:17px !important;
}


/* PANEL ADMIN */

.admin-logo.mpay-brand-icon,
.admin-brand-logo.mpay-brand-icon,
.admin-brand-icon.mpay-brand-icon{

  width:58px !important;
  height:58px !important;

  min-width:58px !important;
  flex-basis:58px !important;

  border-radius:18px !important;
}

/* ==================================================
   DIGIMPAY - FULL HORIZONTAL HEADER LOGO V1
   ================================================== */

/*
 * Dashboard member:
 * tampilkan logo DIGIMPAY horizontal penuh.
 */
.brand .header-logo.mpay-brand-icon,
.brand .header-mark.mpay-brand-icon{

  position:relative !important;

  width:270px !important;
  height:82px !important;

  min-width:270px !important;
  flex:0 0 270px !important;

  border-radius:0 !important;

  overflow:hidden !important;

  background:none !important;
  box-shadow:none !important;

}


/*
 * Hilangkan crop simbol MP lama.
 */
.brand .header-logo.mpay-brand-icon::before,
.brand .header-mark.mpay-brand-icon::before{

  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  display:block !important;

  background-image:
    url("/assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3") !important;

  background-repeat:
    no-repeat !important;

  /*
   * Logo asli mempunyai ruang kosong di atas/bawah.
   * Ukuran diperbesar agar tulisan DIGIMPAY
   * terlihat jelas di header.
   */
  background-size:
    135% auto !important;

  background-position:
    center 47% !important;

}


/*
 * IMG internal tidak perlu ditampilkan.
 */
.brand
.header-logo.mpay-brand-icon
.mpay-brand-source,
.brand
.header-mark.mpay-brand-icon
.mpay-brand-source{

  display:none !important;

}


/*
 * Karena tulisan DIGIMPAY sudah berada
 * di dalam gambar, teks lama disembunyikan.
 */
.brand .header-title,
.brand .header-subtitle,
.brand .brand-name,
.brand .brand-subtitle{

  display:none !important;

}


/*
 * Penyesuaian HP.
 */
@media (max-width:600px){

  .brand .header-logo.mpay-brand-icon,
  .brand .header-mark.mpay-brand-icon{

    width:255px !important;
    height:78px !important;

    min-width:255px !important;
    flex-basis:255px !important;

  }

}


/* =====================================================
   DIGIMPAY DASHBOARD HEADER - LOGO HORIZONTAL FINAL
   ===================================================== */

.header-brand{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}


/* Wadah logo lama diubah menjadi logo horizontal */
.header-brand .header-logo,
.header-brand .header-mark{

  position:relative !important;

  width:300px !important;
  height:92px !important;

  min-width:300px !important;
  flex:0 0 300px !important;

  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:none !important;
  box-shadow:none !important;

  overflow:hidden !important;
}


/* Hilangkan semua logo/crop lama */
.header-brand .header-logo img,
.header-brand .header-mark img,
.header-brand .mpay-brand-source{

  display:none !important;
}


/* Matikan pseudo element crop lama */
.header-brand .header-logo::before,
.header-brand .header-mark::before{

  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  display:block !important;

  background-image:
    url("/assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3") !important;

  background-repeat:
    no-repeat !important;

  background-size:
    contain !important;

  background-position:
    left center !important;
}


/* Hilangkan teks lama:
   DIGIMPAY
   Transaksi Digital Terpercaya
*/
.header-brand .header-title,
.header-brand .header-sub,
.header-brand .header-subtitle{

  display:none !important;
}


/* Kalau teks lama berada di div kedua */
.header-brand > div:not(.header-logo):not(.header-mark){

  display:none !important;
}


/* Ukuran mobile */
@media (max-width:600px){

  .header-brand .header-logo,
  .header-brand .header-mark{

    width:285px !important;
    height:88px !important;

    min-width:285px !important;
    flex-basis:285px !important;

  }

}


/* =====================================================
   DIGIMPAY - HEADER TRANSAKSI HORIZONTAL FINAL
   Pulsa / Data / Token / Game / Voucher / E-Wallet
   ===================================================== */

.trx-header .header-mark{

  position:relative !important;

  width:180px !important;
  height:76px !important;

  min-width:180px !important;
  flex:0 0 180px !important;

  padding:0 !important;
  margin-left:auto !important;

  border:0 !important;
  border-radius:0 !important;

  background:none !important;
  box-shadow:none !important;

  overflow:hidden !important;
}


/* Hilangkan gambar / ikon brand lama */
.trx-header .header-mark > img,
.trx-header .header-mark .mpay-brand-source{

  display:none !important;

}


/* Logo horizontal DIGIMPAY BARU */
.trx-header .header-mark::before{

  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  display:block !important;

  background-image:
    url("/assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3") !important;

  background-repeat:no-repeat !important;

  background-size:contain !important;

  background-position:
    center center !important;

}


/* Jaga judul transaksi agar tidak bertabrakan dengan logo */
.trx-header .trx-header-title{

  min-width:0 !important;
  flex:1 1 auto !important;

}


/* Mobile */
@media (max-width:430px){

  .trx-header{

    gap:10px !important;

  }

  .trx-header .header-mark{

    width:165px !important;
    height:72px !important;

    min-width:165px !important;
    flex-basis:165px !important;

  }

  .trx-header .trx-header-title strong{

    font-size:17px !important;

  }

}


/* =====================================================
   DIGIMPAY BRAND LOGO V1
===================================================== */

.brand-logo,
.admin-logo,
.brand-mark,
.header-logo,
.app-logo{
  background:transparent !important;
}

.brand-logo img,
.admin-logo img,
.brand-mark img,
.header-logo img,
.app-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  background:transparent !important;
}

/* =====================================================
   DIGIMPAY DASHBOARD LOGO SIZE V3
===================================================== */

.header-logo.mpay-brand-icon,
.header-mark.mpay-brand-icon{
  width:150px !important;
  height:95px !important;

  min-width:150px !important;
  flex-basis:150px !important;

  border-radius:0 !important;

  background-size:contain !important;
  background-position:left center !important;
  background-repeat:no-repeat !important;

  overflow:visible !important;
}

.header-logo.mpay-brand-icon img,
.header-mark.mpay-brand-icon img{
  width:150px !important;
  height:95px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;
  object-position:left center !important;

  display:block !important;
}

/* =====================================================
   DIGIMPAY CROPPED LOGO FINAL
===================================================== */

/* DASHBOARD MEMBER */
.header-logo.mpay-brand-icon,
.header-mark.mpay-brand-icon{
  width:190px !important;
  height:75px !important;
  min-width:190px !important;
  flex-basis:190px !important;
  background:transparent !important;
  overflow:visible !important;
}

.header-logo.mpay-brand-icon img,
.header-mark.mpay-brand-icon img{
  width:190px !important;
  height:75px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* LOGIN ADMIN */
.admin-logo.mpay-brand-icon,
.admin-brand-logo.mpay-brand-icon,
.admin-brand-icon.mpay-brand-icon{
  width:180px !important;
  height:72px !important;
  min-width:180px !important;
  flex-basis:180px !important;
  background:transparent !important;
  overflow:visible !important;
}

.admin-logo img,
.admin-brand-logo img,
.admin-brand-icon img{
  width:180px !important;
  height:72px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
}

/* =====================================================
   DIGIMPAY LOGO RESTORE + SIZE FINAL V4
   Tidak mengubah file gambar asli.
===================================================== */


/* =========================
   DASHBOARD MEMBER
========================= */

.header-logo.mpay-brand-icon,
.header-mark.mpay-brand-icon{
  position:relative !important;

  width:210px !important;
  height:90px !important;

  min-width:210px !important;
  flex-basis:210px !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;

  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}


.header-logo.mpay-brand-icon img,
.header-mark.mpay-brand-icon img{
  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:210px !important;
  height:210px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;

  display:block !important;

  background:transparent !important;
}


/* =========================
   LOGIN / REGISTER
========================= */

.brand-logo{
  position:relative !important;

  width:185px !important;
  height:82px !important;

  min-width:185px !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}


.brand-logo img{
  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:185px !important;
  height:185px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;

  background:transparent !important;
}


/* =========================
   LOGIN / PANEL ADMIN
========================= */

.admin-logo,
.admin-brand-logo{
  position:relative !important;

  width:190px !important;
  height:82px !important;

  min-width:190px !important;
  flex-basis:190px !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}


.admin-logo img,
.admin-brand-logo img{
  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:190px !important;
  height:190px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;

  background:transparent !important;
}


/* =====================================================
   DIGIMPAY BRAND SIZE V5
   Logo lebih besar - file gambar tidak diubah
===================================================== */

/* DASHBOARD MEMBER */
.header-logo.mpay-brand-icon,
.header-mark.mpay-brand-icon{
  width:270px !important;
  height:110px !important;
  min-width:270px !important;
  flex-basis:270px !important;

  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.header-logo.mpay-brand-icon img,
.header-mark.mpay-brand-icon img{
  position:absolute !important;

  left:-10px !important;
  top:50% !important;

  width:300px !important;
  height:300px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;
}


/* LOGIN / REGISTER MEMBER */
.brand-logo{
  width:235px !important;
  height:100px !important;
  min-width:235px !important;

  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.brand-logo img{
  position:absolute !important;

  left:-8px !important;
  top:50% !important;

  width:265px !important;
  height:265px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;
}


/* LOGIN / PANEL ADMIN */
.admin-logo,
.admin-brand-logo,
.admin-brand-icon{
  width:235px !important;
  height:100px !important;
  min-width:235px !important;
  flex-basis:235px !important;

  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.admin-logo img,
.admin-brand-logo img,
.admin-brand-icon img{
  position:absolute !important;

  left:-8px !important;
  top:50% !important;

  width:265px !important;
  height:265px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;
}

/* =====================================================
   DIGIMPAY DASHBOARD MEMBER FINAL V6
   Override sistem crop logo MP lama
===================================================== */

.member-dashboard .header-brand .header-logo.mpay-brand-icon,
.member-dashboard .header-brand .header-mark.mpay-brand-icon{
  position:relative !important;

  width:min(82vw,330px) !important;
  min-width:min(82vw,330px) !important;
  flex:0 0 min(82vw,330px) !important;

  height:125px !important;

  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:none !important;
  box-shadow:none !important;

  overflow:hidden !important;

  font-size:0 !important;
  color:transparent !important;
}


/*
 * INI YANG PENTING:
 * matikan crop 539% logo MP lama.
 */
.member-dashboard
.header-brand
.header-logo.mpay-brand-icon::before,

.member-dashboard
.header-brand
.header-mark.mpay-brand-icon::before{

  content:"" !important;

  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:100% !important;
  height:330px !important;

  inset:auto !important;

  transform:
    translateY(-50%) !important;

  display:block !important;

  background-image:
    url("/assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3") !important;

  /*
   * Karena PNG sumber berbentuk persegi,
   * ukur berdasarkan LEBAR agar logo horizontal membesar.
   */
  background-size:
    100% auto !important;

  background-position:
    center center !important;

  background-repeat:
    no-repeat !important;
}


/* Jangan tampilkan image/source lama bersamaan */
.member-dashboard
.header-brand
.header-logo.mpay-brand-icon
.mpay-brand-source,

.member-dashboard
.header-brand
.header-mark.mpay-brand-icon
.mpay-brand-source{

  display:none !important;
}


/* =====================================================
   DIGIMPAY LOGIN BRAND CONSISTENT V7
   Member Login + Admin Login
===================================================== */


/* =====================================================
   LOGIN MEMBER
===================================================== */

.auth-page .brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:18px !important;
}


.auth-page .brand .brand-logo{
  position:relative !important;

  width:150px !important;
  height:72px !important;

  min-width:150px !important;
  max-width:150px !important;

  flex:0 0 150px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  font-size:0 !important;
  color:transparent !important;
}


.auth-page .brand .brand-logo img{
  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:150px !important;
  height:150px !important;

  min-width:0 !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;
  object-position:left center !important;

  transform:translateY(-50%) !important;

  display:block !important;

  background:transparent !important;
}


/* =====================================================
   LOGIN ADMIN
===================================================== */

.admin-login-page .admin-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:18px !important;
}


.admin-login-page .admin-brand .admin-logo{
  position:relative !important;

  width:150px !important;
  height:72px !important;

  min-width:150px !important;
  max-width:150px !important;

  flex:0 0 150px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  font-size:0 !important;
  color:transparent !important;
}


.admin-login-page .admin-brand .admin-logo img{
  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:150px !important;
  height:150px !important;

  min-width:0 !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;
  object-position:left center !important;

  transform:translateY(-50%) !important;

  display:block !important;

  background:transparent !important;
}


/* Text di samping logo jangan ikut bergeser */
.auth-page .brand > div:last-child,
.admin-login-page .admin-brand > div:last-child{
  min-width:0 !important;
  flex:1 1 auto !important;
  margin:0 !important;
}


/* =====================================================
   DIGIMPAY DASHBOARD HEADER FIX V8
   Logo + Nama Brand tampil bersama
===================================================== */

.member-dashboard .header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}


/* Area logo + teks */
.member-dashboard .header-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:12px !important;

  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:calc(100% - 82px) !important;
}


/* Logo DIGIMPAY */
.member-dashboard .header-brand .header-logo,
.member-dashboard .header-brand .header-mark,
.member-dashboard .header-brand .header-logo.mpay-brand-icon,
.member-dashboard .header-brand .header-mark.mpay-brand-icon{
  position:relative !important;

  width:155px !important;
  min-width:155px !important;
  max-width:155px !important;

  height:86px !important;

  flex:0 0 155px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;

  font-size:0 !important;
  color:transparent !important;
}


/* Logo dari ::before */
.member-dashboard
.header-brand
.header-logo.mpay-brand-icon::before,

.member-dashboard
.header-brand
.header-mark.mpay-brand-icon::before{
  content:"" !important;

  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:155px !important;
  height:155px !important;

  inset:auto !important;

  transform:translateY(-50%) !important;

  background-image:
    url("/assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3") !important;

  background-size:100% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* Pastikan blok tulisan brand muncul */
.member-dashboard .header-brand > div:last-child{
  display:block !important;

  flex:1 1 auto !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  opacity:1 !important;
  visibility:visible !important;
}


/* Nama brand */
.member-dashboard .header-title{
  display:block !important;

  margin:0 0 3px !important;

  color:#ffffff !important;

  font-size:20px !important;
  font-weight:800 !important;
  line-height:1.1 !important;

  white-space:nowrap !important;

  opacity:1 !important;
  visibility:visible !important;
}


/* Tagline */
.member-dashboard .header-sub{
  display:block !important;

  margin:0 !important;

  color:#9eb7ca !important;

  font-size:11px !important;
  line-height:1.25 !important;

  white-space:nowrap !important;

  opacity:1 !important;
  visibility:visible !important;
}


/* HP lebih kecil */
@media(max-width:390px){

  .member-dashboard .header-brand .header-logo,
  .member-dashboard .header-brand .header-mark,
  .member-dashboard .header-brand .header-logo.mpay-brand-icon,
  .member-dashboard .header-brand .header-mark.mpay-brand-icon{
    width:135px !important;
    min-width:135px !important;
    max-width:135px !important;
    flex-basis:135px !important;
    height:78px !important;
  }

  .member-dashboard
  .header-brand
  .header-logo.mpay-brand-icon::before,

  .member-dashboard
  .header-brand
  .header-mark.mpay-brand-icon::before{
    width:135px !important;
    height:135px !important;
  }

  .member-dashboard .header-title{
    font-size:18px !important;
  }

  .member-dashboard .header-sub{
    font-size:10px !important;
  }

}


/* =====================================================
   DIGIMPAY DASHBOARD HEADER POSITION V9
===================================================== */

.member-dashboard .header-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:10px !important;

  min-width:0 !important;
  flex:1 1 auto !important;

  max-width:calc(100% - 90px) !important;
}

.member-dashboard .header-title{
  font-size:19px !important;
  line-height:1.1 !important;
  font-weight:800 !important;

  white-space:nowrap !important;
}

.member-dashboard .header-sub{
  font-size:10px !important;
  line-height:1.2 !important;

  white-space:nowrap !important;
}

.member-dashboard .notif-btn{
  flex:0 0 auto !important;
}


/* =====================================================
   DIGIMPAY DASHBOARD HEADER V10
===================================================== */

.member-dashboard .header-brand{
  gap:4px !important;
}

.member-dashboard .header-title{
  margin-left:0 !important;
}

.member-dashboard .header-sub{
  margin-left:0 !important;
}


/* =========================================================
   DIGIMPAY DASHBOARD HEADER FINAL V11
   SATU LAYOUT - TANPA JS RESIZE
========================================================= */

.member-dashboard .header{
  position:relative !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:8px !important;
}


/* Logo + tulisan DIGIMPAY */
.member-dashboard .header-brand{
  display:grid !important;

  grid-template-columns:
    158px minmax(0,1fr) !important;

  align-items:center !important;

  column-gap:4px !important;

  flex:1 1 auto !important;

  width:auto !important;
  max-width:calc(100% - 78px) !important;

  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;
}


/* =========================
   WADAH LOGO
========================= */

.member-dashboard
.header-brand
.dashboard-digimpay-logo{

  position:relative !important;

  display:block !important;

  width:158px !important;
  min-width:158px !important;
  max-width:158px !important;

  height:78px !important;

  flex:none !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;

  background:none !important;
  box-shadow:none !important;

  font-size:0 !important;
}


/*
 * PNG sumber berbentuk 1:1.
 * Kita besarkan PNG berdasarkan LEBAR,
 * kemudian crop hanya ruang vertikalnya.
 *
 * Jadi logo horizontal menjadi besar
 * TANPA membuat ruang kosong ke kanan.
 */
.member-dashboard
.header-brand
.dashboard-digimpay-logo img{

  position:absolute !important;

  left:0 !important;
  top:50% !important;

  display:block !important;

  width:158px !important;
  height:158px !important;

  min-width:158px !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
}


/* Jangan pernah gunakan ::before crop MP lama */
.member-dashboard
.header-brand
.dashboard-digimpay-logo::before{

  content:none !important;
  display:none !important;
  background-image:none !important;
}


/* =========================
   BLOK NAMA BRAND
========================= */

.member-dashboard
.header-brand > div:last-child{

  position:static !important;

  display:block !important;

  min-width:0 !important;

  width:auto !important;

  margin:0 !important;
  padding:0 !important;

  transform:none !important;

  opacity:1 !important;
  visibility:visible !important;
}


/* DIGIMPAY */
.member-dashboard .header-title{

  display:block !important;

  margin:0 0 4px !important;
  padding:0 !important;

  font-size:19px !important;
  font-weight:800 !important;
  line-height:1.05 !important;

  color:#fff !important;

  white-space:nowrap !important;

  transform:none !important;

  opacity:1 !important;
  visibility:visible !important;
}


/* Transaksi Digital Terpercaya */
.member-dashboard .header-sub{

  display:block !important;

  margin:0 !important;
  padding:0 !important;

  font-size:10px !important;
  line-height:1.15 !important;

  color:#9eb7ca !important;

  white-space:nowrap !important;

  transform:none !important;

  opacity:1 !important;
  visibility:visible !important;
}


/* Lonceng */
.member-dashboard .notif-btn{

  position:relative !important;

  flex:0 0 auto !important;

  margin-left:4px !important;

  transform:none !important;

  z-index:5 !important;
}


/* HP sangat sempit */
@media(max-width:370px){

  .member-dashboard .header-brand{

    grid-template-columns:
      142px minmax(0,1fr) !important;

    column-gap:3px !important;

  }

  .member-dashboard
  .header-brand
  .dashboard-digimpay-logo{

    width:142px !important;
    min-width:142px !important;
    max-width:142px !important;

    height:72px !important;
  }

  .member-dashboard
  .header-brand
  .dashboard-digimpay-logo img{

    width:142px !important;
    height:142px !important;
    min-width:142px !important;
  }

  .member-dashboard .header-title{
    font-size:17px !important;
  }

  .member-dashboard .header-sub{
    font-size:9px !important;
  }

}


/* =====================================================
   DIGIMPAY DASHBOARD TEXT POSITION FINAL V12
   Hanya geser nama brand ke kiri
===================================================== */

.member-dashboard
.header-brand > div:last-child{
  position:relative !important;

  left:-55px !important;

  margin:0 !important;
  padding:0 !important;

  transform:none !important;
}


/* Nama DIGIMPAY */
.member-dashboard .header-title{
  text-align:left !important;
  margin-left:0 !important;
}


/* Tagline */
.member-dashboard .header-sub{
  text-align:left !important;
  margin-left:0 !important;
}


/* HP lebih kecil */
@media(max-width:370px){

  .member-dashboard
  .header-brand > div:last-child{
    left:-45px !important;
  }

}


/* =====================================================
   DIGIMPAY DASHBOARD HEADER FIX V13
   Logo dikunci, teks diposisikan independen
===================================================== */

.member-dashboard .header-brand{
  position:relative !important;
}


/* KUNCI LOGO - jangan bergeser */
.member-dashboard
.header-brand
.dashboard-digimpay-logo{
  position:relative !important;

  left:0 !important;
  top:auto !important;

  margin:0 !important;

  transform:none !important;
}


/* KUNCI GAMBAR DI DALAM LOGO */
.member-dashboard
.header-brand
.dashboard-digimpay-logo img{
  left:0 !important;
  top:50% !important;

  transform:translateY(-50%) !important;
}


/* TEKS DIPISAH DARI LAYOUT LOGO */
.member-dashboard
.header-brand > div:last-child{
  position:absolute !important;

  left:138px !important;
  top:50% !important;

  width:calc(100% - 138px) !important;

  margin:0 !important;
  padding:0 !important;

  transform:translateY(-50%) !important;

  z-index:2 !important;
}


/* Nama brand */
.member-dashboard .header-title{
  margin:0 0 4px !important;

  text-align:left !important;

  white-space:nowrap !important;
}


/* Tagline */
.member-dashboard .header-sub{
  margin:0 !important;

  text-align:left !important;

  white-space:nowrap !important;
}


@media(max-width:370px){

  .member-dashboard
  .header-brand > div:last-child{
    left:125px !important;
    width:calc(100% - 125px) !important;
  }

}


/* =====================================================
   DIGIMPAY DASHBOARD HEADER FINAL V14
   Logo dan teks dikontrol secara TERPISAH
===================================================== */

.member-dashboard .header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}


/* =====================================================
   WADAH LOGO + TEKS
===================================================== */

.member-dashboard .header-brand{
  position:relative !important;

  display:grid !important;
  grid-template-columns:
    158px minmax(0,1fr) !important;

  column-gap:4px !important;
  align-items:center !important;

  flex:1 1 auto !important;
  min-width:0 !important;

  max-width:calc(100% - 74px) !important;

  margin:0 !important;
  padding:0 !important;

  transform:none !important;
}


/* =====================================================
   LOGO - KEMBALIKAN KE KONDISI YANG TADI SUDAH PAS
===================================================== */

.member-dashboard
.header-brand
.dashboard-digimpay-logo{

  position:relative !important;

  left:0 !important;
  top:auto !important;

  width:158px !important;
  min-width:158px !important;
  max-width:158px !important;

  height:78px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:0 !important;

  background:none !important;
  box-shadow:none !important;

  transform:none !important;
}


/* Logo horizontal dari PNG persegi */
.member-dashboard
.header-brand
.dashboard-digimpay-logo img{

  position:absolute !important;

  left:0 !important;
  top:50% !important;

  width:158px !important;
  height:158px !important;

  min-width:158px !important;
  max-width:none !important;
  max-height:none !important;

  display:block !important;

  object-fit:contain !important;

  transform:
    translateY(-50%) !important;

  margin:0 !important;
  padding:0 !important;
}


/* Pastikan sistem crop logo lama mati */
.member-dashboard
.header-brand
.dashboard-digimpay-logo::before{

  content:none !important;
  display:none !important;

  background:none !important;
}


/* =====================================================
   TEKS BRAND - INI SAJA YANG DIGESER
===================================================== */

.member-dashboard
.header-brand
.dashboard-brand-text{

  position:relative !important;

  left:auto !important;
  right:auto !important;
  top:auto !important;

  width:auto !important;
  min-width:0 !important;

  margin:0 !important;
  margin-left:-36px !important;

  padding:0 !important;

  transform:none !important;

  display:block !important;

  opacity:1 !important;
  visibility:visible !important;

  z-index:2 !important;
}


.member-dashboard
.dashboard-brand-text
.header-title{

  display:block !important;

  margin:0 0 4px 0 !important;
  padding:0 !important;

  text-align:left !important;

  font-size:19px !important;
  font-weight:800 !important;
  line-height:1.05 !important;

  color:#fff !important;

  white-space:nowrap !important;

  transform:none !important;
}


.member-dashboard
.dashboard-brand-text
.header-sub{

  display:block !important;

  margin:0 !important;
  padding:0 !important;

  text-align:left !important;

  font-size:10px !important;
  line-height:1.15 !important;

  color:#9eb7ca !important;

  white-space:nowrap !important;

  transform:none !important;
}


/* Lonceng tidak disentuh */
.member-dashboard .notif-btn{
  position:relative !important;

  flex:0 0 auto !important;

  left:auto !important;
  right:auto !important;

  transform:none !important;

  z-index:5 !important;
}


@media(max-width:370px){

  .member-dashboard .header-brand{
    grid-template-columns:
      145px minmax(0,1fr) !important;
  }

  .member-dashboard
  .header-brand
  .dashboard-digimpay-logo{

    width:145px !important;
    min-width:145px !important;
    max-width:145px !important;

    height:74px !important;
  }

  .member-dashboard
  .header-brand
  .dashboard-digimpay-logo img{

    width:145px !important;
    height:145px !important;
    min-width:145px !important;
  }

  .member-dashboard
  .header-brand
  .dashboard-brand-text{

    margin-left:-32px !important;
  }

}


/* =========================================================
   DIGIMPAY DASHBOARD HEADER HARD RESET V15
   Tidak memakai header-brand/header-logo/header-title lama
========================================================= */

.member-dashboard .header{
  position:relative !important;

  display:block !important;

  width:100% !important;
  height:105px !important;
  min-height:105px !important;

  padding:0 !important;
  margin:0 !important;
}


/* =====================================================
   BRAND BARU
===================================================== */

.member-dashboard #digimpayDashboardBrandFixed{
  position:absolute !important;

  left:18px !important;
  top:50% !important;

  transform:translateY(-50%) !important;

  display:flex !important;
  align-items:center !important;

  gap:5px !important;

  width:auto !important;
  height:82px !important;

  margin:0 !important;
  padding:0 !important;

  z-index:2 !important;
}


/* =====================================================
   LOGO
   Ukuran visual dipertahankan seperti saat sudah pas
===================================================== */

.member-dashboard #digimpayDashboardLogoFixed{
  position:relative !important;

  display:block !important;

  width:125px !important;
  min-width:125px !important;
  max-width:125px !important;

  height:82px !important;

  flex:0 0 125px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  overflow:hidden !important;

  background-image:
    url("/assets/brand/digimpay-transparent.png?v=20260823-brand-new-v3") !important;

  background-repeat:no-repeat !important;

  /*
   * File sumber 1:1.
   * Ukur berdasarkan lebar supaya logo horizontal
   * tampil penuh tanpa ruang kosong ke kanan.
   */
  background-size:
    125px auto !important;

  background-position:
    center center !important;

  background-color:
    transparent !important;
}


/* =====================================================
   TEKS
   Langsung setelah logo — tidak lagi di tengah
===================================================== */

.member-dashboard #digimpayDashboardTextFixed{
  position:relative !important;

  display:block !important;

  left:0 !important;
  top:auto !important;

  width:auto !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  transform:none !important;

  text-align:left !important;

  z-index:3 !important;
}


.member-dashboard #digimpayDashboardTitleFixed{
  display:block !important;

  margin:0 0 4px 0 !important;
  padding:0 !important;

  color:#fff !important;

  font-size:19px !important;
  font-weight:800 !important;
  line-height:1.05 !important;

  text-align:left !important;
  white-space:nowrap !important;
}


.member-dashboard #digimpayDashboardSubFixed{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  color:#9eb7ca !important;

  font-size:10px !important;
  font-weight:400 !important;
  line-height:1.15 !important;

  text-align:left !important;
  white-space:nowrap !important;
}


/* =====================================================
   NOTIFIKASI
   Posisinya sendiri — tidak mendorong brand
===================================================== */

.member-dashboard #notificationButton{
  position:absolute !important;

  right:16px !important;
  top:50% !important;

  transform:translateY(-50%) !important;

  margin:0 !important;

  z-index:10 !important;
}


/* =====================================================
   HP KECIL
===================================================== */

@media(max-width:370px){

  .member-dashboard #digimpayDashboardBrandFixed{
    left:14px !important;
    gap:3px !important;
  }

  .member-dashboard #digimpayDashboardLogoFixed{
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;

    flex-basis:112px !important;

    background-size:
      112px auto !important;
  }

  .member-dashboard #digimpayDashboardTitleFixed{
    font-size:17px !important;
  }

  .member-dashboard #digimpayDashboardSubFixed{
    font-size:9px !important;
  }

  .member-dashboard #notificationButton{
    right:12px !important;
  }

}


/* =====================================================
   DIGIMPAY HEADER BALANCE V16
   Saldo member menggantikan teks brand di header
===================================================== */

.member-dashboard #digimpayDashboardTextFixed{
  width:138px !important;
  max-width:138px !important;
  min-width:0 !important;
}

.member-dashboard #digimpayHeaderBalanceFixed{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;

  margin:0 !important;
  padding:0 !important;
}

.member-dashboard #digimpayHeaderBalanceLabel{
  margin:0 !important;
  padding:0 !important;

  color:#9eb7ca !important;

  font-size:9px !important;
  font-weight:600 !important;
  line-height:1 !important;

  white-space:nowrap !important;
}

.member-dashboard #digimpayHeaderBalanceValue{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  color:#fff !important;

  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.1 !important;

  white-space:nowrap !important;
}

.member-dashboard #digimpayHeaderDepositButton{
  height:23px !important;
  min-height:23px !important;

  margin:2px 0 0 !important;
  padding:0 9px !important;

  border:0 !important;
  border-radius:8px !important;

  background:
    linear-gradient(110deg,#1675ff,#26c7f6)
    !important;

  color:#fff !important;

  font-size:9px !important;
  font-weight:800 !important;
  line-height:23px !important;

  white-space:nowrap !important;

  cursor:pointer !important;
}


/* =====================================================
   AREA PROMOSI PENGGANTI KOTAK SALDO
===================================================== */

.member-dashboard #dashboardPromoArea{
  margin:3px 18px 21px !important;
  padding:0 !important;
}

.member-dashboard #dashboardPromoArea .promo-card{
  min-height:137px !important;
  width:100% !important;
}


/* HP lebih kecil */
@media(max-width:370px){

  .member-dashboard #digimpayDashboardTextFixed{
    width:125px !important;
    max-width:125px !important;
  }

  .member-dashboard #digimpayHeaderBalanceValue{
    font-size:16px !important;
  }

  .member-dashboard #digimpayHeaderDepositButton{
    height:21px !important;
    min-height:21px !important;

    padding:0 8px !important;

    font-size:8px !important;
    line-height:21px !important;
  }
}


/* =====================================================
   DIGIMPAY HEADER SALDO + DEPOSIT ONE ROW V17
===================================================== */

.member-dashboard #digimpayHeaderBalanceFixed{
  display:grid !important;

  grid-template-columns:
    auto auto !important;

  grid-template-areas:
    "label label"
    "value deposit" !important;

  align-items:center !important;
  justify-content:start !important;

  column-gap:7px !important;
  row-gap:3px !important;
}

.member-dashboard #digimpayHeaderBalanceLabel{
  grid-area:label !important;
}

.member-dashboard #digimpayHeaderBalanceValue{
  grid-area:value !important;

  width:auto !important;
  margin:0 !important;
}

.member-dashboard #digimpayHeaderDepositButton{
  grid-area:deposit !important;

  margin:0 !important;

  height:25px !important;
  min-height:25px !important;

  padding:0 8px !important;

  border-radius:8px !important;

  font-size:9px !important;
  line-height:25px !important;
}


/* HP kecil */
@media(max-width:370px){

  .member-dashboard #digimpayHeaderBalanceFixed{
    column-gap:5px !important;
  }

  .member-dashboard #digimpayHeaderBalanceValue{
    font-size:15px !important;
  }

  .member-dashboard #digimpayHeaderDepositButton{
    height:23px !important;
    min-height:23px !important;

    padding:0 6px !important;

    font-size:8px !important;
    line-height:23px !important;
  }
}