@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

.admin-toast {
  position: fixed;
  top: 80px;
  right: 24px;
  z-index: 2000;
  display: none;
  min-width: 240px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

a.stat-link {
  color: inherit;
  text-decoration: none;
}

a.stat-link:hover {
  text-decoration: none;
}

.cover-preview,
.image-grid img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #ebedf2;
}

.image-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.image-item {
  position: relative;
}

.image-item button {
  position: absolute;
  top: 4px;
  right: 4px;
}

.table td {
  vertical-align: middle;
}

.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.filter-bar .form-control {
  max-width: 220px;
}

.pager-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

.login-error {
  display: none;
}