/* Cryptax global polish pack
   Scope: visual-only refinements (no logic changes)
*/

:root{
  --cx-bg: #050505;
  --cx-surface: rgba(10, 12, 15, 0.94);
  --cx-surface-2: rgba(14, 17, 21, 0.96);
  --cx-border: rgba(119, 247, 40, 0.26);
  --cx-border-soft: rgba(255, 255, 255, 0.1);
  --cx-text: #f3f6ef;
  --cx-muted: rgba(225, 233, 214, 0.72);
  --cx-accent: #77f728;
  --cx-accent-2: #9eff64;
  --cx-shadow: 0 22px 52px rgba(0, 0, 0, 0.55);
}

body.app-skin{
  background:
    radial-gradient(1200px 620px at 12% -14%, rgba(119,247,40,.17), transparent 60%),
    radial-gradient(980px 520px at 96% 112%, rgba(154,124,255,.12), transparent 58%),
    linear-gradient(180deg, #050505, #07090a 56%, #050505);
  color: var(--cx-text);
}

body.app-skin .dashboard-wrapper{
  width: min(1240px, 100%) !important;
  margin-inline: auto !important;
  padding-top: .95rem !important;
  padding-bottom: 6.95rem !important;
  padding-inline: clamp(.82rem, 1.7vw, 1.24rem) !important;
}

body.app-skin .dashboard-wrapper > * + *{
  margin-top: clamp(.78rem, 1.1vw, 1.08rem) !important;
}

body.app-skin .dashboard-header{
  min-height: 72px;
  border-radius: 1.15rem !important;
  border: 1px solid var(--cx-border) !important;
  background:
    radial-gradient(120% 170% at 0% 0%, rgba(119,247,40,.22), transparent 58%),
    linear-gradient(145deg, rgba(17, 22, 18, .97), rgba(11, 15, 12, .94));
  box-shadow: 0 14px 38px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
}

body.app-skin .dashboard-header .hello small{
  color: rgba(224, 234, 209, .76) !important;
}

body.app-skin .dashboard-header .hello strong{
  color: #f6faef !important;
  font-weight: 850 !important;
}

body.app-skin .dashboard-header .header-right .icon-btn,
body.app-skin .dashboard-header .header-right .avatar-wrapper{
  background: rgba(5, 8, 6, .88) !important;
  border: 1px solid rgba(119,247,40,.28) !important;
}

body.app-skin .dashboard-header .header-right .icon-btn i{
  color: #eff7e3 !important;
}

body.app-skin .page-title,
body.app-skin .hero,
body.app-skin .dep-hero,
body.app-skin .aff-hero,
body.app-skin .invest-hero,
body.app-skin .section-title{
  margin-bottom: .25rem !important;
}

body.app-skin .glass-card,
body.app-skin .card,
body.app-skin .mini,
body.app-skin .inv-card,
body.app-skin .kpi,
body.app-skin .prog,
body.app-skin .right-card,
body.app-skin .hash-box,
body.app-skin .cardx,
body.app-skin .selection-card,
body.app-skin .resume,
body.app-skin .alertx,
body.app-skin .dep-summary-card,
body.app-skin .dep-recent-item,
body.app-skin .collect-plan-card,
body.app-skin .aff-card,
body.app-skin .wallet-item,
body.app-skin .table-wrap{
  border: 0 !important;
  background:
    radial-gradient(160% 230% at 100% 0%, rgba(119,247,40,.08), transparent 58%),
    linear-gradient(180deg, var(--cx-surface), var(--cx-surface-2)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.app-skin .glass-card::before,
body.app-skin .inv-card::before,
body.app-skin .right-card::before,
body.app-skin .collect-plan-card::before{
  opacity: .42 !important;
}

body.app-skin .mini .l small,
body.app-skin .kpi small,
body.app-skin .field label,
body.app-skin .dep-list-title,
body.app-skin .muted{
  color: var(--cx-muted) !important;
}

body.app-skin .mini .l strong,
body.app-skin .kpi strong,
body.app-skin .inv-title,
body.app-skin .card-title,
body.app-skin h1,
body.app-skin h2,
body.app-skin h3{
  color: #ffffff;
}

body.app-skin .btn,
body.app-skin .btn-soft,
body.app-skin .btnx,
body.app-skin .btn-aurix,
body.app-skin .plan-select-btn,
body.app-skin button.btn,
body.app-skin button.btn-soft,
body.app-skin button.btnx{
  min-height: 44px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  box-shadow: none;
}

body.app-skin .btn-soft.primary,
body.app-skin .btnx.primary,
body.app-skin .btn-primary,
body.app-skin .btn-aurix,
body.app-skin .plan-select-btn{
  background: linear-gradient(180deg, var(--cx-accent-2), var(--cx-accent)) !important;
  border: 0 !important;
  color: #0a1602 !important;
  box-shadow: 0 10px 28px rgba(119,247,40,.28) !important;
}

body.app-skin .btn-soft:not(.primary):not(.ok),
body.app-skin .btnx:not(.primary),
body.app-skin .btn-outline-light,
body.app-skin .btn-secondary{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--cx-border-soft) !important;
  color: #f4f8ec !important;
}

body.app-skin .field input,
body.app-skin .field select,
body.app-skin .field textarea,
body.app-skin .form-control,
body.app-skin input[type="text"],
body.app-skin input[type="email"],
body.app-skin input[type="password"],
body.app-skin input[type="number"],
body.app-skin select,
body.app-skin textarea{
  border-radius: .95rem !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(6,8,10,.92) !important;
  color: #f4f8ec !important;
}

body.app-skin .field input:focus,
body.app-skin .field select:focus,
body.app-skin .field textarea:focus,
body.app-skin .form-control:focus,
body.app-skin input:focus,
body.app-skin select:focus,
body.app-skin textarea:focus{
  border-color: rgba(119,247,40,.5) !important;
  box-shadow: 0 0 0 2px rgba(119,247,40,.15) !important;
}

body.app-skin nav.bottom-nav{
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(13, 14, 16, .96) !important;
}

body.app-skin nav.bottom-nav a{
  color: rgba(236, 241, 228, .68) !important;
}

body.app-skin nav.bottom-nav a.active{
  color: #0e1d05 !important;
}

@media (max-width: 991.98px){
  body.app-skin .dashboard-wrapper{
    padding-inline: .82rem !important;
    padding-top: .84rem !important;
    padding-bottom: 6.7rem !important;
  }
  body.app-skin .dashboard-header{
    min-height: 66px;
    border-radius: 1rem !important;
  }
}

/* View-invest: top bar aligned to deposit standard */
body.phase-a-viewinvest{
  background:
    radial-gradient(1200px 620px at 12% -14%, rgba(119,247,40,.12), transparent 60%),
    linear-gradient(180deg, #050505, #050505 56%, #050505) !important;
}

body.phase-a-viewinvest .edge-handle.edge-handle-inline{
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  z-index: auto !important;
  background: #0a0a0a !important;
  border: none !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.35) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  margin: 0 !important;
  z-index: 120 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.phase-a-viewinvest .edge-handle.edge-handle-inline .bubble{
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.phase-a-viewinvest .edge-handle.edge-handle-inline i{
  color: #ecf7e5 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  transform: none !important;
  pointer-events: none !important;
}

body.phase-a-viewinvest .edge-handle.edge-handle-inline[aria-expanded="true"] i{
  transform: none !important;
}

body.phase-a-viewinvest.sidebar-open .edge-handle.edge-handle-inline::before{
  display: none !important;
}

body.phase-a-viewinvest .dashboard-header{
  grid-template-columns:minmax(42px,auto) minmax(0,1fr) auto !important;
  column-gap:.65rem !important;
  align-items:center !important;
  padding:.62rem .72rem .62rem .62rem !important;
  border-radius:1.1rem !important;
  background: linear-gradient(180deg, #c6f86a 0%, #9fe53d 52%, #89d731 100%) !important;
  border:1px solid rgba(180,245,95,.7) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.66), inset 0 0 0 1px rgba(255,255,255,.16) !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

body.phase-a-viewinvest .dashboard-header .hello small{
  color: rgba(241,255,224,.8) !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
}

body.phase-a-viewinvest .dashboard-header .hello strong{
  color: #ffffff !important;
}

body.phase-a-viewinvest .dashboard-header .header-right .icon-btn{
  background:#080808 !important;
  border:1px solid rgba(0,0,0,.65) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.45) !important;
}

body.phase-a-viewinvest .dashboard-header .header-right .icon-btn i{
  color:#f3f7ee !important;
}

body.phase-a-viewinvest .dashboard-header .avatar-wrapper{
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.62) !important;
}

body.phase-a-viewinvest .dashboard-header .avatar-fallback{
  background: #050505 !important;
}

body.phase-a-viewinvest .dashboard-header .avatar-fallback svg{
  fill: #f4f8ec !important;
}

@media (max-width: 991.98px){
  body.phase-a-viewinvest .dashboard-header{
    padding:.58rem .64rem .58rem .58rem !important;
    column-gap:.58rem !important;
  }
}

/* View-invest: black/clean card redesign */
body.phase-a-viewinvest .page-grid{
  grid-template-columns: minmax(0, 1.95fr) minmax(300px, 1fr) !important;
  gap: 1rem !important;
}

body.phase-a-viewinvest .mini-row{
  gap: .78rem !important;
  margin-top: .92rem !important;
}

body.phase-a-viewinvest .mini{
  border-radius: 1rem !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: linear-gradient(180deg, rgba(12,12,12,.98), rgba(8,8,8,.99)) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.56) !important;
  padding: .84rem .9rem !important;
  min-height: 86px !important;
}

body.phase-a-viewinvest .mini .l{
  gap: .14rem !important;
}

body.phase-a-viewinvest .mini .l small{
  font-size: .64rem !important;
  letter-spacing: .12em !important;
  color: rgba(225,233,214,.72) !important;
}

body.phase-a-viewinvest .mini .l strong{
  font-size: 1.14rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.phase-a-viewinvest .mini .ic{
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(180deg, #abff67, #77f728) !important;
  box-shadow: 0 10px 24px rgba(119,247,40,.28) !important;
}

body.phase-a-viewinvest .mini .ic i,
body.phase-a-viewinvest .mini .ic .bi,
body.phase-a-viewinvest .mini .ic [class*="fa-"]{
  color: #0a0a0a !important;
}

body.phase-a-viewinvest .glass-card{
  border-radius: 1.16rem !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: linear-gradient(180deg, rgba(12,12,12,.96), rgba(8,8,8,.98)) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.62) !important;
}

body.phase-a-viewinvest .glass-card::before,
body.phase-a-viewinvest .inv-card::before,
body.phase-a-viewinvest .right-card::before,
body.phase-a-viewinvest .hash-box::after{
  display: none !important;
}

body.phase-a-viewinvest .glass-inner{
  padding: .98rem 1rem 1.06rem !important;
}

body.phase-a-viewinvest .inv-list{
  gap: .92rem !important;
}

body.phase-a-viewinvest .inv-card{
  border-radius: 1rem !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  padding: .92rem .94rem .98rem !important;
  background: linear-gradient(180deg, rgba(10,10,10,.98), rgba(7,7,7,.99)) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.56) !important;
}

body.phase-a-viewinvest .inv-top{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: .84rem !important;
}

body.phase-a-viewinvest .inv-left{
  gap: .66rem !important;
  min-width: 0 !important;
}

body.phase-a-viewinvest .inv-icon{
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #0d0d0d !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

body.phase-a-viewinvest .inv-icon i{
  color: #d6ffab !important;
}

body.phase-a-viewinvest .inv-title{
  font-size: clamp(.92rem, 1.08vw, 1.01rem) !important;
  font-weight: 860 !important;
  letter-spacing: .01em !important;
}

body.phase-a-viewinvest .inv-sub{
  gap: .32rem !important;
}

body.phase-a-viewinvest .inv-sub .pill{
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(14,14,14,.96) !important;
  color: rgba(232,238,223,.82) !important;
  font-size: .65rem !important;
  line-height: 1.05 !important;
  padding: .19rem .44rem !important;
}

body.phase-a-viewinvest .inv-sub .pill.up{
  border-color: rgba(119,247,40,.38) !important;
  background: rgba(119,247,40,.11) !important;
  color: #d9ffb0 !important;
}

body.phase-a-viewinvest .inv-sub .pill.blue{
  border-color: rgba(119,247,40,.28) !important;
  background: rgba(119,247,40,.08) !important;
  color: #e6ffc9 !important;
}

body.phase-a-viewinvest .inv-right{
  align-items: flex-end !important;
  min-width: 216px !important;
  gap: .48rem !important;
}

body.phase-a-viewinvest .inv-right .btn-soft{
  min-height: 38px !important;
  padding: 0 .78rem !important;
  font-size: .77rem !important;
}

body.phase-a-viewinvest .inv-right .btn-soft.primary{
  background: linear-gradient(180deg, #a8ff66, #77f728) !important;
  color: #0a1402 !important;
  border: none !important;
  box-shadow: 0 10px 24px rgba(119,247,40,.26) !important;
}

body.phase-a-viewinvest .kpi-grid{
  margin-top: .68rem !important;
  gap: .54rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.phase-a-viewinvest .kpi{
  border-radius: .86rem !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(12,12,12,.98) !important;
  box-shadow: none !important;
  padding: .6rem .64rem !important;
}

body.phase-a-viewinvest .kpi small{
  font-size: .62rem !important;
  letter-spacing: .085em !important;
}

body.phase-a-viewinvest .kpi strong{
  margin-top: .16rem !important;
  font-size: .89rem !important;
}

body.phase-a-viewinvest .prog{
  margin-top: .64rem !important;
  border-radius: .86rem !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(12,12,12,.98) !important;
  box-shadow: none !important;
  padding: .58rem .64rem !important;
}

body.phase-a-viewinvest .bar{
  height: 8px !important;
  background: rgba(255,255,255,.12) !important;
}

body.phase-a-viewinvest .bar > span{
  background: linear-gradient(90deg, #78f72a, #b4ff74) !important;
  box-shadow: none !important;
}

body.phase-a-viewinvest .prog-foot{
  margin-top: .46rem !important;
  font-size: .71rem !important;
  gap: .48rem !important;
}

body.phase-a-viewinvest .hash-box{
  margin-top: .62rem !important;
  border-radius: .86rem !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(11,11,11,.99) !important;
  box-shadow: none !important;
}

body.phase-a-viewinvest .hash-head{
  padding: .54rem .66rem !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

body.phase-a-viewinvest .hash-screen{
  padding: .58rem .66rem .66rem !important;
  max-height: 158px !important;
  font-size: .73rem !important;
}

body.phase-a-viewinvest .hash-row{
  grid-template-columns: 58px 80px 102px 1fr !important;
  gap: .4rem !important;
}

body.phase-a-viewinvest .inv-card > div:last-child{
  margin-top: .56rem !important;
  padding-top: .44rem !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

body.phase-a-viewinvest .right-card{
  border-radius: 1rem !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: linear-gradient(180deg, rgba(10,10,10,.98), rgba(7,7,7,.99)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.56) !important;
}

body.phase-a-viewinvest .right-card > div:last-child{
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

@media (max-width: 1180px){
  body.phase-a-viewinvest .page-grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px){
  body.phase-a-viewinvest .inv-top{
    grid-template-columns: 1fr !important;
  }
  body.phase-a-viewinvest .inv-right{
    min-width: 0 !important;
    align-items: stretch !important;
  }
}

@media (max-width: 640px){
  body.phase-a-viewinvest .kpi-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.phase-a-viewinvest .hash-row{
    grid-template-columns: 56px 78px 1fr !important;
  }
  body.phase-a-viewinvest .hash-row .delta{
    display: none !important;
  }
}

/* Sidebar redesign: blue clean panel + support/theme actions */
body.app-skin #sidebar.sidebar{
  left: .7rem !important;
  top: .7rem !important;
  bottom: .7rem !important;
  width: min(328px, calc(100vw - 1.2rem)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(235, 244, 255, .52) !important;
  background: linear-gradient(180deg, #022349 0%, #04325f 56%, #0a4279 100%) !important;
  box-shadow: 0 26px 66px rgba(0,0,0,.66) !important;
  backdrop-filter: blur(8px) !important;
}

body.sidebar-open #sidebar.sidebar{
  width: min(328px, calc(100vw - 1.2rem)) !important;
}

body.app-skin #sidebar .side-top{
  padding: .62rem .68rem .34rem !important;
  gap: .48rem !important;
}

body.app-skin #sidebar .side-top-line{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
}

body.app-skin #sidebar .side-window-dots{
  display: inline-flex !important;
  align-items: center !important;
  gap: .34rem !important;
}

body.app-skin #sidebar .side-window-dots .dot{
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

body.app-skin #sidebar .side-window-dots .dot.red{ background: #ff6b6b !important; }
body.app-skin #sidebar .side-window-dots .dot.yellow{ background: #ffd166 !important; }
body.app-skin #sidebar .side-window-dots .dot.green{ background: #7dfc2e !important; }

body.app-skin #sidebar .side-close{
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  background: rgba(255,255,255,.08) !important;
  color: #f3f8ff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

body.app-skin #sidebar .side-close i{
  color: #f3f8ff !important;
  font-size: .82rem !important;
}

body.app-skin #sidebar .side-brand{
  gap: .52rem !important;
}

body.app-skin #sidebar .side-badge{
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  box-shadow: none !important;
}

body.app-skin #sidebar .side-badge i{
  font-size: .95rem !important;
  color: #f0f6ff !important;
}

body.app-skin #sidebar .side-brand-text,
body.app-skin #sidebar .side-label{
  opacity: 1 !important;
  transform: none !important;
  width: auto !important;
  max-width: 100% !important;
  pointer-events: auto !important;
}

body.app-skin #sidebar .side-brand-text{
  font-size: .87rem !important;
  font-weight: 800 !important;
  color: rgba(242,248,255,.92) !important;
  letter-spacing: .02em !important;
}

