/* V472: Preview Size controls a fixed card width. Item count must never shrink cards. */

/* Models library */
.manager-grid {
  grid-template-columns: repeat(auto-fill, var(--preview-card-width)) !important;
  grid-auto-columns: var(--preview-card-width);
  justify-content: start;
  align-content: start;
  align-items: start;
}

.manager-card {
  width: var(--preview-card-width);
  min-width: var(--preview-card-width);
  max-width: var(--preview-card-width);
}

.manager-card .card-body {
  min-height: 78px;
  background: linear-gradient(180deg, #151b26 0%, #0f141d 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.manager-card .card-title-row,
.manager-card .card-title,
.manager-card .card-meta {
  flex: 0 0 auto;
}

/* Line Drawings library */
#grid {
  grid-template-columns: repeat(auto-fill, var(--card, 260px)) !important;
  grid-auto-columns: var(--card, 260px);
  justify-content: start;
  align-content: start;
  align-items: start;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

#grid .card,
#grid .folder-card {
  width: var(--card, 260px);
  min-width: var(--card, 260px);
  max-width: var(--card, 260px);
}

#grid .card {
  display: flex;
  flex-direction: column;
}

#grid .card .thumb {
  flex: 0 0 auto;
  width: 100%;
}

#grid .card .card-info {
  flex: 0 0 auto;
  min-height: 68px;
  background: #121923;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#grid .card .card-name,
#grid .card .meta {
  display: block;
  width: 100%;
  min-width: 0;
}

@media (max-width: 680px) {
  .manager-grid,
  #grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .manager-card,
  #grid .card,
  #grid .folder-card {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}