/* ═══════════════════════════════════════════════════════════════
   OrexOS Boot Styles v3.0 — ТОЛЬКО стили загрузчика
   Содержит: BIOS screen, Boot screen, BSOD, Recovery console.

   Стили интерфейса ОС (рабочий стол, окна, таскбар и т.д.)
   хранятся в /system/config/style.css и загружаются ядром.
═══════════════════════════════════════════════════════════════ */

/* ── Reset ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }

body {
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    background: #000;
    cursor: default;
    user-select: none;
}

/* ── BIOS Screen ────────────────────────────────────────────── */
#bios-screen {
    position: fixed;
    inset: 0;
    background: #000;
    color: #aaa;
    font-family: 'Courier New', Courier, monospace;
    font-size: 13px;
    padding: 16px 20px;
    z-index: 99999;
    overflow: auto;
}
.bios-line { line-height: 1.6; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
.bios-blink { animation: blink 1s infinite; color: #ff0; }

/* ── Boot Progress Screen ───────────────────────────────────── */
#boot-screen {
    position: fixed;
    inset: 0;
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99998;
}
.boot-logo  { font-size: 72px; animation: bootPulse 1.5s ease-in-out infinite; }
@keyframes bootPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
.boot-title { color: #fff; font-size: 22px; margin: 14px 0 6px; font-family: 'Courier New', monospace; }
.boot-ver   { color: #808080; font-size: 12px; margin-bottom: 28px; }
.boot-bar-bg {
    width: 280px; height: 20px;
    background: #111;
    border: 2px solid #555;
}
.boot-bar-fill {
    height: 100%;
    background: #000080;
    width: 0;
    transition: width 0.15s;
}
#boot-status { color: #808080; font-size: 11px; margin-top: 10px; min-height: 16px; }

/* ── BSOD ───────────────────────────────────────────────────── */
#bsod {
    position: fixed;
    inset: 0;
    background: #000080;
    color: #fff;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    padding: 40px 60px;
    z-index: 999999;
    line-height: 1.8;
    cursor: pointer;
}
.bsod-header {
    font-size: 18px;
    background: #fff;
    color: #000080;
    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 24px;
}
.bsod-code { color: #fff; font-size: 12px; }

/* ── Crash shake animation ──────────────────────────────────── */
@keyframes shake {
    0%,100%{transform:translate(0)}
    20%{transform:translate(-4px,2px)}
    40%{transform:translate(4px,-2px)}
    60%{transform:translate(-2px,4px)}
    80%{transform:translate(2px,-3px)}
}
body.crashed { animation: shake 0.08s infinite; filter: contrast(1.8) hue-rotate(80deg); }

/* ── Boot Menu Screen ───────────────────────────────────────── */
#boot-menu-screen {
    position: fixed;
    inset: 0;
    background: #0000aa;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    font-family: 'Courier New', Courier, monospace;
}

.bm-box {
    background: #000;
    color: #ccc;
    border: 4px double #ccc;
    width: 600px;
    padding: 2px;
}

.bm-title {
    text-align: center;
    background: #ccc;
    color: #000;
    font-weight: bold;
    padding: 2px 0;
    margin-bottom: 20px;
}

.bm-options {
    padding: 0 40px 20px 40px;
}

.bm-opt {
    padding: 4px 10px;
    margin-bottom: 4px;
    cursor: default;
}

.bm-opt.active {
    background: #ccc;
    color: #000;
}

.bm-opt.disabled {
    color: #555;
}

.bm-footer {
    border-top: 1px solid #555;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    color: #aaa;
    line-height: 1.5;
}