:root{
  --tg-bg: #000000; /* full black background */
  --card-bg: #111111; /* slightly lighter black for card */
  --muted: #aaaaaa; /* muted text */
  --accent: #00ffb3; /* bright green accent */
  --danger: #ff4d4d; /* red for warnings/badges */
  --radius: 12px;
  --gap: 14px;
  --text: #ffffff; /* main text white */
}

body .tg-widget { background-color: var(--tg-bg); padding:20px; }

.tg-card {
  background-color: var(--card-bg);
  border: 1px solid #222222;
  padding: 20px;
  border-radius: var(--radius);
  color: var(--text);
  box-shadow: 0 8px 24px rgba(0,0,0,0.8);
  max-width: 900px;
  margin: auto;
}

.tg-heading { color: var(--accent); font-size:1.2rem; margin-bottom:16px; }

.tg-input {
  background: #1a1a1a;
  border: 1px solid #333333;
  color: var(--text);
  padding:10px 14px;
  border-radius:8px;
}
.tg-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 8px var(--accent);
}

.tg-btn {
  background-color: #222222;
  color: var(--text);
  border: 1px solid #333333;
  padding: 8px 14px;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
}
.tg-btn:hover { 
  background: #333333;
  border-color: var(--accent);
  color: var(--accent);
}

.tg-title-item {
  background: #1a1a1a;
  border: 1px solid #222222;
  padding: 10px;
  border-radius:8px;
  color: var(--text);
}

.tg-plag-badge.low { background:#004d33; color:#00ffb3; }
.tg-plag-badge.med { background:#663300; color:#ffcc66; }
.tg-plag-badge.high { background:#660000; color:#ff4d4d; }

.tg-result-actions .tg-note { color: var(--muted); }

.tg-empty { color: var(--muted); background:#1a1a1a; border-radius:8px; padding:10px; text-align:center; }