/* XP Taskbar (decorative) */

.xp-taskbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--taskbar-height);
  background: linear-gradient(180deg, var(--xp-blue) 0%, color-mix(in srgb, var(--xp-blue), white 20%) 4%, var(--xp-blue) 6%, var(--xp-blue-mid) 50%, color-mix(in srgb, var(--xp-blue), black 30%) 95%, color-mix(in srgb, var(--xp-blue), black 30%) 100%);
  display: flex;
  align-items: stretch;
  z-index: 9999;
  font-family: var(--font-system);
  box-shadow: 0 -1px 4px var(--shadow-md);
  border-top: 1px solid color-mix(in srgb, var(--xp-blue), white 20%);
}

/* Start button */

.xp-start-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 12px 0 6px;
  background: linear-gradient(180deg, var(--accent-green) 0%, var(--accent-green) 8%, var(--accent-green) 12%, var(--slider-thumb-border) 80%, var(--slider-thumb-border) 100%);
  border-right: 1px solid var(--slider-thumb-border);
  border-radius: 0 8px 8px 0;
  cursor: default;
  user-select: none;
  height: 100%;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

/* Windows logo */

.xp-win-logo {
  display: grid;
  grid-template-columns: 8px 8px;
  grid-template-rows: 8px 8px;
  gap: 1px;
  transform: rotate(-4deg);
}

.win-logo-red { background: var(--accent-red); border-radius: 1px 0 0 0; }
.win-logo-green { background: var(--accent-green); border-radius: 0 1px 0 0; }
.win-logo-blue { background: var(--accent-blue); border-radius: 0 0 0 1px; }
.win-logo-yellow { background: color-mix(in srgb, var(--warning-bg), white 25%); border-radius: 0 0 1px 0; }

.xp-start-text {
  color: var(--text-white);
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  letter-spacing: 0.5px;
}

/* Taskbar middle */

.xp-taskbar-middle { flex: 1; }

/* System tray */

.xp-systray {
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: linear-gradient(180deg, var(--accent-blue) 0%, var(--xp-blue-mid) 100%);
  border-left: 1px solid var(--xp-blue-mid);
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.1);
}

.xp-clock {
  color: var(--text-white);
  font-size: 11px;
  font-family: var(--font-system);
  text-shadow: 0 1px 1px var(--shadow-md);
  letter-spacing: 0.3px;
}