/* Спільні стилі тем для всіх вкладок (Бібліотека, RSS, Утиліти) */

/* ================= TERMINAL THEME ================= */
body.theme-terminal {
  --bg1: #050505 !important;
  --bg2: #000000 !important;
  --bg3: #001100 !important;
  --text1: #22cc22 !important;
  --text2: #55ff55 !important;
  --text3: #117711 !important;
  --border: #117711 !important;
  --accent: #55ff55 !important;
  --accent-hover: #aaffaa !important;
  --danger: #ff5555 !important;
  --success: #55ff55 !important;
}

body.theme-terminal, body.theme-terminal * {
  font-family: "Consolas", "Courier New", monospace !important;
}
body.theme-terminal table {
  border-collapse: collapse;
  border: 1px dotted #117711 !important;
}
body.theme-terminal th, body.theme-terminal td {
  border: 1px dotted #117711 !important;
  color: #22cc22 !important;
  background: transparent !important;
}
body.theme-terminal th {
  color: #55ff55 !important;
  background: #001100 !important;
}
body.theme-terminal tr:hover td {
  background: #002200 !important;
}
body.theme-terminal input, body.theme-terminal select, body.theme-terminal button, body.theme-terminal textarea {
  background: #000 !important;
  color: #55ff55 !important;
  border: 1px solid #117711 !important;
}
body.theme-terminal a {
  color: #aaffaa !important;
}
body.theme-terminal .panel, body.theme-terminal .container, body.theme-terminal .card, body.theme-terminal .header, body.theme-terminal .topbar {
  background: #000 !important;
  border: 1px solid #117711 !important;
}
body.theme-terminal .header h1, body.theme-terminal .card h2 {
  color: #55ff55 !important;
  border-bottom: 1px dotted #117711 !important;
}
body.theme-terminal .tab {
  background: #000 !important;
  color: #117711 !important;
  border: 1px solid #117711 !important;
}
body.theme-terminal .tab.active {
  background: #117711 !important;
  color: #000 !important;
}


/* ================= COMPACT THEME ================= */
body.theme-compact {
  --bg1: #1e1e2e !important;
  --bg2: #181825 !important;
  --bg3: #313244 !important;
}
body.theme-compact * {
  font-family: 'Arial Narrow', 'Roboto Condensed', sans-serif !important;
  letter-spacing: -0.3px !important;
}
body.theme-compact table, body.theme-compact th, body.theme-compact td {
  padding: 2px 4px !important;
  font-size: 11px !important;
}
body.theme-compact button, body.theme-compact input, body.theme-compact select {
  padding: 2px 4px !important;
  font-size: 11px !important;
  border-radius: 0 !important;
}

/* ================= LIGHT THEME ================= */
body.theme-light {
  --bg1: #fdf6e3 !important;
  --bg2: #eee8d5 !important;
  --bg3: #e4e6eb !important;
  --text1: #1a1a1a !important;
  --text2: #333333 !important;
  --text3: #666666 !important;
  --border: #ccc !important;
  --accent: #0056b3 !important;
  --accent-hover: #004494 !important;
  --danger: #dc3545 !important;
  --success: #28a745 !important;
  background: #fdf6e3 !important;
  color: #1a1a1a !important;
}
body.theme-light table {
  border: 1px solid #ddd !important;
}
body.theme-light th {
  border-bottom: 2px solid #ccc !important;
  background: #eee8d5 !important;
  color: #1a1a1a !important;
}
body.theme-light td {
  border-bottom: 1px solid #eee !important;
  color: #333 !important;
}
body.theme-light .card, body.theme-light .header {
  background: #fff !important;
  border: 1px solid #ddd !important;
}
body.theme-light .header h1, body.theme-light .card h2 {
  color: #1a1a1a !important;
  border-bottom: 1px solid #ddd !important;
}
body.theme-light button, body.theme-light input, body.theme-light select {
  background: #fff !important;
  color: #1a1a1a !important;
  border: 1px solid #ccc !important;
}

/* ================= UNTAPPD THEME ================= */
body.theme-untappd {
  --bg1: #f8f8f8 !important;
  --bg2: #ffffff !important;
  --bg3: #ffc107 !important;
  --text1: #333333 !important;
  --text2: #000000 !important;
  --text3: #666666 !important;
  --border: #e1e1e1 !important;
  --accent: #ffc107 !important;
  --accent-hover: #e0a800 !important;
  --danger: #dc3545 !important;
  --success: #28a745 !important;
  background: #f8f8f8 !important;
  color: #333 !important;
}
body.theme-untappd table {
  border-radius: 4px;
  background: #fff !important;
}
body.theme-untappd th {
  background: #ffc107 !important;
  color: #000 !important;
}
body.theme-untappd .card, body.theme-untappd .header {
  background: #fff !important;
  border: 1px solid #e1e1e1 !important;
}
body.theme-untappd .header h1, body.theme-untappd .card h2 {
  color: #000 !important;
  border-bottom: 2px solid #ffc107 !important;
}
body.theme-untappd button {
  background: #ffc107 !important;
  color: #000 !important;
  border: none !important;
}
body.theme-untappd input, body.theme-untappd select {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
}

/* ================= UNTAPPD THEME ================= */
body.theme-untappd {
  --bg1: #f8f8f8 !important;
  --bg2: #ffffff !important;
  --bg3: #ffc107 !important;
  --text1: #333333 !important;
  --text2: #000000 !important;
  --text3: #666666 !important;
  --border: #e1e1e1 !important;
  --accent: #ffc107 !important;
  --accent-hover: #e0a800 !important;
  --danger: #dc3545 !important;
  --success: #28a745 !important;
}
body.theme-untappd table {
  border-radius: 4px;
}