/* ============================================================
   DIGITAL PESA — CUSTOM CSS v3
   Header restored to original height. Bell matches profile icon.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800;900&family=DM+Sans:wght@400;500;600&display=swap');

:root {
  --dp-bk: #07080a;
  --dp-dk: #0d0f13;
  --dp-cd: #12141a;
  --dp-cd2: #181b23;
  --dp-border: rgba(255,255,255,0.07);
  --dp-border-hi: rgba(255,255,255,0.13);
  --dp-wh: #ffffff;
  --dp-mu: #7c7c8e;
  --dp-mu2: #454555;
  --dp-green: #00e87a;
  --dp-green-dim: rgba(0,232,122,0.12);
  --dp-green-glow: rgba(0,232,122,0.28);
  --dp-gold: #f7c520;
  --dp-gold-dim: rgba(247,197,32,0.12);
  --dp-amber: #f7a435;
  --dp-blue: #4e8fff;
  --dp-red: #ef4444;
  --dp-r: 14px;
  --dp-rl: 20px;
  --fd: 'Sora', system-ui, sans-serif;
  --fb: 'DM Sans', system-ui, sans-serif;
}

/* ── PAGE ── */
body {
  background-color: var(--dp-bk) !important;
  color: var(--dp-wh) !important;
  font-family: var(--fb) !important;
}








/* ── COOKIE CARD — allow hide to work ── */
.cookies-card.d-none {
  display: none !important;
}







/* ── COOKIE CONSENT — bottom-right toast style ── */
.cookies-card {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
  top: auto !important;
  width: 340px !important;
  max-width: calc(100vw - 48px) !important;
  background: #12141a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.7) !important;
  z-index: 999999 !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  animation: cookieSlideIn 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}

