/* Option C centered dock study: preserve Menu, quick launch, window switching,
   clock, accessibility labels, original icons, and desktop interactions.
   Only taskbar colors, proportions, and the Show Desktop control change. */
#computer{
  min-height:0;
  background:
    radial-gradient(ellipse at 16% 9%,rgba(96,59,103,.30),transparent 57%),
    linear-gradient(118deg,#3E3546 0%,#38313F 46%,#2E323D 100%);
}
#desktop{background:transparent}
#taskbar{
  position:relative;
  flex:0 0 55px;
  height:55px;
  align-self:center;
  margin:7px auto max(10px,env(safe-area-inset-bottom,0px));
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  box-sizing:border-box;
  color:#F5F3F7;
}
#start-button{
  flex:0 0 auto;
  align-self:center;
  height:38px;
  min-width:92px;
  border:1px solid #97749A;
  border-radius:11px;
  padding:0 12px;
  background:#603B67;
  color:#FFFFFF;
  box-shadow:none;
  font:700 13px Tahoma,Arial,sans-serif;
  text-shadow:none;
  transition:background .12s ease;
}
#start-button:hover,#start-button[aria-expanded="true"]{
  background:#714A77;
  box-shadow:none;
  transform:none;
}
#taskbar-windows{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  height:100%;
  gap:6px;
  align-items:center;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  touch-action:pan-x;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:0 3px;
}
#taskbar-windows::-webkit-scrollbar{display:none}
#taskbar-windows .task-window{
  flex:0 0 auto;
  min-width:72px;
  width:clamp(90px,12vw,156px);
  max-width:156px;
  height:38px;
  border:1px solid #766B73;
  border-radius:9px;
  background:#534B50;
  color:#F5F3F7;
  box-shadow:none;
  padding:0 9px;
  gap:7px;
}
#taskbar-windows .task-window.active{
  background:#EEE6EB;
  border-color:#E6D8E0;
  color:#603B67;
  box-shadow:inset 0 -2px #B8A2B7;
}
#taskbar-windows .task-window:hover{background:#685D63}
#taskbar-windows .task-window.active:hover{background:#F9F4F7}
#taskbar-windows .task-window img{
  width:23px;height:23px;flex:0 0 23px;
}
#taskbar-windows .task-window span{
  min-width:0;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#system-tray{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  height:38px;
  padding:0 7px;
  gap:8px;
  border:0;
  background:transparent;
  box-shadow:none;
  color:#C9BBC4;
  white-space:nowrap;
}
#system-tray .tray-dot{
  background:#BDA5BD;
  box-shadow:0 0 0 2px #5B465D;
}
#start-menu{
  max-height:calc(100% - 10px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
#start-button:focus-visible,
#taskbar-windows .task-window:focus-visible{
  outline:3px solid #E34D42;
  outline-offset:2px;
}
@media(max-width:740px){
  #taskbar{height:53px;flex-basis:53px;gap:5px;margin-top:6px;margin-bottom:max(8px,env(safe-area-inset-bottom,0px))}
  #start-button{min-width:45px;height:38px;padding:0 10px}
  #start-button>span:last-child{display:none}
  #taskbar-windows{gap:4px;padding:0 2px}
  #taskbar-windows .task-window{
    width:43px;min-width:43px;max-width:43px;height:38px;
    padding:0 8px;justify-content:center;
  }
  #taskbar-windows .task-window span{display:none}
  #taskbar-windows .task-window img{width:24px;height:24px;flex-basis:24px}
  #system-tray{padding:0 3px;font-size:10px;gap:0}
  #system-tray .tray-dot{display:none}
  #start-menu{left:8px;max-height:calc(100% - 6px)}
}
@media(prefers-reduced-motion:reduce){
  #start-button{transition:none}
}

/* Option C — unified centered floating dock, with warm graphite, plum,
   muted inactive tabs, and an off-white active state. */
#taskbar{
  width:min(820px,calc(100% - 28px));
  padding:7px 10px;
  border:1px solid #776B75;
  border-radius:18px;
  background:rgba(41,38,44,.97);
  box-shadow:0 9px 24px rgba(14,12,19,.31);
}
#start-menu{left:max(8px,calc((100% - 820px)/2))}
@media(max-width:740px){
  #taskbar{width:calc(100% - 14px);padding:6px;border-radius:14px}
  #start-menu{left:8px}
}