/* ============================================================
   missions.css — shared styles dla misji (DOS-screen / terminal)
   Wave 7 FE-B 2026-05-24. Wyniesione z templates/missions/types/
   (terminal.html, ai_analyst.html, email_outreach.html).
   Pozostale misje maja unikalny CSS i nie sa tu obecne.
   ============================================================ */

/* DOS / terminal background — uzywane przez terminal + ai_analyst */
.dos-screen {
    background: #0c0c0c;
    color: #33ff33;
    font-family: 'Space Mono', 'Courier New', monospace;
    border: 3px solid #1a3a1a;
    box-shadow: 0 0 40px #00ff0008, inset 0 0 60px #00000080;
    min-height: 500px;
}
.dos-screen::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        #00000015 2px,
        #00000015 4px
    );
    pointer-events: none;
    z-index: 1;
}

/* Firewall screen — wariant DOS w email_outreach */
.firewall-screen {
    background: #0c0c0c;
    color: #33ff33;
    font-family: 'Space Mono', 'Courier New', monospace;
    border: 3px solid #1a3a1a;
    box-shadow: 0 0 40px #00ff0008, inset 0 0 60px #00000080;
}
.firewall-screen::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        #00000015 2px,
        #00000015 4px
    );
    pointer-events: none;
    z-index: 1;
}

/* Kolory DOS — wspolne dla terminal, ai_analyst, email_outreach */
.dos-text    { color: #33ff33; }
.dos-dim     { color: #1a8a1a; }
.dos-bright  { color: #66ff66; }
.dos-error   { color: #ff3333; }
.dos-warning { color: #ffcc00; }

/* DOS input — terminal + ai_analyst */
.dos-input {
    background: transparent;
    border: none;
    color: #33ff33;
    font-family: 'Space Mono', monospace;
    caret-color: #33ff33;
    outline: none;
    width: 100%;
}
.dos-input::placeholder { color: #1a5a1a; }

/* Migajacy kursor — terminal */
.dos-cursor::after {
    content: '_';
    animation: blink 1s step-end infinite;
    color: #33ff33;
}

/* Typewriter animacja — terminal + ai_analyst */
@keyframes typewriter {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.typewriter-line {
    animation: typewriter 0.05s ease-in forwards;
    opacity: 0;
}

/* File cards — terminal + ai_analyst */
.file-card {
    background: #0a0a0a;
    border: 1px solid #1a3a1a;
    transition: border-color 0.3s;
}
.file-card:hover { border-color: #33ff33; }
.file-card.active {
    border-color: #33ff33;
    box-shadow: 0 0 10px #33ff3320;
}

/* Zenon box (story intro) — ai_analyst + email_outreach */
.zenon-box {
    background: #0a1a0a;
    border: 1px solid #1a5a1a;
    border-left: 3px solid #33ff33;
}