/**
 * Space Trek - Continuous Greenbar Paper Styling
 * Module: css/greenbar.css
 * 
 * Changelog:
 * -------------------------------------------------------------------------
 * Date         Version  Author        Description
 * -------------------------------------------------------------------------
 * 2026-07-22   1.0.0    Assistant     Initial release.
 * 2026-07-22   1.1.0    Assistant     Changed font color to pure black (#000).
 * 2026-07-22   1.2.0    Assistant     Replaced block cursor with blinking underscore.
 * 2026-07-22   1.3.0    Assistant     Fixed Firefox flexbox layout bug.
 * 2026-07-22   1.4.0    Assistant     Reduced font size and scaled 4-line bands to 88px.
 * 2026-07-22   1.16.0   Assistant     Restored bottom platen flexbox alignment.
 * 2026-07-22   1.17.0   Assistant     Set white-space: pre and overflow-x: auto to prevent
 *                                     status text from wrapping under short range scan map.
 */

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: #121212;
  font-family: 'VT323', 'Courier New', monospace;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 10px;
}

.terminal-window {
  width: 100%;
  max-width: 900px;
  height: 92vh;
  display: flex;
  flex-direction: column;
  border: 4px solid #333;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}

/* 
 * Greenbar Paper Container
 * white-space: pre preserves strict fixed-width teletype column formatting.
 */
.greenbar-paper {
  flex: 1;
  background-color: #ffffff;
  color: #000000;
  padding: 16px;
  font-size: 1.05rem; /* ~17px base */
  line-height: 1.35;   /* ~22px line height */
  overflow-y: auto;
  overflow-x: auto;
  white-space: pre;    /* Strict non-wrapping teletype columns */
  cursor: text;
}

.paper-content {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #ffffff;
  background-image: repeating-linear-gradient(
    180deg,
    #dbe8db 0px,
    #dbe8db 88px,
    #ffffff 88px,
    #ffffff 176px
  );
  background-position: bottom left;
}

.teletype-line {
  min-height: 22px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #000000;
}

/* Monochromatic status text */
.color-red, .color-yellow, .color-green {
  color: #000000;
  font-weight: normal;
}

/* Inline Teletype Input & Underscore Cursor */
.inline-prompt-line {
  display: block;
  color: #000000;
}

.inline-user-text {
  color: #000000;
  font-weight: normal;
}

.blinking-underscore {
  display: inline-block;
  font-weight: normal;
  color: #000000;
  animation: blink 1s infinite;
  margin-left: 2px;
}

@keyframes blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

.hidden-input {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  border: none;
  outline: none;
  background: transparent;
}

@media (max-width: 600px) {
  .greenbar-paper {
    font-size: 0.95rem;
    padding: 10px;
  }
  .terminal-window {
    height: 98vh;
  }
}