/* fixed win95-ish taskbar */
#taskbar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  height: 36px;
  background: #c0c0c0;
  border-top: 2px solid #808080;
  display: flex; align-items: center; gap: 8px;
  padding: 4px 6px;
  z-index: 10000;
  font-family: inherit;
}
#taskbar img { 
  width: 20px; 
  height: 20px; 
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  vertical-align: middle;
  margin-right: 6px;
  image-rendering: -moz-crisp-edges;
}

#start-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  cursor: pointer;
  background: #e0e0e0;
  border: 2px outset #fff;
  font-weight: 600;
  font-family: "MS Sans Serif", Tahoma, sans-serif;
}
#start-btn:active { border-style: inset; }
#start-btn span { font-size: 14px; }
/* start menu panel */
#start-menu {
  position: fixed;
  bottom: 36px; left: 6px;
  width: 220px;
  background: #e0e0e0;
  border: 2px outset #fff;
  box-shadow: 0 0 0 1px #808080 inset;
  z-index: 10001;
  overflow: hidden; 
}
#start-menu ul { list-style: none; margin: 0; padding: 6px; }
#start-menu li { margin: 0; padding: 0; }

/* items */
#start-menu a,
#start-menu button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 6px 8px;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  font: inherit;
  outline: none;
}
#start-menu a:hover,
#start-menu button:hover { background: #c8defc; }

/* separator */
#start-menu .sep { height: 1px; margin: 6px 0; background: #999; }

/* dark mode variants */
.theme-dark #taskbar { background:#2a2e35; border-top-color:#0d0f12; }
.theme-dark #start-btn { background:#3b4048; }
.theme-dark #start-menu { background:#3a3f47; box-shadow: 0 0 0 1px #0d0f12 inset; }
.theme-dark #start-menu a:hover,
.theme-dark #start-menu button:hover { background:#2a2e35; }

/* task buttons */
#task-buttons {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  height: 100%;
}

.task-button {
  display: inline-flex;
  align-items: center;
  max-width: 220px;
  height: 28px;
  padding: 0 10px;
  background: #e0e0e0;
  border: 2px outset #fff;
  cursor: pointer;
  font: inherit;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.task-button:active { border-style: inset; }
.task-button.active { border-style: inset; background: #d8d8d8; }
.task-button .icon {
  width: 16px; height: 16px; margin-right: 6px;
  image-rendering: pixelated; image-rendering: crisp-edges; vertical-align: middle;
}
.task-button .label { overflow: hidden; text-overflow: ellipsis; }

/* dark */
.theme-dark .task-button { background:#3b4048; }
.theme-dark .task-button.active { background:#333841; }