/* assets/dark.css */

html[data-devmode="dark"]{
  --dt-bg:#0f0f11;
  --dt-surface:#0f0f11;
  --dt-surface-2:#1a1a1e;
  --dt-surface-3:#26262b;
  --dt-border:#2c2c32;
  --dt-text:#f0f0f2;
  --dt-text-muted:#8c8c93;
  --dt-text-dim:#5f5f66;
  --dt-accent:#ff6903;
  --dt-accent-soft:rgba(255,105,3,.14);
  --dt-wave:#1a1a1e;
  color-scheme:dark;
}

html[data-devmode="dark"] body,
html[data-devmode="dark"] body.page-gray,
html[data-devmode="dark"] body.page-app{background:var(--dt-bg)!important;color:var(--dt-text)!important}
html[data-devmode="dark"] h1,
html[data-devmode="dark"] h2,
html[data-devmode="dark"] h3,
html[data-devmode="dark"] h4,
html[data-devmode="dark"] h5,
html[data-devmode="dark"] h6,
html[data-devmode="dark"] strong,
html[data-devmode="dark"] b{color:var(--dt-text)!important}

html[data-devmode="dark"] .text-gray-400,
html[data-devmode="dark"] .text-gray-500,
html[data-devmode="dark"] .text-gray-600,
html[data-devmode="dark"] .text-gray-700,
html[data-devmode="dark"] .text-gray-800,
html[data-devmode="dark"] .text-gray-900{color:var(--dt-text-muted)!important}

html[data-devmode="dark"] .bg-white{background:var(--dt-surface)!important}
html[data-devmode="dark"] .bg-gray-50{background:var(--dt-surface-2)!important}
html[data-devmode="dark"] .bg-gray-100{background:var(--dt-surface-2)!important}
html[data-devmode="dark"] .bg-gray-200{background:var(--dt-surface-3)!important}
html[data-devmode="dark"] .border-gray-200,
html[data-devmode="dark"] .border-gray-300{border-color:var(--dt-border)!important}

html[data-devmode="dark"] #header,
html[data-devmode="dark"] body.page-gray #header,
html[data-devmode="dark"] #header.header-scrolled{background:var(--dt-wave)!important;border:0!important;box-shadow:none!important;transition:background-color .25s ease!important}
html[data-devmode="dark"] #header.header-white,
html[data-devmode="dark"] body.page-gray #header.header-white,
html[data-devmode="dark"] #header.header-scrolled.header-white{background:var(--dt-bg)!important}

html[data-devmode="dark"] footer,
html[data-devmode="dark"] footer.bg-white{background:var(--dt-bg)!important;border-color:var(--dt-border)!important}

html[data-devmode="dark"] .hamburger span,
html[data-devmode="dark"] .acc-burger span{background:var(--dt-text)!important}

html[data-devmode="dark"] .dd-menu{background:var(--dt-surface-2);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px var(--dt-border)}
html[data-devmode="dark"] .dd-menu li a{color:var(--dt-text-muted)}
html[data-devmode="dark"] .dd-menu li a:hover{background:var(--dt-surface-3);color:var(--dt-accent)}
html[data-devmode="dark"] .dd-menu::-webkit-scrollbar-thumb{background:var(--dt-surface-3)}

html[data-devmode="dark"] .mobile-menu{background:var(--dt-bg)}
html[data-devmode="dark"] .mm-link,
html[data-devmode="dark"] .mm-others{color:var(--dt-text);border-color:var(--dt-border)}
html[data-devmode="dark"] .mm-others-list a{color:var(--dt-text-muted);border-color:var(--dt-border)}
html[data-devmode="dark"] .mm-others-list a:hover{color:var(--dt-accent)}
html[data-devmode="dark"] .mobile-menu-langs,
html[data-devmode="dark"] .mobile-menu-footer,
html[data-devmode="dark"] .mobile-menu-header{border-color:var(--dt-border)}
html[data-devmode="dark"] .mobile-menu-lang{color:var(--dt-text-muted)}
html[data-devmode="dark"] .mobile-menu-lang.active{color:var(--dt-accent)}
html[data-devmode="dark"] .mobile-menu-footer a{color:var(--dt-text-dim)}

