/* assets/app.css */

/* Algemene layout */
body {
  background: #f6f7fb;
}

.page-wrap {
  padding-top: 24px;
  padding-bottom: 48px;
}

/* Cards */
.card-clean {
  border: 0;
  box-shadow: 0 6px 22px rgba(15, 23, 42, 0.08);
  border-radius: 14px;
}

/* Tabellen */
.table thead th {
  white-space: nowrap;
}

/* Thumbnail grid */
.thumb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 16px;
}

.thumb-card img {
  border-radius: 10px;
}

/* Small helpers */
.text-muted-sm {
  font-size: 0.875rem;
  color: #6c757d;
}

.badge-soft {
  background: rgba(13,110,253,.1);
  color: #0d6efd;
  border: 1px solid rgba(13,110,253,.2);
}

/* Alerts spacing */
.alert { margin-bottom: 16px; }