/* ============================================================
   Sekwencja startu komputera
   Kolory i proporcje z konsoli VGA: bursztyn na czerni w BIOS-ie,
   biel w DOS-ie, blekit w menedzerze plikow.
   ============================================================ */

#boot{
  position: fixed; inset: 0; z-index: 99998;
  background: #000;
  display: flex; align-items: stretch;
  opacity: 1;
  transition: opacity .6s ease;
}
#boot.out{ opacity: 0; pointer-events: none; }

.boot-screen{
  flex: 1;
  padding: 26px 34px;
  overflow: auto;
  font: 15px/1.35 "Consolas", "Courier New", monospace;
  white-space: pre;
  letter-spacing: .5px;
}
.boot-screen.post{ color: #d8d8d8; }
.boot-screen.dos { color: #d8d8d8; }
.boot-screen.win { padding: 0; display: grid; place-items: center; }

.boot-line{ min-height: 1.35em; }
.boot-line.hint{ color: #6b8f6b; }

/* migajacy kursor w wierszu polecen */
.boot-input .caret{ animation: bcaret 1s steps(1) infinite; }
@keyframes bcaret{ 50%{ opacity: 0; } }

/* ---------- Flies Commander ---------- */
.boot-screen.fc{ padding: 0; background: #0000aa; color: #d8d8d8; }
.fc-wrap{ height: 100%; display: flex; flex-direction: column; padding: 8px; }
.fc-panes{ flex: 1; display: flex; gap: 8px; min-height: 0; }

.fc-pane{
  flex: 1; min-width: 0; overflow: auto;
  border: 2px solid #55ffff; padding: 2px 4px;
  background: #0000aa;
}
.fc-pane.on{ border-color: #ffffff; }
.fc-path{
  color: #ffff55; border-bottom: 1px solid #5555aa;
  margin-bottom: 3px; padding-bottom: 2px;
}
.fc-row{ display: flex; justify-content: space-between; gap: 12px; }
/* zaznaczenie jak w konsoli: inwersja kolorow, nie ramka */
.fc-row.sel{ background: #00aaaa; color: #000; }

.fc-hint{ color: #aaaaaa; padding: 6px 4px 2px; font-size: 13px; }
.fc-keys{
  display: flex; gap: 10px; flex-wrap: wrap;
  background: #00aaaa; color: #000; padding: 3px 6px; font-size: 13px;
}
.fc-keys b{ color: #fff; background: #000; padding: 0 3px; margin-right: 3px; }

/* ---------- ekran ladowania systemu ---------- */
.boot-splash{ text-align: center; color: #fff; }
.bs-logo{
  font: bold 46px "Segoe UI", Tahoma, sans-serif;
  letter-spacing: -1px; margin-bottom: 28px;
}
.bs-bar{
  width: 240px; height: 14px; margin: 0 auto;
  border: 2px solid #7f9db9; border-radius: 3px;
  overflow: hidden; background: #10131a;
}
/* trzy kwadraciki jadace w kolko - tak wygladal pasek postepu z epoki */
.bs-bar i{
  display: block; width: 60px; height: 100%;
  background: repeating-linear-gradient(90deg,
    #3a6ea5 0 14px, transparent 14px 20px);
  animation: bsrun 1.6s linear infinite;
}
@keyframes bsrun{ from{ transform: translateX(-60px); } to{ transform: translateX(240px); } }
.bs-note{ margin-top: 26px; font: 13px Tahoma, sans-serif; color: #9ab; }