.form-group {
    margin-bottom: 1rem;
}

.hp-hero-text-gradient {
    --hp-bg-size: 400%;
    --hp-color-one: rgb(37, 161, 244);
    --hp-color-two: rgb(249, 31, 169);

    background: linear-gradient(90deg,
            var(--hp-color-one),
            var(--hp-color-two),
            var(--hp-color-one)) 0 0 / var(--hp-bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
    animation: hp-move-bg 24s infinite linear;
}

@keyframes hp-move-bg {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 400% 0;
    }
}


.payment-group {
    box-shadow: none !important;
}

/* .payment-group .accordion-button:focus {
      box-shadow: none;
  } */
.payment-menu input[type="radio"] {
    display: none;
}

.payment-menu {
    /*cursor: pointer;*/
    position: relative;
    display: block;
    color: var(--bs-card-title-color);
    text-decoration: none;
    background: var(--bs-body-bg);
    border-radius: 1rem !important;
    user-select: none;
}

.payment-menu input[type="radio"]+.payment-item {
    text-align: center;
    cursor: pointer;
    padding: 0.5rem 1rem;
    font-size: 13px !important;
    border-radius: 1rem !important;
    border: 2px solid var(--bs-gray-300);
    width: 100%;
}

.payment-menu input[type="radio"]:checked+.payment-item {
    background-color: var(--bs-primary-light);
    border: 2px solid var(--bs-primary);
    color: var(--bs-primary);
    font-size: 13px !important;
    display: block;
}

.payment-menu input[type="radio"]:hover:not(:checked)+.payment-item {
    border: 2px solid var(--bs-primary);
}

.payment-menu .info-top {
    margin-top: 7px;
}

.payment-menu .info-bottom {
    margin-top: 7px;
    margin-bottom: 3px;
}

.select2 {
    width: 100% !important;
}

body .swal2-container {
    z-index: 1081 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f3f5f7;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    border: 1px solid #bec8d0 !important;
    height: 100% !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 0 !important;
    left: 0 !important;
    margin-left: -5px !important;
    margin-top: 8px !important;
}

.select2-container .select2-selection--single:hover {
    background-color: #f8f9fa !important;
}

.select2-container .select2-selection--single:focus {
    color: #131920 !important;
    background-color: #f8f9fa !important;
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}

.select2-results__option:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

