/* Krisztián mód (Matrix) – MINDEN CSAK .matrix alatt! */

/* Változók */
html.matrix, body.matrix {
  --bg: #020405;
  --panel: #071012;
  --text: #c6ffdd;
  --muted: #77c79b;
  --accent: #2cff88;
  --ok: #37ff9c;
  --warn: #a5ff66;
  --err: #ff6b6b;
  --border: #123225;
  --link: #2cff88;
  --font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
          "Liberation Mono", "DejaVu Sans Mono", monospace;
}

/* Alap tipó, háttér */
body.matrix {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
}

/* Animációs vászon – csak Matrix módban */
.matrix #matrixRainCanvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.35;
}

/* A tartalom a vászon felett */
.matrix header,
.matrix .container,
.matrix nav,
.matrix .card,
.matrix .table-wrap,
.matrix .flash { position: relative; z-index: 1; }

/* Finom neon-hatás */
.matrix header {
  background: linear-gradient(180deg, rgba(0,0,0,0.65), rgba(0,0,0,0.35));
  box-shadow: 0 2px 0 #0d2b1f, inset 0 -1px 0 rgba(44,255,136,0.08);
}
.matrix .card {
  background: rgba(7,16,18,0.9);
  border: 1px solid rgba(44,255,136,0.15);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35), 0 0 0 1px rgba(44,255,136,0.05) inset;
}

/* Beviteli mezők */
.matrix input[type='text'],
.matrix input[type='password'],
.matrix textarea,
.matrix select {
  border: 1px solid rgba(44,255,136,0.25);
  background: rgba(0,0,0,0.35);
  color: var(--text);
}
.matrix select option {
  background: #071012;
  color: var(--text);
}

/* Gombok */
.matrix .btn {
  background: var(--accent);
  color: #001a0d;
  border: 1px solid rgba(44,255,136,0.5);
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.matrix .btn.secondary {
  background: transparent;
  color: var(--text);
  border-color: rgba(44,255,136,0.25);
}

/* LED-ek */
.matrix .led { border-color: rgba(44,255,136,0.25); background: rgba(0,0,0,0.2); }
.matrix .led.ok i  { background: var(--ok); }
.matrix .led.err i { background: var(--err); }

/* Táblázat-sor kiemelés */
.matrix tr:hover td { background: rgba(44,255,136,0.06); }

/* Dropdown */
.matrix .dropdown-content {
  background: rgba(7,16,18,0.98);
  border: 1px solid rgba(44,255,136,0.25);
  box-shadow: 0 12px 24px rgba(0,0,0,0.4);
}
.matrix .dropdown-content .menuitem:hover {
  background: rgba(44,255,136,0.08);
}

/* Link-stílus (pl. „Napló törlése”) */
.matrix .linkbtn { color: var(--accent); }

/* Címek */
.matrix h1, .matrix h2 { color: #a5ffd1; letter-spacing: 0.5px; }