/* photo.am admin — light styling on top of Bootstrap */
body { background: #f6f7f9; }
.navbar-brand { font-weight: 700; letter-spacing: .02em; }
.btn-link.nav-link { border: 0; background: none; }

.card-thumb { width: 120px; height: 120px; object-fit: cover; border-radius: 6px; background:#eee; }
.thumb-sm { width: 84px; height: 84px; object-fit: cover; border-radius: 6px; background:#eee; }

.repeat-row { position: relative; }
.slot-badge { font-size: .75rem; }

/* Home-grid rows: keep the cell-type select compact beside the artist select. */
select.grid-size { flex: 0 0 6.5rem; }

/* Edit-page image previews: "Current → New" comparison, shown the moment a file is picked
   (admin.js fills the hidden [data-preview-new] figure from the file input, pre-upload). */
.thumb-compare { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.thumb-compare figure { margin: 0; text-align: center; }
.thumb-compare figcaption { margin-top: .15rem; }
.thumb-arrow { display: none; font-size: 1.4rem; color: #6b7280; }
[data-preview-scope].has-new .thumb-arrow { display: block; }
[data-preview-scope].has-new [data-preview-new] figcaption { color: #b45309; font-weight: 600; }

.artist-row td { vertical-align: middle; }
.help { color: #6b7280; font-size: .85rem; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

.login-wrap { max-width: 380px; margin: 8vh auto; }