/* Exhibit Stamps — exhibit-specific styles. The two-pane config, preview frame, position
   grid and stamp overlay are shared with Bates (.bates-* classes in styles/bates.css);
   this file only adds the row label badge, toggles, and multi-output list. No new
   keyframes — entrances ride the shared .kp-enter / kpRise via the config card. */

.exhibit-row .exhibit-row-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.exhibit-row .file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.exhibit-label-badge {
  flex: 0 0 auto;
  font-size: 12px; font-weight: 700; letter-spacing: .2px;
  color: var(--primary); background: var(--primary-soft, rgba(14,116,144,.12));
  border-radius: 6px; padding: 2px 8px; white-space: nowrap;
}

.exhibit-row-sub { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 4px; }
.exhibit-desc-field { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
.exhibit-desc-field input { min-width: 200px; }

.exhibit-toggles { display: flex; flex-direction: column; gap: 10px; }

.exhibit-out-list { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.exhibit-out-row { display: flex; align-items: center; gap: 10px; }
.exhibit-out-name { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

/* Live-preview mock of the classic gummed exhibit sticker. The bake-in version is drawn
   by exhibit-engine.drawSticker; this WYSIWYG twin rides the preview overlay. */
.exhibit-pv-sticker {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  background: #fef08a;
  border-style: solid;
  border-color: #ca8a04;
  border-radius: 3px;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(120, 80, 0, .4);
}
.exhibit-pv-sticker .exhibit-pv-h {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: .12em;
  color: #854d0e;
  white-space: nowrap;
}
.exhibit-pv-sticker .exhibit-pv-rule { width: 100%; height: 1px; background: #ca8a04; opacity: .55; }
.exhibit-pv-sticker .exhibit-pv-tok {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 640px) {
  .exhibit-desc-field input { min-width: 0; width: 100%; }
  .exhibit-desc-field { width: 100%; }
}