/* ═══════════════════════════════════════════════════════════════════════
   OS-authentic terminal skins — shared by mission.html and index.html's
   live demo, so a Kali/CMD/PowerShell mission's terminal looks like that
   system wherever it appears. Set [data-os="kali"|"cmd"|"powershell"] on
   the card that contains the .term (see terminal-skins.js applyOsSkin()).
   No attribute = the app's own neutral terminal.

   Only the terminal body, its prompt and the small badge in the card
   header change; the card itself stays the app's own. Colours are fixed
   hex: a real Kali/CMD/PowerShell window looks the same in either theme.
   ═══════════════════════════════════════════════════════════════════════ */
.osbadge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;margin-inline-start:6px;border-radius:999px;
  font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2)}
.osbadge .oi{font-size:13px;line-height:1}

/* A large, faint watermark of the same generic glyph in the terminal's corner (emoji, not any
   vendor's trademarked logo artwork). */
[data-os] .term{position:relative}
[data-os] .term .oswatermark{position:absolute;bottom:8px;inset-inline-end:12px;font-size:56px;opacity:.06;pointer-events:none;line-height:1;user-select:none}

[data-os="kali"] .osbadge{background:#E8F5FD;color:#0B5E8A;border-color:#B6DDF3}
[data-os="kali"] .term{background:#0A0E14;border-color:#1B2A3A}
[data-os="kali"] .term,[data-os="kali"] .prompt input{color:#D7ECFA}
[data-os="kali"] .prompt .ps{color:#4FC3F7}
[data-os="kali"] .term .cursor{background:#4FC3F7}
[data-os="kali"] .prompt input{caret-color:#4FC3F7}
[data-os="kali"] .term .hist .cmdline-hist{color:#B5DDF3}
[data-os="kali"] .term .cmt{color:#5f86a0}

[data-os="cmd"] .osbadge{background:#EEF1F8;color:#1E3A7B;border-color:#C9D3EA}
[data-os="cmd"] .term{background:#0C0C0C;border-color:#262626}
[data-os="cmd"] .term,[data-os="cmd"] .prompt .ps,[data-os="cmd"] .prompt input{color:#CCCCCC}
[data-os="cmd"] .term .cursor{background:#CCCCCC}
[data-os="cmd"] .prompt input{caret-color:#CCCCCC}
[data-os="cmd"] .term .hist .cmdline-hist{color:#CCCCCC}
[data-os="cmd"] .term .hist .cmdline-hist.out{color:#8a8a8a}
[data-os="cmd"] .term .cmt{color:#767676}

[data-os="powershell"] .osbadge{background:#EAF0FB;color:#0D3A7A;border-color:#C3D3F0}
[data-os="powershell"] .term{background:#012456;border-color:#0B2F66}
[data-os="powershell"] .term,[data-os="powershell"] .prompt input{color:#EEF0F5}
[data-os="powershell"] .prompt .ps{color:#F4D160}
[data-os="powershell"] .term .cursor{background:#fff}
[data-os="powershell"] .prompt input{caret-color:#fff}
[data-os="powershell"] .term .hist .cmdline-hist{color:#d3d7e8}
[data-os="powershell"] .term .hist .cmdline-hist.out{color:#9aa0c0}
[data-os="powershell"] .term .cmt{color:#7a82ab}

/* badges in the dark theme */
:root[data-theme="dark"] [data-os] .osbadge{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-os] .osbadge{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}}