/* WinRetro95 Simulator - style.css */
.winretro-root { --taskbar:#000080; font-family: Tahoma, "MS Sans Serif", sans-serif; position: relative; }
.winretro-boot { position: fixed; inset:0; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; z-index:9999; }
.boot-inner { text-align:center; }
.boot-logo { font-weight:bold; font-size:20px; margin-bottom:8px; }
.boot-sub { color:#ccc; margin-bottom:8px; }
.boot-progress { width:320px; height:12px; background:#333; margin:0 auto; border:2px solid #666; }
.boot-progress .bar { height:100%; width:0%; background:#00ff00; transition: width 0.8s linear; }
.btn { margin-top:10px; padding:6px 8px; cursor:pointer; }

/* Desktop */
.hidden { display:none; }
.winretro-desktop { min-height:60vh; background:linear-gradient(135deg,#9db,#8ca); position:relative; overflow:hidden; }
.wallpaper { position:absolute; inset:0; background-image: linear-gradient(45deg,#b0c,#9bd); opacity:0.12; }

/* Icons */
.icons { position:absolute; left:18px; top:18px; display:flex; flex-direction:column; gap:12px; z-index:10; }
.icon { width:88px; cursor:pointer; text-align:center; user-select:none; }
.icon-img { font-size:28px; }
.icon-label { font-size:12px; }

/* Windows */
.winretro-windows .window { position:absolute; width:520px; height:340px; background:#fff; border:2px solid #000; box-shadow:4px 4px 0 rgba(0,0,0,0.2); z-index:20; }
.win-title { display:flex; align-items:center; justify-content:space-between; background:linear-gradient(#000080,#000060); color:#fff; padding:4px 8px; font-size:13px; cursor:move; }
.win-body { padding:10px; height:calc(100% - 34px); overflow:auto; background:#eee; }

/* Taskbar */
.winretro-taskbar { position:fixed; left:0; right:0; bottom:0; height:40px; background:var(--taskbar); color:#fff; display:flex; align-items:center; padding:6px; gap:8px; z-index:999; }
.start-btn { background:#c0c0c0; color:#000; border:1px solid #666; padding:6px 10px; cursor:pointer; }

/* Start menu */
.startmenu { position:fixed; bottom:48px; left:6px; width:220px; background:#e0e0e0; border:2px solid #000; z-index:1000; padding:6px; }
.startmenu ul { list-style:none; margin:0; padding:0; }
.startmenu li { padding:8px; cursor:pointer; border-bottom:1px solid #ccc; }

/* Screensaver */
.screensaver { position:fixed; inset:0; background:#000; color:#0f0; display:flex; align-items:center; justify-content:center; font-size:28px; z-index:10000; }

/* Responsive */
@media (max-width:600px){
  .winretro-windows .window { width:92%; height:62%; left:4% !important; top:10% !important; }
  .icons { left:8px; top:8px; }
}
