/* System console — fixed-height bottom strip */

.system-console {
  position: relative;
  background: var(--crt-bg-inset);
  border-top: var(--border-double);
  padding: var(--space-2) var(--space-4);
  font-size: var(--console-font-size);
  line-height: var(--console-line-height);
  overflow: hidden;
  flex-shrink: 0;
  text-shadow:
    0 0 var(--crt-glow-radius-1) rgba(255, 176, 0, var(--crt-glow-opacity-1)),
    0 0 var(--crt-glow-radius-2) rgba(255, 176, 0, var(--crt-glow-opacity-2));
}

/* Height based on line count */
.system-console.expanded {
  height: calc(
    (var(--console-font-size) * var(--console-line-height) * var(--console-lines))
    + (var(--space-2) * 2)
    + 4px
  );
}

.system-console.collapsed {
  height: calc(
    (var(--console-font-size) * var(--console-line-height) * 1)
    + (var(--space-2) * 2)
    + 4px
  );
}

/* Console output area */
.console-output {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    black var(--console-fade-mask-height)
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    black var(--console-fade-mask-height)
  );
  padding-right: var(--space-8);
}

.console-output::-webkit-scrollbar {
  width: 3px;
}

.console-output::-webkit-scrollbar-track {
  background: transparent;
}

.console-output::-webkit-scrollbar-thumb {
  background: var(--crt-border);
}

/* Console line */
.console-line {
  white-space: pre;
  color: var(--crt-amber);
  font-family: var(--font-terminal);
  transition: color var(--console-highlight-duration) ease;
}

.console-line.highlight {
  color: var(--crt-amber-bright);
}

/* Prefix styling */
.console-prefix {
  color: var(--crt-amber-bright);
}

/* Separator lines */
.console-line.separator {
  color: var(--crt-amber-dim);
}

/* Blinking cursor */
.console-cursor {
  display: inline;
  color: var(--crt-amber);
  animation: cursor-blink var(--console-cursor-blink) step-end infinite;
}

@keyframes cursor-blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

/* Collapse/expand toggle */
.console-toggle {
  position: absolute;
  top: var(--space-1);
  right: var(--space-2);
  font-family: var(--font-terminal);
  font-size: var(--font-size-xs);
  color: var(--crt-amber-dim);
  background: none;
  border: var(--border-thin);
  padding: 0 var(--space-1);
  cursor: pointer;
  z-index: 5;
  line-height: 1.4;
  transition: color var(--transition-fast);
}

.console-toggle:hover {
  color: var(--crt-amber);
}

.console-toggle:focus-visible {
  outline: 2px solid var(--crt-amber);
  outline-offset: 2px;
}

/* Accessibility: disable cursor blink for motion-sensitive users */
@media (prefers-reduced-motion: reduce) {
  .console-cursor {
    animation: none;
    opacity: 1;
  }

  .console-line {
    transition: none;
  }
}