body.app-skin #sidebar .side-nav{
  padding: .28rem .56rem .5rem !important;
  gap: .26rem !important;
}

body.app-skin #sidebar .side-nav .side-link{
  min-height: 40px !important;
  padding: .52rem .58rem !important;
  border-radius: .52rem !important;
  border: 1px solid transparent !important;
  color: rgba(238,245,255,.93) !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: .56rem !important;
}

body.app-skin #sidebar .side-nav .side-link:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}

body.app-skin #sidebar .side-nav .side-link.active{
  background: rgba(187,205,226,.52) !important;
  border-color: rgba(233,244,255,.34) !important;
  color: #ffffff !important;
}

body.app-skin #sidebar .side-nav .side-ic{
  width: 21px !important;
  height: 21px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.app-skin #sidebar .side-nav .side-ic i{
  font-size: .96rem !important;
  color: #f4f8ff !important;
}

body.app-skin #sidebar .side-nav .side-label{
  font-size: .92rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}

body.app-skin #sidebar .side-actions{
  margin-top: auto !important;
  padding: .52rem .58rem .26rem !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: .44rem !important;
}

body.app-skin #sidebar .side-action-btn{
  min-height: 40px !important;
  border-radius: .52rem !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.1) !important;
  color: #f3f8ff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .38rem !important;
  padding: .44rem .5rem !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body.app-skin #sidebar .side-action-btn i{
  font-size: .86rem !important;
  color: #f3f8ff !important;
}

