/* RobotArtwork — base styles. Bootstrap 5 does 95% of the work. */

:root {
  --ra-brand: #6f42c1;
}

.navbar-brand .bi-robot { color: var(--ra-brand); }

.hero {
  padding: 4rem 0 3rem;
  background: linear-gradient(135deg, rgba(111, 66, 193, 0.08), rgba(13, 110, 253, 0.04));
  border-radius: 1rem;
}

.stat-card { border: 1px solid var(--bs-border-color); }
.stat-card .stat-value { font-size: 2rem; font-weight: 700; }

/* Gallery grid ready for Phase 2 */
.artwork-card { overflow: hidden; transition: transform .15s ease; }
.artwork-card:hover { transform: translateY(-2px); }
.artwork-card img {
  width: 100%; height: 220px; object-fit: cover; background: var(--bs-secondary-bg);
}

/* Form error */
.form-error { color: var(--bs-danger); font-size: .875rem; margin-top: .25rem; }

/* Lazy-loaded blurhash placeholders */
.img-lazy { background: var(--bs-secondary-bg); min-height: 100px; }

/* Admin */
.admin-sidebar {
  background: var(--bs-body-tertiary);
  min-height: calc(100vh - 56px);
  border-right: 1px solid var(--bs-border-color);
}
.admin-sidebar .nav-link { border-radius: 0; padding: .6rem 1rem; }
.admin-sidebar .nav-link.active {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
}