@keyframes cookieSlideIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Icon row */
.cookies-card__icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: rgba(0,232,122,0.12) !important;
  border: 1px solid rgba(0,232,122,0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.cookies-card__icon i {
  color: #00e87a !important;
  font-size: 1.1rem !important;
}

/* Text */
.cookies-card__content {
  color: #7c7c8e !important;
  font-size: 0.78rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.cookies-card__content .text--base {
  color: #00e87a !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.cookies-card__content .text--base:hover {
  color: #1aff8a !important;
  text-decoration: underline !important;
}

/* Allow button */
.cookies-card__btn {
  margin: 0 !important;
}

.cookies-card__btn .btn {
  width: 100% !important;
  background: #00e87a !important;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 0.83rem !important;
  border-radius: 10px !important;
  padding: 0.55rem 1rem !important;
  border: none !important;
}

.cookies-card__btn .btn:hover {
  background: #1aff8a !important;
  box-shadow: 0 0 18px rgba(0,232,122,0.3) !important;
}

/* Mobile */
@media (max-width: 480px) {
  .cookies-card {
    bottom: 16px !important;
    right: 16px !important;
    left: 16px !important;
    width: auto !important;
    max-width: none !important;
  }
}










/* ── REGISTER PAGE — "I Agree" checkbox fix ── */

/* Remove the generic form--control override from checkboxes */
input[type="checkbox"].form-check-input {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  background: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 4px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  accent-color: #00e87a;
}

input[type="checkbox"].form-check-input:focus {
  border-color: #00e87a !important;
  box-shadow: 0 0 0 3px rgba(0, 232, 122, 0.15) !important;
  outline: none !important;
}

input[type="checkbox"].form-check-input:checked {
  background-color: #00e87a !important;
  border-color: #00e87a !important;
}

/* Fix the agree row layout */
.form-group.d-flex.align-items-center .form-check-input {
  margin-top: 0 !important;
  margin-right: 8px !important;
}

.form-group.d-flex.align-items-center .form-check-label {
  margin: 0 6px 0 0 !important;
  color: #a0a0b0 !important;
  font-size: 0.84rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.form-group.d-flex.align-items-center .link {
  margin: 0 3px !important;
  color: #00e87a !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.form-group.d-flex.align-items-center .link:hover {
  color: #1aff8a !important;
  text-decoration: underline !important;
}





@media (max-width: 1199px) {
  .account-wrapper {
    display: none;
  }
}



/* Fix OTC status badges in admin */
.badge--info {
    background: rgba(78,143,255,0.15) !important;
    color: #4e8fff !important;
    border: 1px solid rgba(78,143,255,0.3) !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}
.badge--warning {
    background: rgba(247,197,32,0.15) !important;
    color: #f7c520 !important;
    border: 1px solid rgba(247,197,32,0.3) !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}
.badge--success {
    background: rgba(34,197,94,0.15) !important;
    color: #22c55e !important;
    border: 1px solid rgba(34,197,94,0.3) !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}
.badge--danger {
    background: rgba(239,68,68,0.15) !important;
    color: #ef4444 !important;
    border: 1px solid rgba(239,68,68,0.3) !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}






/* Force notification dropdown to show above content */
.notif-bell-wrapper .dropdown-menu.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix mobile dropdown going below profile banner */
.notif-bell-wrapper .notif-dd {
  position: absolute !important;
  inset: auto !important;
  transform: none !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 999999 !important;
  margin: 0 !important;
}







/* ══════════════════════════════════════════
   HEADER — original height preserved
   Only override color/background, NOT padding/height
   ══════════════════════════════════════════ */
.header {
  background: rgba(7,8,10,0.97) !important;
  border-bottom: 1px solid var(--dp-border) !important;
  box-shadow: none !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

/* Logo — keep original height */
.navbar-brand.logo img {
  height: 46px !important;
  width: auto !important;
  object-fit: contain !important;
}
.navbar-brand.logo::before { display: none !important; }

/* Nav links */
.navbar-nav.nav-menu { flex-wrap: nowrap !important; }
.navbar-nav.nav-menu .nav-link {
  white-space: nowrap !important;
  color: var(--dp-mu) !important;
  font-size: 0.83rem !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: 0.4rem 0.8rem !important;
}
.navbar-nav.nav-menu .nav-link:hover {
  color: var(--dp-wh) !important;
  background: rgba(255,255,255,0.05) !important;
}
.navbar-nav.nav-menu .nav-item:nth-child(2) .nav-link {
  color: var(--dp-green) !important;
  background: var(--dp-green-dim) !important;
  border: 1px solid rgba(0,232,122,0.2) !important;
}
.navbar-nav.nav-menu .nav-item:nth-child(3) .nav-link {
  color: var(--dp-amber) !important;
  background: rgba(247,164,53,0.1) !important;
  border: 1px solid rgba(247,164,53,0.2) !important;
}
.navbar-nav.nav-menu .dropdown-menu {
  background: var(--dp-cd2) !important;
  border: 1px solid var(--dp-border-hi) !important;
  border-radius: var(--dp-r) !important;
  padding: 0.4rem !important;
}
.navbar-nav.nav-menu .dropdown-item {
  color: var(--dp-mu) !important;
  font-size: 0.82rem !important;
  border-radius: 8px !important;
}
.navbar-nav.nav-menu .dropdown-item:hover {
  color: var(--dp-wh) !important;
  background: rgba(255,255,255,0.06) !important;
}

/* Account button (profile icon) */
.header-right__button.account {
  background: hsla(0,0%,100%,0.1) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fff !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 1.125rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.header-right__button.account:hover { color: var(--dp-green) !important; }

/* Account popup */
.account-wrapper { position: relative !important; }
.account-popup {
  background: var(--dp-cd2) !important;
  border: 1px solid var(--dp-border-hi) !important;
  border-radius: var(--dp-rl) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.7) !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 99999 !important;
  max-height: 85vh !important;
  overflow-y: auto !important;
}
.account-header {
  background: rgba(0,232,122,0.06) !important;
  border-bottom: 1px solid var(--dp-border) !important;
  padding: 1rem 1.2rem !important;
}
.account-header h5 { color: var(--dp-wh) !important; font-size: 0.95rem !important; font-weight: 700 !important; margin: 0 !important; }
.account-header .badge--warning {
  background: var(--dp-gold-dim) !important; color: var(--dp-gold) !important;
  border: 1px solid rgba(247,197,32,0.3) !important; border-radius: 6px !important;
  font-size: 0.63rem !important; font-weight: 700 !important; padding: 0.2rem 0.5rem !important;
}
.account-header .badge--secondary {
  background: rgba(255,255,255,0.06) !important; color: var(--dp-mu) !important;
  border: 1px solid var(--dp-border) !important; border-radius: 6px !important;
}
.account-list { padding: 0.5rem !important; }
.account-list__link {
  color: var(--dp-mu) !important; font-size: 0.82rem !important; border-radius: 8px !important;
  padding: 0.48rem 0.8rem !important; display: block !important;
}
.account-list__link:hover { color: var(--dp-wh) !important; background: rgba(255,255,255,0.05) !important; }
a.logout-btn {
  color: var(--dp-red) !important; font-size: 0.82rem !important; font-weight: 600 !important;
  border-top: 1px solid var(--dp-border) !important; padding: 0.6rem 0.8rem !important;
  margin: 0 0.5rem 0.5rem !important; border-radius: 8px !important; display: block !important;
}
a.logout-btn:hover { background: rgba(239,68,68,0.08) !important; }

/* ── NOTIFICATION BELL — same size as profile button ── */
.notif-bell-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.notif-bell-btn {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: hsla(0,0%,100%,0.1) !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 1.125rem !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin-left: 15px !important;
  transition: color .2s !important;
  flex-shrink: 0 !important;
}
.notif-bell-btn:hover,
.notif-bell-btn[aria-expanded="true"] {
  color: var(--dp-green) !important;
}
.notif-count {
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  min-width: 17px !important;
  height: 17px !important;
  border-radius: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #07080a !important;
  padding: 0 3px !important;
  line-height: 1 !important;
  z-index: 1 !important;
}

/* Notification dropdown */
.notif-dd {
  width: 310px !important;
  background: #12141a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.7) !important;
  overflow: hidden !important;
  margin-top: 8px !important;
  padding: 0 !important;
}
.notif-dd-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 13px 16px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #fff !important;
}
.notif-dd-head a { color: var(--dp-green) !important; text-decoration: none !important; font-size: .73rem !important; }
.notif-dd-head a:hover { color: #1aff8a !important; }
#notifDDBody { max-height: 320px !important; overflow-y: auto !important; }
.notif-dd-loading { padding: 18px !important; text-align: center !important; color: #454555 !important; font-size: .8rem !important; }
.notif-dd-empty  { padding: 28px 16px !important; text-align: center !important; color: #454555 !important; font-size: .8rem !important; }
.notif-dd-item {
  display: flex !important; align-items: flex-start !important; gap: 10px !important;
  padding: 11px 16px !important; border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  cursor: pointer !important; background: rgba(0,232,122,0.03) !important; transition: background .15s !important;
}
.notif-dd-item:hover { background: rgba(255,255,255,0.04) !important; }
.notif-dd-item:last-child { border-bottom: none !important; }
.notif-dd-icon {
  width: 34px !important; height: 34px !important; border-radius: 50% !important; flex-shrink: 0 !important;
  background: rgba(0,232,122,0.1) !important; border: 1px solid rgba(0,232,122,0.2) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: var(--dp-green) !important; font-size: .95rem !important;
}
.notif-dd-title { font-size: .78rem !important; color: #fff !important; font-weight: 600 !important; margin: 0 0 2px !important; line-height: 1.35 !important; }
.notif-dd-time  { font-size: .67rem !important; color: #454555 !important; }
.notif-dd-dot   { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--dp-green) !important; flex-shrink: 0 !important; margin-top: 5px !important; }

/* ── OTC FORM INPUTS ── */
.bitcoin-form-wrapper .form--control,
.bitcoin-form-wrapper input.form--control,
.bitcoin-form-wrapper textarea.form--control,
.bitcoin-form-wrapper select.form--control {
  background-color: #1a1d26 !important; border: 1px solid rgba(255,255,255,0.15) !important; color: #ffffff !important;
}
.bitcoin-form-wrapper .form--control::placeholder { color: #6c757d !important; }
.bitcoin-form-wrapper .form--control:focus {
  background-color: #1e2130 !important; border-color: #00e87a !important; color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0,232,122,0.1) !important;
}
.bitcoin-form-wrapper label { color: #a0a0b0 !important; }
.bitcoin-form-wrapper .select2-container--default .select2-selection--single {
  background-color: #1a1d26 !important; border: 1px solid rgba(255,255,255,0.15) !important;
  height: 48px !important; line-height: 48px !important;
}
.bitcoin-form-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important; line-height: 48px !important; padding-left: 12px !important;
}
.bitcoin-form-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px !important; }

/* ── LOGIN PAGE ── */
.account-form .switch { color: #7c7c8e !important; font-size: 0.85rem !important; }
.account-form .switch .link { color: #00e87a !important; font-weight: 600 !important; text-decoration: none !important; }
.account-form .switch .link:hover { color: #1aff8a !important; }
.account-form .forgot { color: #7c7c8e !important; font-size: 0.82rem !important; text-decoration: none !important; display: block !important; margin-top: 0.5rem !important; }
.account-form .forgot:hover { color: #00e87a !important; }
.account-footer__right-link { color: #7c7c8e !important; font-size: 0.75rem !important; text-decoration: none !important; }
.account-footer__right-link:hover { color: #ffffff !important; }
.account-footer__text { color: #7c7c8e !important; font-size: 0.75rem !important; }

/* ── TICKETS ── */
.custom--card .card-header, .card-header.bg-white {
  background: #12141a !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; padding: 1rem 1.4rem !important;
}
.custom--card .card-header h5, .card-header.bg-white h5 {
  color: #ffffff !important; font-size: 0.95rem !important; font-weight: 700 !important;
  display: flex !important; align-items: center !important; gap: 0.6rem !important; flex-wrap: wrap !important; margin: 0 !important;
}
.text--info { color: #4e8fff !important; font-size: 0.75rem !important; }
.card { background: #12141a !important; border: 1px solid rgba(255,255,255,0.07) !important; border-radius: 14px !important; }
.card-body { background: transparent !important; }
.card-body .row.border { background: #181b23 !important; border-color: rgba(252,161,32,0.3) !important; border-radius: 10px !important; }
.card-body .border-end h5 { color: #ffffff !important; font-weight: 700 !important; font-size: 0.95rem !important; }
.card-body .border-end { border-color: rgba(255,255,255,0.1) !important; }
.card-body .text-muted.fw-bold { color: #7c7c8e !important; font-size: 0.82rem !important; }
.card-body p:not(.text-muted) { color: #c4c4d0 !important; font-size: 0.88rem !important; line-height: 1.65 !important; }
.ptable-header-right__link { color: #00e87a !important; font-size: 0.82rem !important; font-weight: 600 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 0.4rem !important; }
.ptable-header-right__link:hover { color: #1aff8a !important; }

/* ── LABELS ── */
label, .form--label { color: #a0a0b0 !important; font-size: 0.78rem !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; }

/* ── CONTACT ── */
.contact-heading__title { color: #ffffff !important; font-weight: 800 !important; }
.contact-heading__desc { color: #7c7c8e !important; font-size: 0.95rem !important; line-height: 1.75 !important; }
.contact-info__title { color: #ffffff !important; font-weight: 700 !important; margin-bottom: 0.5rem !important; }
.contact-info__desc { color: #7c7c8e !important; font-size: 0.83rem !important; line-height: 1.7 !important; }
.contact-info__info { color: #00e87a !important; font-weight: 600 !important; font-size: 0.88rem !important; }

/* ── FAQ ── */
.section-heading__title { color: #ffffff !important; font-weight: 800 !important; }
.section-heading__desc { color: #7c7c8e !important; font-size: 0.9rem !important; line-height: 1.75 !important; }
.accordion-button { background: #12141a !important; color: #c4c4d0 !important; font-size: 0.88rem !important; font-weight: 500 !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; }
.accordion-button:not(.collapsed) { background: #181b23 !important; color: #00e87a !important; box-shadow: none !important; }
.accordion-button::after { filter: invert(1) !important; }
.accordion-item { background: #12141a !important; border-color: rgba(255,255,255,0.07) !important; }
.accordion-body { background: #181b23 !important; color: #7c7c8e !important; font-size: 0.85rem !important; line-height: 1.7 !important; }

/* ── PAYMENT METHODS ── */
.payment-method-wrapper { background: #12141a !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.07) !important; padding: 2rem !important; }
.payment-method-wrapper .title { color: #ffffff !important; font-weight: 800 !important; }

/* ── GENERAL TEXT ── */
h1, h2, h3, h4, h5, h6 { color: #ffffff !important; }
p { color: #7c7c8e !important; }

/* ── ACCOUNT SETTING BANNER ── */
.account-setting-banner {
  background: var(--dp-cd) !important;
  border-bottom: 1px solid var(--dp-border) !important;
  padding: 1.8rem 0 1.5rem !important;
}
.account-setting-banner .banner-section__shape { opacity: 0.03 !important; }
.account-setting-banner .author { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 1rem !important; margin-bottom: 1.2rem !important; }
.author__thumb { width: 68px !important; height: 68px !important; border-radius: 50% !important; border: 2px solid rgba(0,232,122,0.3) !important; overflow: hidden !important; flex-shrink: 0 !important; }
.author__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.author__hello { font-family: var(--fd) !important; font-size: 1.4rem !important; font-weight: 800 !important; color: var(--dp-wh) !important; margin: 0 0 0.25rem !important; letter-spacing: -0.03em !important; }
.author__email { display: inline-flex !important; align-items: center !important; background: rgba(0,232,122,0.1) !important; border: 1px solid rgba(0,232,122,0.2) !important; color: var(--dp-green) !important; font-size: 0.8rem !important; font-weight: 600 !important; padding: 0.28rem 0.85rem !important; border-radius: 100px !important; margin: 0 !important; }
.author-details { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 0.75rem !important; }
.author-details__item { background: var(--dp-cd2) !important; border: 1px solid var(--dp-border-hi) !important; border-radius: var(--dp-r) !important; padding: 0.8rem 1rem !important; display: flex !important; flex-direction: column !important; gap: 0.3rem !important; }
.author-details__title { font-size: 0.6rem !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--dp-mu) !important; display: block !important; margin-bottom: 0.2rem !important; }
.author-details__title a { color: var(--dp-green) !important; font-size: 0.6rem !important; }
.author-details__info { font-family: var(--fd) !important; font-size: 0.85rem !important; font-weight: 700 !important; color: var(--dp-wh) !important; display: flex !important; align-items: center !important; gap: 0.35rem !important; }
.author-details__info.secure { color: var(--dp-amber) !important; }
.author-details__info.verified { color: var(--dp-green) !important; }
.author-details__item:last-child .author-details__info { font-weight: 500 !important; font-family: var(--fb) !important; color: var(--dp-mu) !important; font-size: 0.8rem !important; }

/* ── PTABLE HEADER ── */
.ptable-header-section { background: var(--dp-dk) !important; border-bottom: 1px solid var(--dp-border) !important; padding: 0.75rem 0 !important; }
.ptable-header-section .title { font-family: var(--fd) !important; font-size: 1rem !important; font-weight: 800 !important; color: var(--dp-wh) !important; }

/* ── ACCOUNT SETTING BODY ── */
.account-setting-body { background: var(--dp-bk) !important; }

/* ── SIDEBAR MENU ── */
.sidebar-menu { background: var(--dp-cd) !important; border: 1px solid var(--dp-border) !important; border-radius: var(--dp-rl) !important; padding: 0.6rem !important; }
.sidebar-menu-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.sidebar-menu-list__link { display: flex !important; align-items: center !important; gap: 0.7rem !important; padding: 0.58rem 0.85rem !important; border-radius: var(--dp-r) !important; color: var(--dp-mu) !important; font-size: 0.82rem !important; font-weight: 500 !important; text-decoration: none !important; transition: color 0.2s, background 0.2s !important; }
.sidebar-menu-list__link:hover { color: var(--dp-wh) !important; background: rgba(255,255,255,0.05) !important; }
.sidebar-menu-list__item.active .sidebar-menu-list__link { background: var(--dp-green) !important; color: #000 !important; font-weight: 700 !important; box-shadow: 0 4px 14px var(--dp-green-glow) !important; }
.sidebar-menu-list__item.active .sidebar-menu-list__link .icon i { color: #000 !important; }
.sidebar-menu-list__item:last-child .sidebar-menu-list__link { color: rgba(239,68,68,0.7) !important; border-top: 1px solid var(--dp-border) !important; margin-top: 0.2rem !important; padding-top: 0.7rem !important; }
.sidebar-menu-list__item:last-child .sidebar-menu-list__link:hover { color: var(--dp-red) !important; background: rgba(239,68,68,0.07) !important; }

/* ── DASHBOARD ── */
.dashboard-body h5.title { font-family: var(--fd) !important; font-size: 0.72rem !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--dp-green) !important; }
.dashboard-body h4 { font-family: var(--fd) !important; font-size: 1rem !important; font-weight: 800 !important; color: var(--dp-wh) !important; }

/* ── ALERTS ── */
.alert { border-radius: var(--dp-r) !important; padding: 0.9rem 1.1rem !important; }
.alert--primary { background: rgba(78,143,255,0.05) !important; border: 1px solid rgba(78,143,255,0.2) !important; }
.alert--primary .alert__icon { color: var(--dp-blue) !important; }
.alert__message { color: var(--dp-mu) !important; font-size: 0.82rem !important; }
.alert__message .fw-bold { color: var(--dp-wh) !important; }

/* ── REFERRAL INPUT ── */
.input-group .form-control, .input-group .form--control { background: var(--dp-cd2) !important; border: 1px solid var(--dp-border-hi) !important; border-right: none !important; border-radius: var(--dp-r) 0 0 var(--dp-r) !important; color: var(--dp-mu) !important; font-size: 0.82rem !important; padding: 0.6rem 1rem !important; height: auto !important; box-shadow: none !important; }
.input-group .form-control.bg-white { background: var(--dp-cd2) !important; }
.input-group-text.bg--base-two, .copyBtn { background: var(--dp-green) !important; border: none !important; border-radius: 0 var(--dp-r) var(--dp-r) 0 !important; color: #000 !important; padding: 0 1rem !important; cursor: pointer !important; }
.input-group-text.bg--base-two:hover, .copyBtn:hover { background: #1aff8a !important; }

/* ── TABLES ── */
.ptable-wrapper { background: var(--dp-cd) !important; border: 1px solid var(--dp-border) !important; border-radius: var(--dp-rl) !important; overflow: hidden !important; }
.table { color: var(--dp-wh) !important; border-color: var(--dp-border) !important; margin: 0 !important; }
.table thead tr { background: rgba(255,255,255,0.025) !important; }
.table thead tr th { font-size: 0.62rem !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--dp-mu) !important; padding: 0.8rem 1.2rem !important; border-bottom: 1px solid var(--dp-border) !important; background: transparent !important; white-space: nowrap !important; }
.table tbody tr { border-bottom: 1px solid var(--dp-border) !important; }
.table tbody tr:last-child { border-bottom: none !important; }
.table tbody tr:hover { background: rgba(255,255,255,0.02) !important; }
.table tbody tr td { padding: 0.85rem 1.2rem !important; font-size: 0.82rem !important; color: var(--dp-mu) !important; border-bottom: none !important; vertical-align: middle !important; }

/* ── MODAL ── */
.modal .modal-content { background: var(--dp-cd2) !important; border: 1px solid var(--dp-border-hi) !important; border-radius: var(--dp-rl) !important; }
.modal .modal-header { background: rgba(255,255,255,0.02) !important; border-bottom: 1px solid var(--dp-border) !important; padding: 1rem 1.3rem !important; }
.modal .modal-title { font-weight: 700 !important; color: var(--dp-wh) !important; font-size: 0.95rem !important; }
.modal .modal-header .close { background: none !important; border: none !important; color: var(--dp-mu) !important; cursor: pointer !important; }
.modal .modal-header .close:hover { color: var(--dp-wh) !important; }
.modal .modal-body { padding: 1.3rem !important; }

/* ── BUTTONS ── */
.btn { font-family: var(--fb) !important; font-weight: 600 !important; border-radius: 10px !important; font-size: 0.84rem !important; }
.btn--base, .btn--primary, .btn--base-two { background: var(--dp-green) !important; color: #000 !important; border: none !important; font-weight: 700 !important; }
.btn--base:hover, .btn--primary:hover, .btn--base-two:hover { background: #1aff8a !important; color: #000 !important; box-shadow: 0 0 20px var(--dp-green-glow) !important; }
.btn-outline--base { background: transparent !important; color: var(--dp-green) !important; border: 1px solid rgba(0,232,122,0.4) !important; }
.btn-outline--base:hover { background: var(--dp-green) !important; color: #000 !important; }
.btn--secondary { background: var(--dp-cd2) !important; color: var(--dp-wh) !important; border: 1px solid var(--dp-border-hi) !important; }

/* ── FORM CONTROLS ── */
.form-control, .form--control { background: var(--dp-cd2) !important; border: 1px solid var(--dp-border-hi) !important; border-radius: var(--dp-r) !important; color: var(--dp-wh) !important; font-family: var(--fb) !important; font-size: 0.87rem !important; padding: 0.62rem 0.95rem !important; }
.form-control:focus, .form--control:focus { border-color: var(--dp-green) !important; background: var(--dp-cd2) !important; color: var(--dp-wh) !important; box-shadow: 0 0 0 3px rgba(0,232,122,0.1) !important; outline: none !important; }
.form-control::placeholder, .form--control::placeholder { color: var(--dp-mu2) !important; }

/* ── FOOTER ── */
.footer-area { background: var(--dp-cd) !important; border-top: 1px solid var(--dp-border) !important; padding-top: 3rem !important; }
.footer-logo img { height: 50px !important; width: auto !important; }
.footer-item__title { font-size: 0.72rem !important; font-weight: 700 !important; color: #e8e8ec !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin-bottom: 0.9rem !important; }
.footer-menu { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer-menu__link { font-size: 0.81rem !important; color: var(--dp-mu) !important; text-decoration: none !important; }
.footer-menu__link:hover { color: var(--dp-wh) !important; }
.footer-item__desc { font-size: 0.82rem !important; color: var(--dp-mu) !important; }
.footer-item__desc.sm { font-size: 0.71rem !important; color: var(--dp-mu2) !important; }
.newsletter-form .form-control { border-radius: var(--dp-r) 0 0 var(--dp-r) !important; border-right: none !important; }
.newsletter-form .btn { border-radius: 0 var(--dp-r) var(--dp-r) 0 !important; background: var(--dp-green) !important; color: #000 !important; border: none !important; padding: 0.62rem 1.3rem !important; }
.newsletter-form .btn:hover { background: #1aff8a !important; }
.social-list { list-style: none !important; padding: 0 !important; margin: 0.75rem 0 0 !important; display: flex !important; gap: 0.45rem !important; }
.social-list__link { width: 32px !important; height: 32px !important; border-radius: 8px !important; background: var(--dp-cd2) !important; border: 1px solid var(--dp-border-hi) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--dp-mu) !important; font-size: 0.88rem !important; text-decoration: none !important; transition: color 0.2s, transform 0.2s !important; }
.social-list__link:hover { color: var(--dp-green) !important; transform: translateY(-2px) !important; }
.bottom-footer { border-top: 1px solid var(--dp-border) !important; margin-top: 2rem !important; padding: 1rem 0 !important; }
.bottom-footer__text { font-size: 0.74rem !important; color: var(--dp-mu) !important; text-align: center !important; }
.bottom-footer__text .text--base { color: var(--dp-green) !important; font-weight: 600 !important; }

/* ── BADGES ── */
.badge--warning  { background: var(--dp-gold-dim) !important; color: var(--dp-gold) !important; border: 1px solid rgba(247,197,32,0.25) !important; border-radius: 6px !important; font-size: 0.63rem !important; font-weight: 700 !important; padding: 0.2rem 0.5rem !important; }
.badge--primary  { background: var(--dp-green-dim) !important; color: var(--dp-green) !important; border: 1px solid rgba(0,232,122,0.2) !important; border-radius: 6px !important; }
.badge--success  { background: rgba(34,197,94,0.1) !important; color: #22c55e !important; border: 1px solid rgba(34,197,94,0.2) !important; border-radius: 6px !important; }
.badge--danger   { background: rgba(239,68,68,0.1) !important; color: var(--dp-red) !important; border: 1px solid rgba(239,68,68,0.2) !important; border-radius: 6px !important; }
.badge--info     { background: rgba(78,143,255,0.1) !important; color: var(--dp-blue) !important; border: 1px solid rgba(78,143,255,0.2) !important; border-radius: 6px !important; }
.badge--secondary{ background: rgba(255,255,255,0.06) !important; color: var(--dp-mu) !important; border: 1px solid var(--dp-border) !important; border-radius: 6px !important; }

/* ── COLOR UTILITIES ── */
.text--base, .text--primary { color: var(--dp-green) !important; }
.text--danger  { color: var(--dp-red) !important; }
.text--warning { color: var(--dp-amber) !important; }
.text--success { color: #22c55e !important; }

/* ── SCROLL TOP ── */
.scroll-top { background: var(--dp-green) !important; color: #000 !important; border-radius: 10px !important; }
.scroll-top i { color: #000 !important; }

/* ── SELECT2 ── */
.select2-container--default .select2-selection--single { background: var(--dp-cd2) !important; border: 1px solid var(--dp-border-hi) !important; border-radius: var(--dp-r) !important; height: 46px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--dp-wh) !important; line-height: 46px !important; padding-left: 1rem !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; }
.select2-dropdown { background: var(--dp-cd2) !important; border: 1px solid var(--dp-border-hi) !important; border-radius: var(--dp-r) !important; }
.select2-results__option--selectable { color: var(--dp-mu) !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: rgba(0,232,122,0.08) !important; color: var(--dp-wh) !important; }

/* ── RESPONSIVE ── */
@media (max-width: 1199.98px) {
  .account-setting-banner { margin-top: 72px !important; padding-top: 1.5rem !important; }
}
@media (max-width: 991.98px) {
  .author-details { grid-template-columns: repeat(2,1fr) !important; }
  .account-setting-banner { margin-top: 70px !important; }
}
@media (max-width: 575.98px) {
  .author-details { grid-template-columns: 1fr !important; }
  .author__hello { font-size: 1.1rem !important; }
  .author__thumb { width: 50px !important; height: 50px !important; }
  .account-setting-banner { margin-top: 65px !important; }
}