/* Icons keep their native transparent artwork and open/running indicators. */
#dock > .dock-item {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: none;
}
#dock > .dock-item img { -webkit-user-drag: none; }
body.dock-reordering, body.dock-reordering * { cursor: grabbing !important; }
body.dock-reordering .dock-zone .dock { overflow: visible; }
body.dock-reordering .dock-item .app-glyph { transform: none !important; transition: none !important; }
#dock > .dock-order-placeholder { opacity: .22; outline: 1px dashed var(--accent); outline-offset: -2px; border-radius: 12px; }
.dock-order-ghost {
  position: fixed;
  z-index: 150;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  pointer-events: none !important;
  opacity: .96;
  color: var(--dock-ink);
  filter: drop-shadow(0 6px 10px #0005) drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 55%, transparent));
}
.dock-order-ghost .app-glyph { flex-shrink: 0; transform: none !important; transition: none !important; }
.dock-order-ghost .app-glyph::before, .dock-order-ghost .app-glyph::after { opacity: 0 !important; animation: none !important; }
.dock-order-ghost .dock-label { font-size: 12px; font-weight: 600; color: var(--dock-ink); text-shadow: 0 1px 4px #0008; white-space: nowrap; }
body[data-tone="light"] .dock-order-ghost .dock-label { text-shadow: 0 1px 4px #fff9; }