/* Attachment lightbox — native <dialog> preview with view/download actions. */
.lightbox {
  border: none;
  background: transparent;
  padding: 0;
  max-width: 92vw;
  max-height: 92vh;
  color: var(--text);
}
.lightbox::backdrop { background: rgba(0, 0, 0, 0.75); }

.lightbox-inner {
  background: var(--surface);
  border: 1px solid var(--border-mid);
  border-radius: var(--radius-lg);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lightbox-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}
.lightbox-image {
  max-width: 100%;
  max-height: 74vh;
  border-radius: var(--radius-md);
  object-fit: contain;
}
.lightbox-fileicon { color: var(--text-muted); padding: 26px; }

.lightbox-name {
  margin: 0;
  font-size: 13px;
  color: var(--text-muted);
  text-align: center;
  word-break: break-all;
}

.lightbox-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media (max-width: 560px) {
  .lightbox-actions { justify-content: stretch; }
  .lightbox-actions .btn { flex: 1; justify-content: center; }
}