.aadhaar-photo {
  width: 100px;
  height: auto;
}

.aadhaar-data {
  .address-fields {
    .address-line {
      margin-bottom: calc(var(--font-size) * 0.25);

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

.document-files {
  display: flex;
  flex-direction: column;
  gap: calc(var(--font-size) * var(--theme-line-height-base));
}

.document-file {
  .file-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: calc(var(--font-size) * 0.5);
    padding-bottom: calc(var(--font-size) * 0.25);
    border-bottom: 1px solid var(--theme-border-subdued);

    .file-name {
      font-weight: 600;
    }

    .file-action {
      font-size: calc(var(--font-size) * 0.875);
    }
  }
}

.file-preview {
  background: var(--theme-button-background);
  box-shadow: inset 0 0 0 1px var(--theme-border);

  &.pdf-preview {
    padding: 0;
  }
}

.file-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: calc(var(--font-size) * var(--theme-line-height-base));
  text-align: center;
  color: var(--theme-border);

  .loader-gif {
    image-rendering: pixelated;
    width: 32px;
    height: 32px;
    margin-top: calc(var(--font-size) * 0.5);
  }
}

.image-container {
  position: relative;
  padding: calc(var(--font-size) * 0.5);

  &.hidden {
    display: none;
  }

  .preview-image {
    max-width: 100%;
    max-height: 600px;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
  }

  .rotate-button {
    position: absolute;
    top: calc(var(--font-size) * 0.5);
    right: calc(var(--font-size) * 0.5);
  }
}

.pdf-frame {
  width: 100%;
  height: 600px;
  border: none;
  display: block;
}

.pdf-fallback {
  padding: calc(var(--font-size) * var(--theme-line-height-base));
  text-align: center;
}
