/* 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: #848e9c !important;
}
.text-\[16px\].font-black.tracking-tight.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;
}
body:has(.fixed.inset-0.z-50.bg-black\/60) .fixed.bottom-0.z-40 {
  visibility: hidden !important;
  pointer-events: none !important;
}
