/* =========================================================
   Tidel Trading — Dashboard & sidebar polish  (v2, forced override)
   Paste this WHOLE block into: Admin → Setting → Custom CSS
   (it replaces the previous version). Remove it to undo.
   ========================================================= */

:root{
  --pz-card:      #141821;
  --pz-card-2:    #171c26;
  --pz-line:      rgba(255,255,255,.08);
  --pz-line-2:    rgba(255,255,255,.14);
  --pz-muted:     #8b93a6;
  --pz-base:      #2f6bff;   /* accent — change this one value to reshade everything */
  --pz-base-soft: rgba(47,107,255,.14);
  --pz-green-soft:rgba(31,191,117,.13);
  --pz-red-soft:  rgba(240,97,109,.13);
}

/* ---------- STAT CARDS ---------- */
.dashboard-body .dashboard-card{
  background: linear-gradient(180deg, var(--pz-card-2), var(--pz-card)) !important;
  border: 1px solid var(--pz-line) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  transition: border-color .2s ease, transform .2s ease !important;
}
.dashboard-body .dashboard-card:hover{
  border-color: var(--pz-line-2) !important;
  transform: translateY(-2px);
}
.dashboard-body .dashboard-card > div{
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
}
.dashboard-body .dashboard-card__icon{
  width: 46px !important; height: 46px !important;
  border-radius: 12px !important;
  display: grid !important; place-items: center !important;
  font-size: 22px !important;
}
.dashboard-body .dashboard-card__icon.text--base{    background: var(--pz-base-soft) !important; }
.dashboard-body .dashboard-card__icon.text--success{ background: var(--pz-green-soft) !important; }
.dashboard-body .dashboard-card__icon.text--danger{  background: var(--pz-red-soft) !important; }
.dashboard-body .dashboard-card__coin-name{
  display: block !important;
  font-size: 13px !important;
  color: var(--pz-muted) !important;
  margin-bottom: 4px !important;
}
.dashboard-body .dashboard-card__coin-title{
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
  color: #fff !important;
}

/* ---------- PANELS: Recent Order / Recent Transactions ---------- */
.dashboard-body .transection{
  background: var(--pz-card) !important;
  border: 1px solid var(--pz-line) !important;
  border-radius: 14px !important;
  padding: 22px !important;
}
.dashboard-body .transection__title{ font-size: 16px !important; font-weight: 600 !important; }
.dashboard-body .transection__item{ border-top: 1px solid var(--pz-line) !important; }

/* ---------- RIGHT COLUMN: Wallet / Deposit / Withdraw ---------- */
.dashboard-body .right-sidebar{
  background: var(--pz-card) !important;
  border: 1px solid var(--pz-line) !important;
  border-radius: 14px !important;
  padding: 20px !important;
}
.dashboard-body .right-sidebar__number{
  font-size: 28px !important; font-weight: 700 !important; color: #fff !important;
}
.dashboard-body .right-sidebar__item{ border-top: 1px solid var(--pz-line) !important; }

/* ---------- LEFT SIDEBAR NAVIGATION ---------- */
.sidebar-menu .sidebar-menu-list__link{
  border-radius: 10px !important;
  padding: 10px 12px !important;
  transition: background .15s ease, color .15s ease !important;
}
.sidebar-menu .sidebar-menu-list__link:hover{ background: rgba(255,255,255,.04) !important; }
.sidebar-menu .sidebar-menu-list__link.active{
  position: relative !important;
  background: var(--pz-base-soft) !important;
  color: #fff !important;
}
.sidebar-menu .sidebar-menu-list__link.active::before{
  content: "" !important;
  position: absolute !important; left: 0; top: 8px; bottom: 8px;
  width: 3px; border-radius: 0 3px 3px 0;
  background: var(--pz-base) !important;
}
.sidebar-menu .sidebar-menu-list__link.active .icon{ color: var(--pz-base) !important; }