﻿@import url('/css/bundle/part-001.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-002.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-003.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-004.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-005.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-006.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-007.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-008.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-009.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-010.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-011.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-012.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-013.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-014.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-015.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-016.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-017.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-018.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-019.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-020.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-021.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-022.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-023.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-024.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-025.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-026.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-027.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-028.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-029.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-030.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-031.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-032.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-033.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-034.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-035.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-036.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-037.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-038.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-039.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-040.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-041.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-042.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-043.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-044.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-045.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-046.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-047.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-048.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-049.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-050.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-051.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-052.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-053.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-054.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-055.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-056.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-057.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-058.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-059.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-060.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-061.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-062.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-063.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-064.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-065.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-066.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-067.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-068.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-069.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-070.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-071.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-072.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-073.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-074.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-075.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-076.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-077.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-078.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-079.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-080.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-081.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-082.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-083.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-084.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-085.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-086.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-087.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-088.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-089.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-090.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-091.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-092.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-093.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-094.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-095.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-096.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-097.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-098.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-099.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-100.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-101.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-102.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-103.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-104.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-105.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-106.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-107.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-108.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-109.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-110.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-111.css?v=20260708-deposit-quick');
@import url('/css/bundle/part-112.css?v=20260708-deposit-quick');

body.backend-page #view-app-packaging .card-head .actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

body.backend-page #view-app-packaging .soft-panel-body p {
  margin: 6px 0;
}

body.backend-page #view-app-packaging .admin-upload-row {
  margin-top: 8px;
}

body.backend-page #view-app-packaging table td {
  vertical-align: top;
}

body.backend-page #view-app-packaging #appPackagingEnv {
  overflow-x: hidden;
}

body.backend-page #view-app-packaging #appPackagingEnv table {
  table-layout: fixed;
  width: 100%;
}

body.backend-page #view-app-packaging #appPackagingEnv table th,
body.backend-page #view-app-packaging #appPackagingEnv table td {
  white-space: normal;
  word-break: break-word;
}

body.backend-page #view-app-packaging table td:nth-child(6) {
  max-width: 260px;
  white-space: normal;
  word-break: break-word;
}

body.backend-page #view-app-packaging .actions a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  color: #0d6f5d;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 900px) {
  body.backend-page #view-app-packaging .card-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body.backend-page #view-app-packaging .card-head .actions {
    justify-content: flex-start;
  }
}

body.backend-admin-page {
  min-width: 980px;
  overflow-x: auto;
}

body.backend-admin-page .app-shell {
  display: grid !important;
  grid-template-columns: 248px minmax(720px, 1fr) !important;
  min-width: 980px !important;
  align-items: stretch;
}

body.backend-admin-page .sidebar {
  position: sticky !important;
  top: 0 !important;
  width: 248px !important;
  min-width: 248px !important;
  max-width: 248px !important;
  height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  flex: none !important;
}

body.backend-admin-page .sidebar .brand {
  min-width: 0;
}

body.backend-admin-page .nav.admin-menu {
  display: flex !important;
  grid-template-columns: none !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.backend-admin-page .nav.admin-menu > button,
body.backend-admin-page .nav.admin-menu .menu-group,
body.backend-admin-page .nav.admin-menu .menu-toggle,
body.backend-admin-page .nav.admin-menu .menu-children,
body.backend-admin-page .nav.admin-menu .menu-children button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
}

body.backend-admin-page .nav.admin-menu .menu-open .menu-children {
  display: grid !important;
}

body.backend-admin-page .nav.admin-menu .menu-toggle span:first-child,
body.backend-admin-page .nav.admin-menu .menu-children button {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.backend-admin-page .main {
  min-width: 0 !important;
}

body.backend-page #view-app-packaging .app-package-link-row,
body.backend-page #view-app-packaging .app-package-build-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.backend-page #view-app-packaging .app-package-link-row a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  color: #0d6f5d;
  font-weight: 700;
  text-decoration: none;
}

body.backend-page #view-app-packaging .app-package-build-actions button {
  min-height: 30px;
  padding: 0 10px;
  white-space: nowrap;
}

body.light-ui .h5-drawer .drawer-panel,
body.light-ui .h5-drawer .drawer-panel *,
html.light-ui .h5-drawer .drawer-panel,
html.light-ui .h5-drawer .drawer-panel * {
  color: #111827 !important;
}

body.light-ui .h5-drawer .drawer-panel {
  border-color: #dbe4f0 !important;
  background: #ffffff !important;
}

body.light-ui .h5-drawer .drawer-section button,
body.light-ui .h5-drawer .drawer-section a,
body.light-ui .h5-drawer .drawer-logout,
body.light-ui .h5-drawer [data-theme-toggle] {
  border-color: #dbe4f0 !important;
  background: #f8fafc !important;
}

.h5-body {
  --h5-pair-left: max(calc((100vw - 430px) / 2), 0px);
  --h5-pair-width: min(86vw, 360px);
}

.h5-body .h5-app #view-market .pair-overlay,
.h5-body .h5-app #view-kline .pair-overlay,
.h5-body .h5-app #view-market.market-pairs-open .pair-overlay,
.h5-body .h5-app #view-kline.market-pairs-open .pair-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, .48) !important;
  z-index: 1190 !important;
  box-shadow: none !important;
}

.h5-body .h5-app #view-market .market-pair-card,
.h5-body .h5-app #view-kline .kline-pair-drawer {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: var(--h5-pair-left) !important;
  width: var(--h5-pair-width) !important;
  min-width: var(--h5-pair-width) !important;
  max-width: 360px !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border: 0 !important;
  border-right: 1px solid #1d2940 !important;
  border-radius: 0 !important;
  z-index: 1200 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transform: translateX(-100%) !important;
}

.h5-body .h5-app #view-market.market-pairs-open .market-pair-card,
.h5-body .h5-app #view-kline.market-pairs-open .kline-pair-drawer {
  display: flex !important;
  flex-direction: column !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

.h5-body .h5-app #view-market .market-pair-card .card-head,
.h5-body .h5-app #view-kline .kline-pair-drawer .card-head {
  flex: 0 0 auto !important;
}

.h5-body .h5-app #view-market .market-pair-body,
.h5-body .h5-app #view-kline .market-pair-body {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.h5-body .h5-app #view-market .market-pair-tools,
.h5-body .h5-app #view-kline .market-pair-tools {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
}

.h5-body .h5-app #view-market .market-list.compact,
.h5-body .h5-app #view-kline .market-list.compact,
.h5-body .h5-app #view-market #marketList,
.h5-body .h5-app #view-kline #klineMarketList {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

body.light-ui.h5-body .h5-app #view-market .market-pair-card,
body.light-ui.h5-body .h5-app #view-kline .kline-pair-drawer,
html.light-ui body.h5-body .h5-app #view-market .market-pair-card,
html.light-ui body.h5-body .h5-app #view-kline .kline-pair-drawer {
  border-right-color: #dbe4f0 !important;
  background: #ffffff !important;
  color: #111827 !important;
}