html[data-devmode="dark"] .form-container,
html[data-devmode="dark"] .auth-container,
html[data-devmode="dark"] .free-card-final,
html[data-devmode="dark"] .acc-stat,
html[data-devmode="dark"] .acc-block,
html[data-devmode="dark"] .acc-warn{background:var(--dt-surface)!important;border-color:var(--dt-border)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}
html[data-devmode="dark"] .dep-hint{background:var(--dt-surface)!important;border-color:var(--dt-border)!important;box-shadow:none}

html[data-devmode="dark"] .form-head,
html[data-devmode="dark"] .acc-block-head,
html[data-devmode="dark"] .acc-filter,
html[data-devmode="dark"] .acc-row,
html[data-devmode="dark"] .acc-row-order{border-color:var(--dt-border)!important}
html[data-devmode="dark"] .acc-filter,
html[data-devmode="dark"] .acc-notif,
html[data-devmode="dark"] .free-feature-compact-item,
html[data-devmode="dark"] .acc-row{background:var(--dt-surface)!important}

html[data-devmode="dark"] .acc-filter button.on{color:var(--dt-text)!important}
html[data-devmode="dark"] .acc-filter button{color:var(--dt-text-muted)!important}

html[data-devmode="dark"] a.btn-sm{color:var(--dt-text)!important}

html[data-devmode="dark"] .acc-stat-ico,
html[data-devmode="dark"] .fc-icon,
html[data-devmode="dark"] .acc-topbar-user{background:var(--dt-surface-2)!important}

html[data-devmode="dark"] .acc-notif{border-color:var(--dt-border)!important;border-bottom:1px solid var(--dt-border)!important}
html[data-devmode="dark"] .acc-rail-foot{border-top:1px solid var(--dt-border)!important}
html[data-devmode="dark"] .acc-row-order:hover,
html[data-devmode="dark"] .acc-notif.is-unread{background:var(--dt-surface-2)!important}
html[data-devmode="dark"] .acc-notif.is-unread:hover{background:var(--dt-surface-3)!important}
html[data-devmode="dark"] .acc-notif-title{color:var(--dt-text)}
html[data-devmode="dark"] .acc-notif-body,
html[data-devmode="dark"] .acc-notif-date,
html[data-devmode="dark"] .acc-row-order-meta small,
html[data-devmode="dark"] .acc-row-order-date,
html[data-devmode="dark"] .acc-row-info small,
html[data-devmode="dark"] .acc-stat-label{color:var(--dt-text-muted)!important}
html[data-devmode="dark"] .acc-row-order-meta b,
html[data-devmode="dark"] .acc-row-info b,
html[data-devmode="dark"] .acc-stat-value,
html[data-devmode="dark"] .acc-topbar-title{color:var(--dt-text)!important}

html[data-devmode="dark"] main.auth-main,
html[data-devmode="dark"] .auth-main{background:var(--dt-surface)!important}
html[data-devmode="dark"] .form-head-icon{background:var(--dt-surface-2)!important}
html[data-devmode="dark"] .fc-icon,
html[data-devmode="dark"] .free-feature-compact-item,
html[data-devmode="dark"] .acc-topbar-user-name{color:var(--dt-text-muted)}
html[data-devmode="dark"] .acc-topbar-logout:hover{background:var(--dt-surface-3);color:var(--dt-accent)}
html[data-devmode="dark"] .auth-back{border-color:var(--dt-border)!important;color:var(--dt-text)!important}
html[data-devmode="dark"] .auth-back svg{color:var(--dt-text)}

html[data-devmode="dark"] .mono{background:var(--dt-surface-2)!important}
html[data-devmode="dark"] .acc-row-order:hover .mono,
html[data-devmode="dark"] .acc-row-order.is-open .mono{background:var(--dt-surface-3)!important}

html[data-devmode="dark"] .fc-chip{background:var(--dt-surface-2)!important;border-color:var(--dt-surface-2)!important}
html[data-devmode="dark"] .fc-chip:hover{border-color:var(--dt-accent)!important}
html[data-devmode="dark"] .fc-chip-title{color:var(--dt-text)}
html[data-devmode="dark"] .fc-chip-sub{color:var(--dt-text-muted)}
html[data-devmode="dark"] .fc-chip:hover .fc-chip-title{color:var(--dt-accent)}

