/* =========================
   BASE STYLE
========================= */

body {
  font-family: Arial, sans-serif;
  font-size: 12px;
  transition: background 0.3s ease, color 0.3s ease;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left;
}

/* =========================
   LIGHT THEME
========================= */

body.light {
  background: #ffffff;
  color: #222;
}

body.light th {
  background-color: #333;
  color: #fff;
}

body.light th,
body.light td {
  border: 1px solid #ccc;
}

body.light tr.Forex {
  background-color: #ffffff;
}

body.light tr.Metals {
  background-color: #f1f8e9;
}

body.light tr.Energy {
  background-color: #fff3e0;
}

body.light tr.Crypto {
  background-color: #e0f7fa;
}

body.light tr.past-event td {
  color: #888;
}


/* =========================
   DARK THEME
========================= */

body.dark {
  background: #212529;
  color: #e2e8f0;
}

body.dark th {
  background-color: #3d485b;
  color: #ffffff;
}

body.dark th,
body.dark td {
  border: 1px solid #334155;
}

body.dark tr.Forex {
  background-color: #1e293b;
}

body.dark tr.Metals {
  background-color: #1b4332;
}

body.dark tr.Energy {
  background-color: #3d2c1e;
}

body.dark tr.Crypto {
  background-color: #12343b;
}

body.dark tr.past-event td {
  color: #64748b;
}


/* =========================
   IMPACT BADGES
========================= */

.impact-low {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
}

.impact-medium {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
}

.impact-high {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
}

/* Light Impact */
body.light .impact-low {
  background: #e8f5e9;
  color: #2e7d32;
}

body.light .impact-medium {
  background: #fff8e1;
  color: #f9a825;
}

body.light .impact-high {
  background: #ffebee;
  color: #c62828;
}

/* Dark Impact */
body.dark .impact-low {
  background: #14532d;
  color: #4ade80;
}

body.dark .impact-medium {
  background: #78350f;
  color: #facc15;
}

body.dark .impact-high {
  background: #7f1d1d;
  color: #f87171;
}

.past-event{
    opacity:0.5;
    text-decoration: line-through;
}