/* Perpetual trade page: light theme color overrides only. */
.bg-\[\#0b0e11\],
.bg-\[\#0b0e11\]\/80,
.bg-\[\#0b0e11\]\/98,
.bg-\[\#121212\] {
  background-color: #ffffff !important;
}
.bg-\[\#0b0e11\]\/80,
.bg-\[\#0b0e11\]\/98 {
  background-color: rgba(255, 255, 255, 0.96) !important;
}
.text-\[\#eaecef\] {
  color: #1e2026 !important;
}
.border-\[\#1e2329\],
.border-\[\#2a2e39\] {
  border-color: #eceff3 !important;
}
.hover\:bg-\[\#1e2329\]:hover,
.hover\:bg-\[\#2a2e39\]:hover {
  background-color: #f5f5f5 !important;
}
.bg-\[\#1e2329\],
.bg-\[\#2a2e39\] {
  background-color: #f5f5f5 !important;
}
.text-\[\#848e9c\] {
  color: #5e6673 !important;
}
.w-\[170px\] span.font-bold.text-white,
.w-\[170px\] span.font-extrabold.text-white,
.w-\[170px\] .text-white,
.bg-\[\#1e2329\] span.font-bold.text-white,
.bg-\[\#1e2329\].p-1\.5.rounded-xl .text-white,
.p-1\.5.rounded-xl span.font-bold.text-white.truncate,
.min-h-\[68px\] .text-white,
.h-\[68px\] .text-white {
  color: #1e2026 !important;
}
.min-h-\[68px\] .text-\[\#0ecb81\],
.h-\[68px\] .text-\[\#0ecb81\],
.w-\[170px\] .text-\[\#0ecb81\] {
  color: #0ecb81 !important;
}
.min-h-\[68px\] .text-\[\#f6465d\],
.h-\[68px\] .text-\[\#f6465d\],
.w-\[170px\] .text-\[\#f6465d\] {
  color: #f6465d !important;
}
.px-4.py-1\.5.bg-\[\#0b0e11\].text-\[10px\].font-mono .text-amber-400 {
  color: #c2410c !important;
}
.px-4.py-1\.5.bg-\[\#0b0e11\].text-\[10px\].font-mono .text-purple-400 {
  color: #6d28d9 !important;
}
.px-4.py-1\.5.bg-\[\#0b0e11\].text-\[10px\].font-mono .text-blue-400 {
  color: #0369a1 !important;
}
.grid.grid-cols-2.gap-3.text-\[10px\].text-\[\#848e9c\].font-extrabold {
  color: #474d57 !important;
}
.text-\[16px\].font-black.tracking-tight.text-white,
.text-\[26px\].font-black.tracking-tight.text-white {
  color: #1e2026 !important;
}
.text-\[10px\].text-\[\#848e9c\].font-mono .text-white {
  color: #1e2026 !important;
}
.bg-\[\#0ecb81\]\/15 {
  background-color: rgba(14, 203, 129, 0.12) !important;
}
.bg-\[\#f6465d\]\/15 {
  background-color: rgba(246, 70, 93, 0.12) !important;
}
.bg-\[\#0ecb81\]\/20 {
  background-color: rgba(14, 203, 129, 0.14) !important;
}
.bg-\[\#f6465d\]\/20 {
  background-color: rgba(246, 70, 93, 0.14) !important;
}
.shadow-\[0_0_20px_rgba\(14\,203\,129\,0\.25\)\] {
  box-shadow: 0 0 16px rgba(14, 203, 129, 0.18) !important;
}
.bg-\[\#12161c\] {
  background-color: #f5f5f5 !important;
  border-color: #eaecef !important;
  border-top: 1px solid #eaecef !important;
  border-bottom: 1px solid #eaecef !important;
}
.bg-\[\#12161c\] > .font-mono {
  color: #1e2026 !important;
}
.px-3.py-2.bg-\[\#12161c\] {
  border-bottom: 1px solid #eaecef !important;
}
.px-3.py-2.bg-\[\#12161c\] button.font-bold.text-white {
  color: #1e2026 !important;
}
.px-3.py-2.bg-\[\#12161c\] .flex.items-center.gap-1.font-mono.text-white {
  color: #1e2026 !important;
}
.px-3.py-2.bg-\[\#12161c\] .w-3.h-3.text-\[\#f0b90b\] {
  color: #1e2026 !important;
}
.px-3.py-2.bg-\[\#12161c\] strong.text-white.font-mono {
  color: #1e2026 !important;
  font-weight: 800 !important;
}
.fixed.inset-0.z-50.bg-black\/60 {
  background-color: rgba(245, 245, 245, 0.92) !important;
}
.fixed.inset-0.z-50.bg-black\/60 .font-black.text-white,
.fixed.inset-0.z-50.bg-black\/60 .font-black.text-white.text-\[16px\] {
  color: #1e2026 !important;
}
body:has(.fixed.inset-0.z-50.bg-black\/60) .fixed.bottom-0.z-40 {
  visibility: hidden !important;
  pointer-events: none !important;
}
.kline-tf-skel {
  background-color: rgba(255, 255, 255, 0.16) !important;
  background-image: linear-gradient(90deg, transparent 0%, rgba(245, 247, 250, 0.45) 50%, transparent 100%) !important;
  background-size: 180% 100% !important;
  animation: kline-tf-skel 0.85s ease-in-out infinite !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}
.kline-tf-skel > div {
  display: none !important;
}
@keyframes kline-tf-skel {
  0% { background-position: 100% 0; }
  100% { background-position: -80% 0; }
}
.pos-card-host {
  background: transparent !important;
}
.pos-card {
  background: #ffffff !important;
  color: #111827 !important;
}