/* flaskapp/static/css/image_sizer.css */
/* Common sizing rules for image previews in docs modals */

/* Container for any stamp / signature / image preview */
.doc-signature-box,
.doc-image-box {
  display: block;
  padding: 0.5rem;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);

  /* constrain height so large PNGs / JPGs don’t overflow */
  max-height: 200px;
  overflow: hidden;
}

/* Actual preview <img> inside the container */
.doc-signature-preview,
.doc-image-preview {
  display: block;
  max-width: 100%;
  max-height: 180px;
  width: 100%;
  height: auto;
  object-fit: contain; /* keep full image visible inside the box */
}