/* Reset */
* {
  box-sizing: border-box;
}

/* Full screen desktop */
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Tahoma, Geneva, sans-serif;
  overflow: hidden;
  user-select: none;
}

#desktop {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: url('726999-windows-xp-desktop-backgrounds-1920x1200-for-4k-monitor.jpg') no-repeat center center fixed;
  background-size: cover;
}

/* Desktop icons */
.icon {
  width: 80px;
  color: white;
  text-align: center;
  cursor: pointer;
  user-select: none;
  position: relative;
  margin: 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 2px black;
}

.icon img {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto 5px;
}

/* Taskbar */
#taskbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #003399;
  display: flex;
  align-items: center;
  padding: 0 8px;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

/* Start button */
#start-button {
  background: linear-gradient(to bottom, #1a4a9f, #12387a);
  border: 1px solid #0a3059;
  border-radius: 4px;
  color: white;
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  font-weight: bold;
  user-select: none;
  box-shadow: 0 2px 0 #274e9a;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  min-width: 80px;
  margin-right: 10px;
}

#start-button:hover {
  background: linear-gradient(to bottom, #2e6fce, #1753a1);
}

#start-logo {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  object-fit: contain;
}

/* Taskbar apps */
#taskbar-apps {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  height: 30px;
}

/* Taskbar app buttons */
.taskbar-app-btn {
  background: linear-gradient(to bottom, #3c7dcf, #2a5cae);
  border: 1px solid #0a3059;
  border-radius: 3px;
  color: white;
  padding: 2px 8px;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  user-select: none;
  box-shadow: 0 2px 0 #1d4b9e;
  white-space: nowrap;
}

.taskbar-app-btn:hover {
  background: linear-gradient(to bottom, #5a8ce6, #3f6ecd);
}

.taskbar-app-btn img {
  width: 16px;
  height: 16px;
}

/* System tray */
#system-tray {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  min-width: 110px;
  user-select: none;
  color: white;
}

/* Clock */
#clock {
  min-width: 70px;
  text-align: center;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: bold;
  user-select: none;
}

/* Start Menu */
#start-menu {
  position: fixed;
  bottom: 40px;
  left: 10px;
  width: 180px;
  background: #0078d7;
  border: 2px solid #005a9e;
  border-radius: 4px;
  color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  user-select: none;
  z-index: 200;
}

#start-menu ul {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}

#start-menu li {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #005a9e;
  transition: background 0.2s;
}

#start-menu li:hover {
  background: #005a9e;
}

.hidden {
  display: none;
}