/* Music Library Layout Styles */

/* Desktop flex layout */
@media (min-width: 1024px) {
  /* Container should be flex */
  [data-controller="music-library"] {
    display: flex !important;
  }

  /* Main content should take remaining space */
  main {
    flex: 1 !important;
    min-height: 0 !important;
  }
}

/* Piece selection checkboxes: show on hover or when selection is active */
.piece-checkbox {
  opacity: 0;
  transition: opacity 150ms;
}

.piece-checkbox:has(input:checked),
.piece-selection-active .piece-checkbox,
div:hover > .piece-checkbox {
  opacity: 1;
}

/* On touch devices, always show checkboxes when selection is active */
@media (hover: none) {
  .piece-selection-active .piece-checkbox {
    opacity: 1;
  }
}