/* 🛡️ 크립토 퀀트 가드 - 55인치 4K UHD & 암실 눈 피로도 제로 소프트 징크 테마 (style.css) */

:root {
  /* 🌑 순수 무채색 딥 차콜 */
  --bg-main: #111113;
  --bg-card: #18181b;
  --bg-card-inner: #131316;
  --bg-card-hover: #1f1f23;

  /* 🩶 실시간 감시창 전용 차분한 미디엄 애쉬 그레이 */
  --bg-jev-panel: #202027;
  --bg-jev-inner: #17171d;
  --border-jev: rgba(255, 255, 255, 0.12);

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-focus: rgba(255, 255, 255, 0.18);

  /* 👁️ 암실 눈부심 0% 톤다운 소프트 텍스트 (쨍한 쌩화이트 100% 제거) */
  --text-main: #d4d4d8;        /* 부드러운 소프트 그레이 (zinc-300 수준) */
  --text-muted: #9ca3af;       /* 편안한 중간 회색 (zinc-400 수준) */
  --text-dim: #71717a;         /* 가독성 확보된 보조 회색 (zinc-500 수준) */
}

body { 
  background-color: var(--bg-main); 
  color: var(--text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Segoe UI", Roboto, sans-serif; 
  letter-spacing: -0.015em;
  font-size: 16px;
  line-height: 1.5;
}

.mono { 
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; 
}

/* 부드러운 펄스 애니메이션 (눈부심 완화) */
.pulse-glow { 
  animation: pulseGlow 2.5s infinite ease-in-out; 
}

.pulse-scan { 
  animation: pulseScan 1.5s infinite ease-in-out; 
}

@keyframes pulseGlow {
  0%, 100% { opacity: 0.9; filter: drop-shadow(0 0 5px rgba(56, 189, 248, 0.35)); }
  50% { opacity: 0.5; filter: drop-shadow(0 0 2px rgba(56, 189, 248, 0.1)); }
}

@keyframes pulseScan {
  0%, 100% { opacity: 0.9; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.85); }
}

/* 커스텀 스크롤바 */
.custom-scroll::-webkit-scrollbar { 
  width: 8px; 
  height: 8px;
}
.custom-scroll::-webkit-scrollbar-track { 
  background: #141416; 
  border-radius: 4px; 
}
.custom-scroll::-webkit-scrollbar-thumb { 
  background: #38383e; 
  border-radius: 4px; 
}
.custom-scroll::-webkit-scrollbar-thumb:hover { 
  background: #484850; 
}

/* 55인치 HUD 전용 패널 */
.hud-panel {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 18px;
}

.hud-panel-nested {
  background: var(--bg-card-inner);
  border: 1px solid var(--border-subtle);
  border-radius: 14px;
}

/* 🩶 실시간 감시창 (Jev 판사) 전용 회색 패널 */
.hud-panel-gray {
  background: var(--bg-jev-panel) !important;
  border: 1px solid var(--border-jev) !important;
  border-radius: 18px;
  box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.3);
}

.hud-jev-inner {
  background: var(--bg-jev-inner);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

/* 📜 2페이지 퀀트 기록지 전용 55인치 스타일 & 스크롤 박스 최적화 */
.ledger-table th {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

.ledger-table td {
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
}

.ledger-scroll-box {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

.ledger-scroll-box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.ledger-scroll-box::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}

.ledger-scroll-box::-webkit-scrollbar-thumb {
  background: #3f3f46;
  border-radius: 3px;
}

.ledger-scroll-box::-webkit-scrollbar-thumb:hover {
  background: #52525b;
}

.ledger-chip-name {
  font-size: 16px !important;
  font-weight: 800 !important;
}

.ledger-pnl-badge {
  font-size: 15px !important;
  font-weight: 900 !important;
  padding: 3px 8px !important;
}

.ledger-status-badge {
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
}

.hud-gauge-card {
  background: #16161a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  transition: all 0.2s ease;
}

.hud-gauge-card:hover {
  border-color: rgba(255, 255, 255, 0.16);
  background: #1c1c22;
}

/* 톤다운 소프트 텍스트 클래스 */
.text-soft-white {
  color: #d4d4d8;
}
.text-soft-gray {
  color: #9ca3af;
}
.text-soft-dim {
  color: #71717a;
}

/* 🎨 눈 안 아픈 부드러운 파스텔 컬러 팔레트 */
.val-amber { color: #fbbf24; opacity: 0.95; }
.val-rose  { color: #fb7185; opacity: 0.95; }
.val-sky   { color: #38bdf8; opacity: 0.95; }
.val-indigo{ color: #818cf8; opacity: 0.95; }
.val-emerald{ color: #34d399; opacity: 0.95; }
.val-purple{ color: #c084fc; opacity: 0.95; }