/* classic.css — retro terminal v3 */

:root {
  --bg:       #000000;
  --fg:       #c8c8c8;
  --muted:    #6a6a6a;
  --frame:    #2a2a2a;
  --frame2:   #3a3a3a;
  --c1:       #00ff88;   /* cpu / green */
  --c2:       #00d1ff;   /* disk / cyan */
  --c3:       #ff2ebd;   /* ram / magenta */
  --accent:   #00ff88;
  --link:     #00ff88;
  --status-on:  #00ff88;
  --status-off: #ff4444;
}

/* scanlines overlay */
body::after {
  content: "";
  position: fixed; inset: 0;
  pointer-events: none;
  opacity: .06;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.08) 0 1px,
    transparent 1px 3px
  );
}

body {
  background: var(--bg);
  color: var(--fg);
  font-size: 14px;
}

/* header rule */
.site-header::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--frame2);
  margin-top: 4px;
}

.logo-pre { color: var(--accent); font-size: 13px; line-height: 1.3; }

@media (max-width: 520px) {
  .logo-pre { font-size: 2vw; }
}

/* theme switcher */
.theme-btn {
  color: var(--muted);
  border: 1px solid var(--frame2);
  transition: color .15s, border-color .15s;
}
.theme-btn:hover        { color: var(--fg); border-color: var(--muted); }
.theme-btn.active       { color: var(--accent); border-color: var(--accent); }

/* content */
.content  { color: var(--fg); }
.content a { color: var(--link); text-decoration: none; }
.content a:hover { text-decoration: underline; }
.content em { color: var(--accent); font-style: normal; }

/* panel */
.panel { border: 1px solid var(--frame2); background: #050505; }

.ph-name  { color: var(--muted); }
.ph-clock { color: var(--muted); }
.ph-status.online  { color: var(--status-on); }
.ph-status.offline { color: var(--status-off); }

/* spark */
.spark-lbl { color: var(--muted); }
.spark {
  color: var(--c1);
  border: 1px solid var(--frame);
  background: #0a0a0a;
}

/* meter bars */
.mrow .ml  { color: var(--muted); }
.mrow .mv  { color: var(--fg); }
.mbar { border: 1px solid var(--frame); background: #0a0a0a; }

.mbar[data-kind="cpu"]  .mbar-ascii { color: var(--c1); }
.mbar[data-kind="ram"]  .mbar-ascii { color: var(--c3); }
.mbar[data-kind="disk"] .mbar-ascii { color: var(--c2); }

/* stats */
.sl     { color: var(--muted); }
.sv     { color: var(--fg); }

/* footer */
.pf         { color: var(--muted); border-top: 1px solid var(--frame); padding-top: 10px; margin-top: 4px; }
.site-footer { color: var(--muted); border-top: 1px solid var(--frame2); }
.site-footer a { color: var(--link); text-decoration: none; }

/* toast */
.toast {
  background: var(--frame2);
  color: var(--fg);
  border: 1px solid var(--frame2);
}

/* help */
.help-overlay { background: rgba(0,0,0,.85); }
.help-box     { background: #0a0a0a; border: 1px solid var(--frame2); }
.help-txt     { color: var(--fg); }
.help-close   { color: var(--accent); }
.help-close:hover { text-decoration: underline; }