body.app-skin #sidebar .side-theme-btn{
  justify-content: flex-start !important;
}

body.app-skin #sidebar .side-theme-btn .theme-switch{
  margin-left: auto !important;
  width: 34px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.28) !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px !important;
}

body.app-skin #sidebar .side-theme-btn .theme-switch-dot{
  width: 14px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform .16s ease !important;
  transform: translateX(0) !important;
}

body.app-skin.app-theme-light #sidebar .side-theme-btn .theme-switch{
  background: rgba(198,214,233,.74) !important;
}

body.app-skin.app-theme-light #sidebar .side-theme-btn .theme-switch-dot{
  transform: translateX(16px) !important;
  background: #60a5fa !important;
}

body.app-skin #sidebar .side-footer{
  border-top: 1px solid rgba(255,255,255,.2) !important;
  padding: .58rem .66rem .72rem !important;
  color: rgba(229,239,252,.82) !important;
  font-size: .72rem !important;
  justify-content: space-between !important;
}

@media (max-width: 991.98px){
  body.app-skin #sidebar.sidebar{
    left: .42rem !important;
    top: .42rem !important;
    bottom: .42rem !important;
    width: min(328px, calc(100vw - .84rem)) !important;
  }

  body.sidebar-open #sidebar.sidebar{
    width: min(328px, calc(100vw - .84rem)) !important;
  }
}