.select2-results__option[aria-selected="true"] {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.select2-results__option--highlighted[aria-selected="false"] {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

.select2-results__option--highlighted[aria-selected="true"] {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.select2-container--open .select2-selection--single {
    color: #131920 !important;
    background-color: #f8f9fa !important;
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}

.select2-container .select2-selection--single {
    width: 100%;
    /*padding: 0.58rem 0.75rem;*/
    padding: 0.58rem 2rem 0.58rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #bec8d0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 0.357rem;
    height: 2rem;
}

[data-pc-theme="dark"] .select2-container .select2-selection--single {
    background-color: #263240 !important;
    border-color: #303f50 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #131920 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--bs-body-color) !important;
}

[data-pc-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-pc-theme="dark"] .select2-search__field {
    background-color: #263240 !important;
    color: var(--bs-body-color) !important;
}

[data-pc-theme="dark"] .select2-dropdown {
    background-color: #263240 !important;
    color: var(--bs-body-color) !important;
}

[data-pc-theme="dark"] .select2-results__option:hover {
    background: transparent !important;
    color: var(--bs-primary) !important;
}

[data-pc-theme="dark"] .select2-container .select2-selection--single:focus {
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}

[data-pc-theme="dark"] .select2-results__option[aria-selected="true"] {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

[data-pc-theme="dark"] .select2-results__option--highlighted[aria-selected="false"] {
    background: transparent !important;
    color: var(--bs-primary) !important;
}

[data-pc-theme="dark"] .select2-results__option--highlighted[aria-selected="true"] {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

[data-pc-theme="dark"] .select2-container--open .select2-selection--single {
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}

[data-pc-theme="dark"] .form-control:disabled,
[data-pc-theme="dark"] .custom-select:disabled,
[data-pc-theme="dark"] .dataTable-selector:disabled,
[data-pc-theme="dark"] .dataTable-input:disabled {
    -webkit-text-fill-color: var(--bs-body-color);
}

body.swal2-height-auto {
    overflow: hidden !important;
}

.available-balance-card::after {
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.3),
            rgba(255, 255, 255, 0));
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-secondary,
.btn-custom-gradient {
    background-image: linear-gradient(180deg,
            rgba(255, 255, 255, 0.25),
            rgba(255, 255, 255, 0)) !important;
    border: none;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-secondary {
    background-image: linear-gradient(180deg,
            rgba(255, 255, 255, 0.25),
            rgba(255, 255, 255, 0)) !important;
}

[data-pc-theme="dark"] .card .card-header {
    border-bottom: 1px solid #444a52;
}

.table thead th .form-check {
    font-size: var(--bs-body-font-size) !important;
}

.form-check .form-check-input {
    cursor: pointer;
}

.pc-sidebar .pc-hasmenu.pc-trigger>.pc-link>.pc-arrow {
    margin-top: 2px;
}

[data-pc-theme="dark"] .payment-menu input[type="radio"]:checked+.payment-item {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
}

.hero-text-gradient {
    --bg-size: 400%;
    --color-one: rgb(37, 161, 244);
    --color-two: rgb(249, 31, 169);

    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
    animation: move-bg 24s infinite linear;
}

@keyframes move-bg {
    to {
        background-position: var(--bg-size) 0;
    }
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999999;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    opacity: 1;
    transition: opacity 1s ease-out;
    /* Atur durasi fade-out di sini */
}

.custom-loader {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    --pc: radial-gradient(farthest-side, var(--bs-primary) 92%, #0000);
    background: var(--pc) 50% 0, var(--pc) 50% 100%, var(--pc) 100% 50%, var(--pc) 0 50%;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    animation: spin 0.6s infinite linear;
    position: relative;
}

.custom-loader::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: 3px;
    background: repeating-conic-gradient(rgba(0, 0, 0, 0) 0 35deg, var(--bs-primary) 0 90deg);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3px), #000 0);
    border-radius: 50%;
}

@keyframes spin {
    100% {
        transform: rotate(0.5turn);
    }
}

/* ===== HEADER ICON MOBILE → PUTIH ===== */

/* Hamburger menu (tiga garis) */
.pc-header .pc-h-item .pc-head-link,
.pc-header .pc-head-link,
.pc-header .hamburger,
.pc-header .mobile-menu,
.pc-header [data-pc-toggle="popup"],
.pc-header .pc-h-item i,
.pc-header .pc-head-link i,
.pc-header .ti-menu-2,
.pc-header .ti-menu,
.pc-header .feather,
.pc-header svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* User / profile icon kanan */
.pc-header .user-avtar,
.pc-header .pc-head-link .user,
.pc-header .dropdown-user,
.pc-header .ti-user,
.pc-header .fa-user,
.pc-header a[href*="user"] i,
.pc-header .header-user i {
  color: #ffffff !important;
}

/* Pastikan semua link di header putih */
.pc-header a,
.pc-header .pc-h-item > a,
.pcoded-header a,
.pcoded-header .pc-head-link {
  color: #ffffff !important;
}

.pc-header a:hover,
.pc-header .pc-head-link:hover {
  color: #e0e7ff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px;
}

/* Background header tetap indigo (selaras) */
.pc-header,
.pcoded-header {
  background: linear-gradient(90deg, #312e81 0%, #4338ca 100%) !important;
  border-bottom: none !important;
}

/* ===== DROPDOWN MENU PROFIL — RAPI & TERBACA ===== */

/* Container dropdown */
.pc-header .dropdown-menu,
.pcoded-header .dropdown-menu,
.header-user .dropdown-menu,
.user-profile .dropdown-menu,
.dropdown-user-profile,
.pc-h-dropdown {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 1rem !important;
  box-shadow: 0 12px 40px -8px rgba(15, 23, 42, 0.15), 0 4px 12px rgba(15, 23, 42, 0.06) !important;
  padding: 10px 8px !important;
  min-width: 260px !important;
  overflow: hidden;
}

/* Judul "Menu Pengguna" */
.pc-header .dropdown-menu .dropdown-header,
.pc-header .dropdown-menu h6,
.pc-header .dropdown-menu .user-name,
.dropdown-user-profile .dropdown-header {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  padding: 10px 14px 8px !important;
  margin: 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  letter-spacing: -0.01em;
}

/* Item menu */
.pc-header .dropdown-menu .dropdown-item,
.pc-header .dropdown-menu a,
.pcoded-header .dropdown-menu .dropdown-item,
.dropdown-user-profile .dropdown-item,
.pc-h-dropdown .dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #334155 !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  padding: 11px 14px !important;
  border-radius: 0.75rem !important;
  margin: 2px 4px !important;
  background: transparent !important;
  opacity: 1 !important;
  transition: all 0.2s ease !important;
}

/* Icon di dalam item */
.pc-header .dropdown-menu .dropdown-item i,
.pc-header .dropdown-menu .dropdown-item .ti,
.pc-header .dropdown-menu .dropdown-item svg,
.pc-header .dropdown-menu .dropdown-item .feather,
.dropdown-user-profile .dropdown-item i {
  color: #6366f1 !important;
  font-size: 1.05rem !important;
  width: 22px !important;
  text-align: center !important;
  opacity: 1 !important;
  flex-shrink: 0;
}

/* Hover item */
.pc-header .dropdown-menu .dropdown-item:hover,
.pc-header .dropdown-menu a:hover,
.dropdown-user-profile .dropdown-item:hover {
  background: #eef2ff !important;
  color: #312e81 !important;
}

.pc-header .dropdown-menu .dropdown-item:hover i {
  color: #4f46e5 !important;
}

/* Saldo (biasanya item khusus) */
.pc-header .dropdown-menu .dropdown-item.text-primary,
.pc-header .dropdown-menu .balance,
.pc-header .dropdown-menu [class*="saldo"] {
  color: #4f46e5 !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
}

/* Divider */
.pc-header .dropdown-menu .dropdown-divider,
.dropdown-user-profile .dropdown-divider {
  border-top: 1px solid #f1f5f9 !important;
  margin: 6px 10px !important;
  opacity: 1 !important;
}

/* Keluar Akun — merah */
.pc-header .dropdown-menu .dropdown-item.text-danger,
.pc-header .dropdown-menu a[href*="logout"],
.pc-header .dropdown-menu a[href*="keluar"],
.dropdown-user-profile .dropdown-item.text-danger {
  color: #dc2626 !important;
  font-weight: 700 !important;
}

.pc-header .dropdown-menu .dropdown-item.text-danger i,
.pc-header .dropdown-menu a[href*="logout"] i {
  color: #dc2626 !important;
}

.pc-header .dropdown-menu .dropdown-item.text-danger:hover,
.pc-header .dropdown-menu a[href*="logout"]:hover {
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

/* Hapus background strip pudar yang membuat teks hilang */
.pc-header .dropdown-menu .dropdown-item > *,
.pc-header .dropdown-menu li,
.pc-header .dropdown-menu .list-group-item {
  background: transparent !important;
  opacity: 1 !important;
  color: inherit !important;
}

/* Icon profil di header (tombol trigger) tetap putih */
.pc-header .user-avtar,
.pc-header .pc-head-link.dropdown-toggle,
.pc-header .header-user {
  color: #ffffff !important;
}
.pc-header .user-avtar,
.pc-header .pc-head-link.user {
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 12px !important;
  padding: 6px 10px !important;
}

/* ===== FORCE ICON DROPDOWN — KONTRAS TINGGI ===== */

/* Semua avatar / icon box di dropdown */
.pc-header .dropdown-menu .avtar,
.pc-header .dropdown-menu .avatar,
.pc-header .dropdown-menu [class*="bg-light"],
.pc-header .dropdown-menu .dropdown-item > span,
.pc-header .dropdown-menu .dropdown-item > div:first-child,
.pcoded-header .dropdown-menu .avtar,
.dropdown-user-profile .avtar {
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
}

/* Icon di dalam box */
.pc-header .dropdown-menu .avtar i,
.pc-header .dropdown-menu .avatar i,
.pc-header .dropdown-menu [class*="bg-light"] i,
.pc-header .dropdown-menu .dropdown-item i,
.pc-header .dropdown-menu .ti,
.pc-header .dropdown-menu svg {
  opacity: 1 !important;
  font-size: 1rem !important;
  filter: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* --- WARNA TEKS ICON PER ITEM --- */

/* 1. Saldo (Rp 0) — biru solid */
.pc-header .dropdown-menu .dropdown-item:nth-of-type(1) .avtar,
.pc-header .dropdown-menu .dropdown-item:nth-of-type(1) [class*="bg-light"],
.pc-header .dropdown-menu a:nth-of-type(1) .avtar {
  background: #dbeafe !important;
}
.pc-header .dropdown-menu .dropdown-item:nth-of-type(1) i,
.pc-header .dropdown-menu .dropdown-item:nth-of-type(1) .avtar i {
  color: #2563eb !important;
}

/* 2. Mutasi Saldo — teal solid */
.pc-header .dropdown-menu .dropdown-item:nth-of-type(2) .avtar,
.pc-header .dropdown-menu .dropdown-item:nth-of-type(2) [class*="bg-light"],
.pc-header .dropdown-menu a:nth-of-type(2) .avtar {
  background: #ccfbf1 !important;
}
.pc-header .dropdown-menu .dropdown-item:nth-of-type(2) i,
.pc-header .dropdown-menu .dropdown-item:nth-of-type(2) .avtar i {
  color: #0f766e !important;
}

/* 3. Sesi Aktif — amber solid */
.pc-header .dropdown-menu .dropdown-item:nth-of-type(3) .avtar,
.pc-header .dropdown-menu .dropdown-item:nth-of-type(3) [class*="bg-light"],
.pc-header .dropdown-menu a:nth-of-type(3) .avtar {
  background: #fef3c7 !important;
}
.pc-header .dropdown-menu .dropdown-item:nth-of-type(3) i,
.pc-header .dropdown-menu .dropdown-item:nth-of-type(3) .avtar i {
  color: #b45309 !important;
}

/* 4 & 5. Pengaturan — sudah oke, jaga saja */
.pc-header .dropdown-menu a[href*="akun"] i,
.pc-header .dropdown-menu a[href*="profile"] i {
  color: #334155 !important;
}
.pc-header .dropdown-menu a[href*="api"] i {
  color: #7c3aed !important;
}

/* 6. Keluar Akun — merah solid */
.pc-header .dropdown-menu .dropdown-item.text-danger .avtar,
.pc-header .dropdown-menu a[href*="logout"] .avtar,
.pc-header .dropdown-menu a[href*="keluar"] .avtar,
.pc-header .dropdown-menu .dropdown-item:last-child .avtar,
.pc-header .dropdown-menu .dropdown-item:last-child [class*="bg-light"] {
  background: #fee2e2 !important;
}
.pc-header .dropdown-menu .dropdown-item.text-danger i,
.pc-header .dropdown-menu a[href*="logout"] i,
.pc-header .dropdown-menu a[href*="keluar"] i,
.pc-header .dropdown-menu .dropdown-item:last-child i {
  color: #dc2626 !important;
}

/* Override class light bawaan template (paling penting) */
.pc-header .dropdown-menu .bg-light-primary,
.pc-header .dropdown-menu .bg-light-success,
.pc-header .dropdown-menu .bg-light-warning,
.pc-header .dropdown-menu .bg-light-danger,
.pc-header .dropdown-menu .bg-light-info,
.pc-header .dropdown-menu .bg-light-secondary {
  opacity: 1 !important;
}
.pc-header .dropdown-menu .bg-light-primary { background: #dbeafe !important; }
.pc-header .dropdown-menu .bg-light-primary i { color: #2563eb !important; }

.pc-header .dropdown-menu .bg-light-success { background: #ccfbf1 !important; }
.pc-header .dropdown-menu .bg-light-success i { color: #0f766e !important; }

.pc-header .dropdown-menu .bg-light-warning { background: #fef3c7 !important; }
.pc-header .dropdown-menu .bg-light-warning i { color: #b45309 !important; }

.pc-header .dropdown-menu .bg-light-danger { background: #fee2e2 !important; }
.pc-header .dropdown-menu .bg-light-danger i { color: #dc2626 !important; }

.pc-header .dropdown-menu .bg-light-info { background: #e0e7ff !important; }
.pc-header .dropdown-menu .bg-light-info i { color: #4f46e5 !important; }

/* ===== ICON PENGATURAN — PASTIKAN TERLIHAT ===== */

/* Semua icon di item dropdown wajib tampil */
.pc-header .dropdown-menu .dropdown-item i,
.pc-header .dropdown-menu a i,
.pc-header .dropdown-menu .ti,
.pc-header .dropdown-menu [class^="ti-"],
.pc-header .dropdown-menu [class*=" ti-"],
.pc-header .dropdown-menu .feather,
.pc-header .dropdown-menu svg,
.pc-header .dropdown-menu .pc-icon,
.pc-header .dropdown-menu .fas,
.pc-header .dropdown-menu .far,
.pc-header .dropdown-menu .ph {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.05rem !important;
  width: 28px !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
  margin-right: 10px !important;
}

/* Pengaturan Akun — icon gear / user-cog */
.pc-header .dropdown-menu a[href*="akun"] i,
.pc-header .dropdown-menu a[href*="setting"] i,
.pc-header .dropdown-menu a[href*="profile"] i,
.pc-header .dropdown-menu a[href*="account"] i,
.pc-header .dropdown-menu .dropdown-item:nth-child(4) i,
.pc-header .dropdown-menu a:nth-of-type(4) i {
  color: #334155 !important;
  background: #f1f5f9 !important;
  -webkit-text-fill-color: #334155 !important;
}

/* Pengaturan API — icon key */
.pc-header .dropdown-menu a[href*="api"] i,
.pc-header .dropdown-menu .dropdown-item:nth-child(5) i,
.pc-header .dropdown-menu a:nth-of-type(5) i {
  color: #7c3aed !important;
  background: #f5f3ff !important;
  -webkit-text-fill-color: #7c3aed !important;
}

/* Jika icon memakai span.avtar tanpa <i> di dalam (kadang template pakai ::before) */
.pc-header .dropdown-menu .avtar::before,
.pc-header .dropdown-menu [class*="bg-light"]::before {
  opacity: 1 !important;
  color: inherit !important;
}

/* Override opacity / color:transparent yang sering bikin icon hilang */
.pc-header .dropdown-menu * {
  -webkit-text-fill-color: unset;
}
.pc-header .dropdown-menu .dropdown-item,
.pc-header .dropdown-menu a {
  color: #1e293b !important;
  opacity: 1 !important;
}
.pc-header .dropdown-menu .dropdown-item i,
.pc-header .dropdown-menu a i {
  -webkit-text-fill-color: currentColor !important;
}

/* ===== FOOTER / CARD DASHBOARD — SELARAS INDIGO ===== */

/* Card footer gelap (SMM PPOB + Sitemap) */
.pc-container .card.bg-dark,
.pc-container .card[class*="bg-dark"],
.footer-card,
.dashboard-footer,
.about-card,
.sitemap-card,
.card-footer-dark,
/* selector umum untuk card navy/hitam di konten */
.pc-content .card[style*="background"],
.page-footer,
.site-footer-card {
  background: linear-gradient(160deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%) !important;
  border: 1px solid rgba(99, 102, 241, 0.25) !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 12px 32px rgba(49, 46, 129, 0.3) !important;
  color: #e0e7ff !important;
}

/* Judul di dalam footer card */
.pc-container .card.bg-dark h5,
.pc-container .card.bg-dark h6,
.pc-container .card.bg-dark .card-title,
.footer-card h5,
.footer-card h6,
.sitemap-card h5,
.sitemap-card h6 {
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
}

/* Teks deskripsi */
.pc-container .card.bg-dark p,
.pc-container .card.bg-dark .text-muted,
.footer-card p,
.sitemap-card p {
  color: #c7d2fe !important;
  opacity: 0.95 !important;
  line-height: 1.6 !important;
}

/* Link sitemap */
.pc-container .card.bg-dark a,
.footer-card a,
.sitemap-card a,
.pc-container .card.bg-dark .list-group-item,
.pc-container .card.bg-dark li a {
  color: #a5b4fc !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
}

.pc-container .card.bg-dark a:hover,
.footer-card a:hover,
.sitemap-card a:hover {
  color: #ffffff !important;
}

/* Chevron / icon di samping link */
.pc-container .card.bg-dark a i,
.pc-container .card.bg-dark .ti,
.footer-card a i,
.sitemap-card a i {
  color: #818cf8 !important;
}

/* Teks "SECURE & ENCRYPTED CONNECTION" */
.pc-container .card.bg-dark .text-uppercase,
.pc-container .card.bg-dark small,
.footer-card small,
.sitemap-card .secure-text {
  color: #a5b4fc !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
  opacity: 0.85 !important;
}

/* Divider di dalam card */
.pc-container .card.bg-dark hr,
.footer-card hr,
.sitemap-card hr {
  border-color: rgba(165, 180, 252, 0.2) !important;
  opacity: 1 !important;
}

/* Fallback: elemen dengan background sangat gelap di area konten */
.pc-content [style*="background: #0"],
.pc-content [style*="background:#0"],
.pc-content [style*="background: rgb(15"],
.pc-content [style*="background:rgb(15"],
.pc-content [style*="background-color: #1"],
.pc-content .bg-dark {
  background: linear-gradient(160deg, #1e1b4b 0%, #312e81 55%, #3730a3 100%) !important;
  border-color: rgba(99, 102, 241, 0.25) !important;
}