/* Terminal — CRT green-on-black · procedural · body.skin-terminal */

body.skin-terminal {
  font-family: "Courier New", "Lucida Console", Consolas, monospace;
  font-size: 14px;
  line-height: 1.5;
  color: #00ff41;
  background-color: #0a0a0a;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 3px,
      rgba(0, 255, 65, 0.025) 3px,
      rgba(0, 255, 65, 0.025) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 39px,
      rgba(0, 255, 65, 0.02) 39px,
      rgba(0, 255, 65, 0.02) 40px
    ),
    radial-gradient(ellipse at 50% 0%, rgba(0, 60, 0, 0.35) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(0, 40, 0, 0.2) 0%, transparent 45%);
  cursor: text;
}

body.skin-terminal::before {
  content: "root@vfg-ideapit:~# capture ready — Enter to send · skin: terminal";
  display: block;
  background: #001a00;
  color: #00ff41;
  font-size: 11px;
  padding: 4px 10px;
  border-bottom: 1px solid #003300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.skin-terminal::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  background: repeating-linear-gradient(
    0deg,
    transparent 0,
    transparent 2px,
    rgba(0, 0, 0, 0.12) 2px,
    rgba(0, 0, 0, 0.12) 4px
  );
}

body.skin-terminal *:focus-visible {
  outline: 2px solid #00ff41;
  outline-offset: 2px;
}

body.skin-terminal .skin-toggle {
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #00ff41;
  border-radius: 0;
  background: #001a00;
  color: #00ff41;
  padding: 4px 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 0 8px rgba(0, 255, 65, 0.25);
}

body.skin-terminal .skin-toggle:hover {
  background: #003300;
  box-shadow: 0 0 12px rgba(0, 255, 65, 0.4);
}

body.skin-terminal .skin-toggle[aria-pressed="true"] {
  background: #00ff41;
  color: #0a0a0a;
  border-color: #00ff41;
}

body.skin-terminal .skin-toggle[data-skin="terminal"]::after {
  content: "_";
  animation: term-cursor-blink 1s step-end infinite;
}

@keyframes term-cursor-blink {
  50% { opacity: 0; }
}

/* ——— IdeaPit ——— */
body.skin-terminal main {
  background: #0a0a0a;
  border: 1px solid #003300;
  border-radius: 0;
  box-shadow: 0 0 24px rgba(0, 255, 65, 0.1);
  margin: 8px auto;
  padding: 10px;
  max-width: 56rem;
}

body.skin-terminal .page-head {
  background: #001a00;
  border: 1px solid #003300;
  border-bottom: 2px solid #00ff41;
  padding: 8px 12px;
  margin-bottom: 8px;
}

body.skin-terminal h1 {
  font-size: 1rem;
  font-weight: bold;
  color: #00ff41;
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.skin-terminal h1::before {
  content: "> ";
  color: #00aa33;
}

body.skin-terminal .hint {
  background: #001a00;
  border: 1px solid #003300;
  border-radius: 0;
  color: #00aa33;
  font-size: 11px;
  padding: 6px 8px;
}

body.skin-terminal h2 {
  background: #001a00;
  color: #00ff41;
  border: 1px solid #003300;
  border-radius: 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 4px 8px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

body.skin-terminal h2::before {
  content: "# ";
  color: #00aa33;
}

body.skin-terminal textarea,
body.skin-terminal input {
  font-family: inherit;
  border: 1px solid #003300;
  border-radius: 0;
  background: #050505;
  color: #00ff41;
  font-size: 13px;
}

body.skin-terminal textarea::placeholder,
body.skin-terminal input::placeholder {
  color: #006622;
}

body.skin-terminal button {
  font-family: inherit;
  background: #001a00;
  border: 1px solid #00ff41;
  border-radius: 0;
  color: #00ff41;
  font-weight: bold;
  font-size: 12px;
  box-shadow: none;
}

body.skin-terminal button:hover {
  background: #003300;
}

body.skin-terminal .capture-zone {
  border: 1px solid #003300;
  border-radius: 0;
  padding: 10px;
  background: #0d0d0d;
}

body.skin-terminal .resurface-zone {
  background: #0d0d0d;
  border: 1px solid #003300;
  border-radius: 0;
}

body.skin-terminal .filter-chip,
body.skin-terminal .cloud-chip {
  border-radius: 0;
  border: 1px solid #003300;
  background: #001a00;
  color: #00aa33;
  font-family: inherit;
}

body.skin-terminal .filter-chip:hover,
body.skin-terminal .cloud-chip:hover,
body.skin-terminal .filter-chip.active,
body.skin-terminal .cloud-chip.active {
  background: #003300;
  color: #00ff41;
  border-color: #00ff41;
}

body.skin-terminal .tabs {
  border: 1px solid #003300;
  background: #0d0d0d;
  border-radius: 0;
  padding: 4px;
}

body.skin-terminal .tabs button {
  font-family: inherit;
  border-radius: 0;
  color: #00aa33;
  font-weight: bold;
  border: 1px solid #003300;
  background: #0a0a0a;
}

body.skin-terminal .tabs button:hover {
  color: #00ff41;
  border-color: #00ff41;
}

body.skin-terminal .tabs button[aria-selected="true"] {
  background: #003300;
  color: #00ff41;
  border-color: #00ff41;
}

body.skin-terminal .tab-badge {
  color: #00aa33;
}

body.skin-terminal .idea-card {
  border-top: 1px solid #003300;
  padding: 10px 0;
  color: #00aa33;
}

body.skin-terminal .idea-card.filter-match {
  background: #001a00;
  border: 1px solid #00ff41;
  border-radius: 0;
  padding: 10px;
  color: #00ff41;
}

body.skin-terminal .idea-title {
  color: #00ff41;
  font-size: 14px;
}

body.skin-terminal .idea-title::before {
  content: "- ";
  color: #00aa33;
}

body.skin-terminal .counter {
  border: 1px solid #003300;
  border-radius: 0;
  background: #050505;
  color: #00ff41;
  font-family: inherit;
  box-shadow: none;
}

body.skin-terminal .counter-palette-item {
  border-radius: 0;
  border: 1px solid #003300;
  background: #0a0a0a;
  color: #00aa33;
  font-family: inherit;
}

body.skin-terminal .cycle-zone {
  border-top: 2px solid #003300;
}

body.skin-terminal .cycle-column {
  background: #0d0d0d;
  border: 1px solid #003300;
  border-radius: 0;
}

body.skin-terminal .cycle-card {
  border: 1px solid #003300;
  border-radius: 0;
  background: #0a0a0a;
  color: #00aa33;
}

body.skin-terminal .maturity-band {
  background: #001a00;
  border: 1px solid #003300;
  border-radius: 0;
  color: #00aa33;
}

body.skin-terminal .status {
  color: #00aa33;
  font-family: inherit;
}

body.skin-terminal a {
  color: #00ff41;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.skin-terminal a:hover {
  color: #0a0a0a;
  background: #00ff41;
}