/* Small gallery enhancements: model badge, image fade-in */
.card-model {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(16,16,24,0.7);
  color: #fff;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 0.72rem;
  z-index: 40;
  max-width: 68%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  backdrop-filter: blur(4px);
}

.image-card img {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
}
.image-card img.loaded {
  opacity: 1;
  transform: translateY(0);
}

/* Slightly brighten the overlay for readability */
.card-overlay {
  position: absolute;
  top: 36px; right: 8px;

/* Ensure badges are legible on small screens */
@media (max-width: 600px) {
  .card-model { font-size: 0.65rem; padding: 3px 6px; }
}

/* Model select styling */
#modelFilter {
  background: transparent;
  border: 1px solid var(--border2);
  color: var(--muted);
  padding: 0.36rem 0.6rem;
  border-radius: 8px;
  font-size: 0.9rem;
  min-width: 160px;
}

#gallerySearch {
  background: transparent;
  border: 1px solid var(--border2);
  color: var(--text);
  padding: 0.36rem 0.6rem;
  border-radius: 8px;
  font-size: 0.95rem;
  min-width: 280px;
}

/* Favorite button on cards */
.card-fav{
  position:absolute; top:8px; right:8px; z-index:45; border:none; background:rgba(0,0,0,0.45); color:#fff; padding:4px 8px; border-radius:8px; cursor:pointer; font-size:0.95rem;
}
.card-fav:focus{ outline:3px solid rgba(108,99,255,0.14); }
.card-fav.fav-on{ background: linear-gradient(90deg,var(--accent),var(--cyan)); color:#fff; }

/* Admin modal */
.admin-modal { background: rgba(0,0,0,0.6); }
.admin-panel { max-width: 520px; width: 100%; box-sizing: border-box; }
.admin-panel .lb-close { position: absolute; right: 12px; top: 12px; width:32px; height:32px; border-radius:8px; background: rgba(0,0,0,0.45); border:1px solid var(--border2); color:var(--muted); }
.admin-panel .lb-close:hover { color: var(--text); background: var(--bg3); }
.admin-panel label { font-size: 0.9rem; }
.admin-panel select, .admin-panel input[type=number] { font-size: 0.95rem; }