/* Plasma Layout — monochromatyczne, pomarańczowe panele */
:root {
  --bg: #0d0b08;         /* bardzo ciemny, ciepły background */
  --green: #ffb366;      /* używamy istniejącej zmiennej jako pomarańczowego tekstu */
}

body.crt {
  color: var(--green);
  text-shadow: 0 0 2px rgba(255,140,26,0.6), 0 0 6px rgba(255,140,26,0.35);
}

.bios-frame {
  border: 8px solid #ff8c1a;
  background: linear-gradient(180deg, #2a1a12, #1a120d) padding-box,
              radial-gradient(circle at 20% 20%, rgba(255,255,255,0.06), rgba(0,0,0,0)) border-box;
}

.bios-menu {
  border-color: rgba(255,140,26,0.55);
}
.menu-item {
  border-color: rgba(255,140,26,0.35);
}
.menu-item.active { background: rgba(255,140,26,0.12); }
.menu-item:hover { background: rgba(255,140,26,0.16); }

.article-item { border-color: rgba(255,140,26,0.35); }
.video-item { border-color: rgba(255,140,26,0.35); }
.drop-zone { border-color: rgba(255,140,26,0.45); }

.bios-warning { color: #ffd27f; }

/* Migająca obwódka dla LOGIN w Plasma */
@keyframes loginFlashBorderPlasma {
  0% { box-shadow: 0 0 0 2px rgba(255,26,26,0.25); }
  50% { box-shadow: 0 0 0 2px rgba(255,26,26,0.85); }
  100% { box-shadow: 0 0 0 2px rgba(255,26,26,0.25); }
}
nav.bios-menu a.menu-item[href="user_login.php"] {
  border: 2px solid #ff1a1a !important;
  animation: loginFlashBorderPlasma 1.2s ease-in-out infinite;
}

/* Ikonki dla layoutu Plasma (komputery NASA) */
.bios-title::after {
  content: "";
  display: inline-block;
  width: 84px;
  height: 16px;
  margin-left: 8px;
  background-image: url('../icons/plasma-nasa.svg');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}