/* ============================================================
   DESKTOP ICONS — draggable icon grid
============================================================ */
.icon-grid {
  position: absolute; inset:0;
}
.desk-icon {
  display: flex; flex-direction:column; align-items:center;
  gap: 5px; width:82px; cursor:pointer;
  padding: 8px 4px; border-radius:8px;
  border: 1px solid transparent;
  user-select: none;
  position: absolute;
  transition: border-color .15s, background .15s;
}
.desk-icon:hover {
  background: rgba(0,109,255,0.18);
  border-color: rgba(0,109,255,0.4);
}
.desk-icon.selected {
  background: rgba(0,109,255,0.28);
  border-color: var(--accent);
}
.desk-icon.dragging {
  opacity: .75; z-index:9500; cursor:grabbing;
}
.desk-icon .icon-img {
  width: 52px; height:52px; object-fit:contain;
  image-rendering: pixelated;
  filter: drop-shadow(0 0 6px rgba(0,120,255,0.5));
  pointer-events: none;
}
.icon-svg { width:52px; height:52px; flex-shrink:0; pointer-events:none; }
.desk-icon .icon-label {
  font-size: 7px; letter-spacing:1px;
  color: var(--text-muted); text-align:center;
  text-shadow: 0 1px 4px #000, 0 0 8px #000;
  word-break: break-word; line-height:1.4;
  max-width: 76px; pointer-events:none;
}
.desk-icon:hover .icon-label { color: var(--accent-hi); }