/* Light theme support toggle */
body.app-skin.app-theme-light{
  background: linear-gradient(180deg, #eef4ff 0%, #e1ecff 56%, #eff4ff 100%) !important;
  color: #13305a !important;
}

body.app-skin.app-theme-light .dashboard-header{
  background: linear-gradient(180deg, #ffffff, #eef4ff) !important;
  border: 1px solid rgba(19,48,90,.16) !important;
  box-shadow: 0 14px 32px rgba(19,48,90,.14) !important;
}

body.app-skin.app-theme-light .dashboard-header .hello small,
body.app-skin.app-theme-light .dashboard-header .hello strong{
  color: #13305a !important;
}

body.app-skin.app-theme-light .glass-card,
body.app-skin.app-theme-light .card,
body.app-skin.app-theme-light .mini,
body.app-skin.app-theme-light .inv-card,
body.app-skin.app-theme-light .kpi,
body.app-skin.app-theme-light .prog,
body.app-skin.app-theme-light .right-card,
body.app-skin.app-theme-light .hash-box{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,247,255,.96)) !important;
  border: 1px solid rgba(19,48,90,.12) !important;
  box-shadow: 0 12px 28px rgba(19,48,90,.12) !important;
}

body.app-skin.app-theme-light .mini .l strong,
body.app-skin.app-theme-light .kpi strong,
body.app-skin.app-theme-light .inv-title,
body.app-skin.app-theme-light .card-title,
body.app-skin.app-theme-light h1,
body.app-skin.app-theme-light h2,
body.app-skin.app-theme-light h3{
  color: #13305a !important;
}

body.app-skin.app-theme-light .muted,
body.app-skin.app-theme-light .mini .l small,
body.app-skin.app-theme-light .kpi small{
  color: rgba(19,48,90,.7) !important;
}

body.app-skin.app-theme-light .btn-soft:not(.primary):not(.ok),
body.app-skin.app-theme-light .btnx:not(.primary){
  background: rgba(229,239,253,.9) !important;
  border: 1px solid rgba(19,48,90,.2) !important;
  color: #13305a !important;
}