/* Load AFTER styles.css. Rules are active only while the factory is mounted. */
.desktop-icons-enabled > .desktop-icons-managed {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  pointer-events: none;
  z-index: 0;
}
.desktop-icons-managed .desktop-icon {
  position: absolute;
  width: 98px;
  height: 100px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  box-sizing: border-box;
  pointer-events: auto;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  /* Never interpolate positions: selected groups must keep identical offsets. */
  transition: background .16s, box-shadow .16s, border-color .16s;
}
.desktop-icons-managed .desktop-icon:active { transform: none; }
.desktop-icons-managed .desktop-icon.selected {
  background: rgba(213, 229, 255, .67);
  border-color: rgba(66, 112, 213, .65);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3);
}
.desktop-icons-managed .desktop-icon:focus-visible {
  outline: 2px solid #416bd5;
  outline-offset: -3px;
}
.desktop-icons-managed .desktop-icon-dragging { cursor: grabbing; }
.desktop-icons-enabled > .desktop-selection-rectangle {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border: 1px solid #4775da;
  background: rgba(74, 126, 230, .18);
  box-sizing: border-box;
}
/* Base mobile icons used z-index:1. Keep icons/rectangle below both welcome
   content and all app windows (whose existing z-index starts at 1). */
.desktop-icons-enabled > .welcome-card { z-index: 1; }
.desktop-icons-gesturing,
.desktop-icons-gesturing * {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.desktop-icons-enabled:focus { outline: none; }
@media (forced-colors: active) {
  .desktop-icons-managed .desktop-icon.selected { border-color: Highlight; }
  .desktop-icons-enabled > .desktop-selection-rectangle { border-color: Highlight; }
}