/* Admin-specific polish on top of modern.css */

.lbl { display:flex; flex-direction:column; gap:6px; color:var(--muted); }
.lbl input, .lbl select {
  background: #0e121a; border:1px solid rgba(255,255,255,.12); color:var(--text);
  border-radius: 8px; padding: .55rem .7rem; outline: none;
}
.lbl input:focus, .lbl select:focus { border-color: var(--brand); box-shadow: 0 0 0 4px var(--ring); }

.col { display:flex; flex-direction:column; gap:12px; }
.row { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }

.btn.sm { padding: .4rem .7rem; font-size: .92rem; }
.btn.danger { background: linear-gradient(180deg,#f24f64,#ff596e); box-shadow: 0 4px 14px rgba(255,89,110,.35); }

#imgGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}

.adm-card {
  display:flex; flex-direction:column;
  background:#0d1016; border:1px solid rgba(255,255,255,.06);
  border-radius: 10px; overflow:hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
.adm-card a { display:block; }
.adm-card img {
  display:block; width:100%;
  height: 180px; object-fit: cover; background:#0a0d12;
}
.adm-card .bar {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding: 8px 10px; border-top:1px solid rgba(255,255,255,.06);
}
.adm-card .name {
  font-size:.9rem; color:var(--muted);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:65%;
}

.pager { justify-content:center; margin-top:12px; }

#trashGrid { display:flex; flex-direction:column; gap:8px; }
.trash-row {
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:10px 12px; border:1px solid rgba(255,255,255,.06);
  background:#0d1016; border-radius:10px;
}
.trash-info { color:var(--muted); font-size:.95rem; overflow:auto; }
.trash-actions { display:flex; gap:8px; }