/* =========================================
   THEME-LIGHT: 라이트 모드 오버라이드
   ========================================= */

body.light-mode {
  --bg: #f1f5f9;
  --card: rgba(255, 255, 255, 0.9);
  --card-border: rgba(0, 0, 0, 0.1);
  --text: #0f172a;
  --text-muted: #475569;
  background: #f1f5f9 !important;
  color: var(--text);
}

body.light-mode .card,
body.light-mode .settings-modal,
body.light-mode .login-inner {
  background: var(--card) !important;
  border-color: var(--card-border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode input,
body.light-mode select {
  background: rgba(255, 255, 255, 0.8) !important;
  color: var(--text) !important;
  border-color: var(--card-border) !important;
}

body.light-mode .top-bar {
  background: rgba(255, 255, 255, 0.8) !important;
  border-top-color: var(--card-border) !important;
}

body.light-mode .data-table td {
  background: rgba(0, 0, 0, 0.02) !important;
  border: none !important;
}

body.light-mode .data-table th {
  color: var(--text-muted) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode .metric-card {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .price-info-comparison-table th {
  border: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode .price-info-comparison-table td {
  border: none !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .order-slot-container.has-border-left {
  border-left-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode #combinedOrderSlot {
  border-right-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .tier-footer {
  border-top-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .monthly-slot-item,
body.light-mode .monthly-slot-combined {
  border-left-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .metric-value,
body.light-mode .tier-footer span,
body.light-mode #syncStatusDisplay span,
body.light-mode .last-sync-time,
body.light-mode #loginVersion {
  color: var(--text) !important;
}

body.light-mode .login-title,
body.light-mode h2,
body.light-mode .settings-modal h3,
body.light-mode .slot-title,
body.light-mode #chartTitle {
  color: var(--primary) !important;
}

body.light-mode .status-panel {
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: var(--card-border) !important;
}

body.light-mode .section-header {
  border-bottom: 1px solid rgba(15, 23, 42, 0.15) !important;
}

body.light-mode .slot-title {
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode [id^="monthlySlot0"] > .slot-title {
  color: var(--text-muted) !important;
}

body.light-mode [id^="monthlySlotCombined"] > .slot-title {
  color: rgba(168, 85, 247, 0.9) !important;
}

body.light-mode [id^="slot1TableName"],
body.light-mode #orderSlot1Name,
body.light-mode #holdingsSlot1Name {
  color: #6366f1 !important;
}

body.light-mode [id^="slot2TableName"],
body.light-mode #orderSlot2Name,
body.light-mode #holdingsSlot2Name {
  color: #10b981 !important;
}

body.light-mode [id^="slot3TableName"],
body.light-mode #orderSlot3Name,
body.light-mode #holdingsSlot3Name {
  color: #fbbf24 !important;
}

body.light-mode [id^="slot4TableName"],
body.light-mode #orderSlot4Name,
body.light-mode #holdingsSlot4Name {
  color: #f43f5e !important;
}

body.light-mode [id^="slot5TableName"],
body.light-mode #orderSlot5Name,
body.light-mode #holdingsSlot5Name {
  color: #8b5cf6 !important;
}

body.light-mode [id^="slot6TableName"],
body.light-mode #orderSlot6Name,
body.light-mode #holdingsSlot6Name {
  color: #06b6d4 !important;
}

body.light-mode [id^="slot7TableName"],
body.light-mode #orderSlot7Name,
body.light-mode #holdingsSlot7Name {
  color: #eab308 !important;
}

body.light-mode .stats-row {
  background: transparent !important;
  border: none !important;
}

body.light-mode .stats-row > div {
  background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .stats-header-row {
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode #historyTable th {
  border: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode #historyTable td {
  border: none !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode #combinedHoldingsView .data-table th {
  border: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode #combinedHoldingsView .data-table td {
  border: none !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode [id^="holdingsView"] .data-table td {
  background: rgba(0, 0, 0, 0.02) !important;
  border: none !important;
}

body.light-mode [id^="holdingsView"] .data-table th {
  border: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode .profit-plus {
  color: #1d4ed8 !important;
}

body.light-mode .profit-minus {
  color: #b91c1c !important;
}

body.light-mode .val-plus {
  color: #1d4ed8 !important;
}

body.light-mode .val-minus {
  color: #b91c1c !important;
}

body.light-mode .stats-asset-legend-row {
  background: transparent !important;
  border: none !important;
  box-shadow: none;
}

body.light-mode .stats-asset-legend-row:not(.stats-asset-header) > * {
  background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .stats-asset-header {
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode .stats-asset-legend-row[style*="cursor: pointer"]:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .stats-asset-eval {
  background: transparent !important;
  border: none !important;
}

body.light-mode .stats-asset-cash {
  background: transparent !important;
  border: none !important;
}

body.light-mode .stats-asset-principal {
  background: transparent !important;
  border: none !important;
}

body.light-mode .stats-asset-principal b,
body.light-mode .stats-asset-principal-val {
  color: #7c3aed !important;
}

body.light-mode .stats-asset-total {
  background: transparent !important;
  border: none !important;
}

body.light-mode .stats-asset-total > * {
  background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .analysis-legend-header {
  border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode .analysis-legend-summary-row {
  border-top: 1px solid rgba(15, 23, 42, 0.1) !important;
}

body.light-mode .stats-asset-plain {
  background: transparent !important;
  border: none !important;
}

body.light-mode .stats-asset-profit {
  background: transparent !important;
  border: none !important;
}

body.light-mode .stats-sub-strat-profit-container {
  background: rgba(0, 0, 0, 0.02) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode [id^="orderView"] .data-table td,
body.light-mode #combinedOrderView .data-table td {
  background: rgba(0, 0, 0, 0.02) !important;
  border: none !important;
}