html[data-devmode="dark"] .fc-chip-status{background:#6f6f75;box-shadow:0 0 0 3px rgba(111,111,117,.18)}
html[data-devmode="dark"] .fc-chip-status[data-status="available"]{background:#ff6903;box-shadow:0 0 0 3px rgba(255,105,3,.35)}
html[data-devmode="dark"] .fc-chip-status[data-status="busy"]{background:#fff;box-shadow:0 0 0 3px rgba(87,87,87,.5)}
html[data-devmode="dark"] .fc-chip-status[data-status="off"]{background:#5a5a62;box-shadow:0 0 0 3px rgba(90,90,98,.18)}

html[data-devmode="dark"] .form-group input,
html[data-devmode="dark"] .form-group textarea,
html[data-devmode="dark"] .auth-group input,
html[data-devmode="dark"] .acc-input,
html[data-devmode="dark"] .acc-select,
html[data-devmode="dark"] .fld.acc-otp,
html[data-devmode="dark"] .auth-locale{background:var(--dt-surface-2)!important;border-color:var(--dt-surface-2)!important;color:var(--dt-text)!important}
html[data-devmode="dark"] .form-group input::placeholder,
html[data-devmode="dark"] .form-group textarea::placeholder,
html[data-devmode="dark"] .auth-group input::placeholder,
html[data-devmode="dark"] .acc-input::placeholder,
html[data-devmode="dark"] .fld.acc-otp::placeholder{color:var(--dt-text-dim)!important}
html[data-devmode="dark"] .form-group input:focus,
html[data-devmode="dark"] .form-group textarea:focus,
html[data-devmode="dark"] .auth-group input:focus,
html[data-devmode="dark"] .acc-input:focus,
html[data-devmode="dark"] .acc-select:focus,
html[data-devmode="dark"] .fld.acc-otp:focus{border-color:var(--dt-accent)!important;background:var(--dt-surface-3)!important}

html[data-devmode="dark"] .acc-select{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%238c8c93'%3E%3Cpath d='M10.28 4.305L5.989 8.598 1.695 4.305A1 1 0 00.28 5.72l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
}


  html[data-devmode="dark"] .acc-dd-trigger{background:var(--dt-surface-2)!important;border-color:var(--dt-border)!important;color:var(--dt-text)!important}
  html[data-devmode="dark"] .acc-dd-trigger:hover{border-color:var(--dt-surface-3)!important}
  html[data-devmode="dark"] .acc-dd-trigger:focus,
  html[data-devmode="dark"] .acc-dd.is-open .acc-dd-trigger{border-color:var(--dt-accent)!important;box-shadow:0 0 0 3px var(--dt-accent-soft)!important}
  html[data-devmode="dark"] .acc-dd-chev{color:var(--dt-text-muted)}
  html[data-devmode="dark"] .acc-dd.is-open .acc-dd-chev{color:var(--dt-accent)}
  html[data-devmode="dark"] .acc-dd-menu{background:var(--dt-surface-2)!important;border-color:var(--dt-border)!important;box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px var(--dt-border)}
  html[data-devmode="dark"] .acc-dd-item{color:var(--dt-text)!important}
  html[data-devmode="dark"] .acc-dd-item:hover{background:var(--dt-surface-3)!important;color:var(--dt-accent)!important}
  html[data-devmode="dark"] .acc-dd-item.is-active{color:var(--dt-accent)!important}
  html[data-devmode="dark"] .acc-dd-item.is-active::after{background:var(--dt-accent)}


html[data-devmode="dark"] .acc-btn--ghost{background:var(--dt-surface-2)!important;border-color:var(--dt-border)!important;color:var(--dt-text)!important}
@media (hover: hover) and (pointer: fine) {
  html[data-devmode="dark"] .acc-btn--ghost:hover{border-color:var(--dt-accent)!important;color:var(--dt-accent)!important}
}

html[data-devmode="dark"] .cta-plate{box-shadow:0 25px 50px -12px rgba(255,105,3,.35)}
html[data-devmode="dark"] .cta-plate .cta-btn{background:#fff!important;color:#ff6903!important}

html[data-devmode="dark"] .faq-list .faq-btn{color:var(--dt-text-muted);border-color:var(--dt-border)}
html[data-devmode="dark"] .faq-list .faq-btn:hover{color:var(--dt-text)}
html[data-devmode="dark"] .faq-list .faq-body{color:var(--dt-text-muted)}

html[data-devmode="dark"] .acc-rail,
html[data-devmode="dark"] .acc-topbar{background:var(--dt-surface)!important;border-color:var(--dt-border)!important}
html[data-devmode="dark"] .acc-topbar{box-shadow:inset 0 -1px 0 var(--dt-border)!important}
html[data-devmode="dark"] .acc-content,
html[data-devmode="dark"] .acc-stage{background:transparent!important}
html[data-devmode="dark"] body.page-app .acc-page-main{background:transparent!important}
html[data-devmode="dark"] .acc-rail{border-right:1px solid var(--dt-border)!important}
html[data-devmode="dark"] .acc-rail-brand{border-bottom:1px solid var(--dt-border)}

html[data-devmode="dark"] .acc-link{color:var(--dt-text-muted)}
html[data-devmode="dark"] .acc-link:hover{background:var(--dt-surface-2);color:var(--dt-text)}
html[data-devmode="dark"] .acc-link.on{background:var(--dt-surface-3);color:var(--dt-accent)}

html[data-devmode="dark"] .acc-tab{color:var(--dt-text-muted)}
html[data-devmode="dark"] .acc-tab.on{color:var(--dt-accent)}
html[data-devmode="dark"] .acc-bottom,
html[data-devmode="dark"] .acc-mobile-menu,
html[data-devmode="dark"] .acc-mobile-head,
html[data-devmode="dark"] .acc-mobile-foot,
html[data-devmode="dark"] .mobile-menu-buttons{border-color:var(--dt-border)!important}
html[data-devmode="dark"] .acc-bottom{background:rgba(23,23,26,.96)!important;border-top:1px solid var(--dt-border)!important}
html[data-devmode="dark"] .acc-mobile-menu{background:var(--dt-bg)!important}

html[data-devmode="dark"] .acc-load-more{background:var(--dt-surface);color:var(--dt-accent);border-color:var(--dt-border)}
html[data-devmode="dark"] .acc-load-more:hover{background:var(--dt-surface-2)}
html[data-devmode="dark"] .acc-empty{color:var(--dt-text-muted)}

html[data-devmode="dark"] .acc-row-order-details-row .acc-row-order-details-label{color:var(--dt-text-muted)}
html[data-devmode="dark"] .acc-row-order-details-row .acc-row-order-details-value{color:var(--dt-text)}
html[data-devmode="dark"] .acc-row-order.is-open .acc-row-order-details{border-color:var(--dt-border)}

html[data-devmode="dark"] .eq-h-cell{background:var(--dt-surface-2);box-shadow:inset 0 0 0 1px var(--dt-border)}
html[data-devmode="dark"] .eq-h-cell i{background:var(--dt-accent)}

html[data-devmode="dark"] .toast{background:var(--dt-surface-2);color:var(--dt-text);border-color:var(--dt-border)}

html[data-devmode="dark"] .auth-error,
html[data-devmode="dark"] .auth-success,
html[data-devmode="dark"] .message.error,
html[data-devmode="dark"] .message.success{background:rgba(255,105,3,.12)!important;color:var(--dt-text)!important;border-color:rgba(255,105,3,.35)!important}

html[data-devmode="dark"] .static-content p,
html[data-devmode="dark"] .static-content ul,
html[data-devmode="dark"] .static-content li{color:var(--dt-text-muted)}
html[data-devmode="dark"] .static-content h2,
html[data-devmode="dark"] .static-content strong{color:var(--dt-text)}

html[data-devmode="dark"] .free-feature-compact-item{color:var(--dt-text-muted)}

html[data-devmode="dark"] .dep-address{background:var(--dt-surface-2)!important;border-color:var(--dt-border)!important;color:var(--dt-text)!important}
html[data-devmode="dark"] .dep-qr{background:#fff}
html[data-devmode="dark"] .dep-label{color:var(--dt-text-muted)}
html[data-devmode="dark"] .dep-memo{color:var(--dt-text-muted)}
html[data-devmode="dark"] .dep-memo b{color:var(--dt-text)}
html[data-devmode="dark"] .dep-hint b{color:var(--dt-text)}
html[data-devmode="dark"] .dep-hist-row .dep-status{background:var(--dt-surface-2);color:var(--dt-text-muted)}
html[data-devmode="dark"] .dep-copy{color:var(--dt-text-muted)}
html[data-devmode="dark"] .dep-copy:hover,
html[data-devmode="dark"] .dep-copy:active{background:var(--dt-surface-3);color:var(--dt-accent)}
html[data-devmode="dark"] .dep-note{color:var(--dt-text-muted)}
html[data-devmode="dark"] #depAddress.dep-loading{opacity:.05}

html[data-devmode="dark"] #wdReceive,
html[data-devmode="dark"] #wdRate{color:var(--dt-text-muted)}
html[data-devmode="dark"] .wd-error{color:var(--dt-text-muted)}
html[data-devmode="dark"] .wd-error.is-error{color:#ff8a8a}
html[data-devmode="dark"] .acc-mini-btn{background:var(--dt-surface-2);border-color:var(--dt-border);color:var(--dt-text)}
html[data-devmode="dark"] .acc-mini-btn:hover{border-color:var(--dt-accent);color:var(--dt-accent)}
html[data-devmode="dark"] .acc-mini-btn:active{background:var(--dt-surface-3)}

html[data-devmode="dark"] .acc-status.is-active{color:var(--dt-accent)}
html[data-devmode="dark"] .acc-status.is-done{color:var(--dt-text-muted)}
html[data-devmode="dark"] .acc-status.is-failed{color:var(--dt-text-muted)}



.dt-dev-toggle{position:fixed;z-index:9999;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#fff;color:#111114;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .15s,background .15s,color .15s}
.dt-dev-toggle:hover{transform:scale(1.06)}
.dt-dev-toggle.is-dark{background:#17171a;color:#ff6903;border-color:#2c2c32}
@media (max-width:900px){.dt-dev-toggle{bottom:96px}}

html[data-devmode="dark"] .hd-balance,
html[data-devmode="dark"] .acc-topbar-balance{
  background:var(--dt-surface-3);
  color:var(--dt-text);
}
html[data-devmode="dark"] .hd-balance:hover,
html[data-devmode="dark"] .acc-topbar-balance:hover{
  opacity:.9;
}
html[data-devmode="dark"] .hd-balance svg g,
html[data-devmode="dark"] .acc-topbar-balance svg g{
  fill:var(--dt-accent);
}
html[data-devmode="dark"] .hd-balance-value,
html[data-devmode="dark"] .acc-topbar-balance-value{
  color:var(--dt-text);
}
html[data-devmode="dark"] .hd-badge{
  background:var(--dt-accent);
  color:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.3);
}

html[data-devmode="dark"] .acc-block-head-link{color:var(--dt-text-muted); border:1px solid var(--dt-border) !important;}
html[data-devmode="dark"] .acc-block-head-link:hover{color:var(--dt-text);background:var(--dt-surface-2)}

html[data-devmode="dark"] .logo-text{color:var(--dt-text)}
html[data-devmode="dark"] .logo-text::after{background:var(--dt-accent)}
html[data-devmode="dark"] .acc-ref-link-hint{
  color:var(--dt-text-muted);
}
html[data-devmode="dark"] .acc-btn:disabled,
html[data-devmode="dark"] .acc-btn[disabled]{
  background:var(--dt-surface-2) !important;
  color:var(--dt-text-dim) !important;
  border-color:var(--dt-border) !important;
  opacity:.55;
}
html[data-devmode="dark"] .acc-warn-text { color: var(--dt-text) !important; }
html[data-devmode="dark"] .acc-btn:disabled:hover,
html[data-devmode="dark"] .acc-btn[disabled]:hover{
  background:var(--dt-surface-2) !important;
}
html[data-devmode="dark"] .mm-others-list a .mono {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  
  
}