#uploadPreview .modal-dialog { max-width: 980px; }
#uploadPreview .modal-content { border: 0; border-radius: 1.25rem; overflow: hidden; }
#uploadPreview .modal-body { padding: 1.5rem; }
#uploadPreview .upload-preview-photo { position: relative; }
#uploadPreviewImage { width: 100%; max-height: 330px; object-fit: contain; background: #f5f7fa; }
#uploadChangePhoto { border-radius: 2rem; background: #fff; color: #0d6efd; font-weight: 600; }
#uploadPreview .upload-document { padding: 1rem; background: #f4f7fb; border-radius: .8rem; }
#uploadPreviewDocument { background: transparent; border: 0; padding: 0; font-weight: 600; }
#uploadPreview .upload-background-option { cursor: pointer; transition: border-color .15s; }
#uploadPreview .upload-background-option:has(input:checked) { border-color: #0d6efd !important; box-shadow: 0 0 0 1px #0d6efd; background: #f5f9ff; }
#uploadPreview .upload-background-option:focus-within { outline: 2px solid #0d6efd; outline-offset: 2px; }
#uploadPreview .upload-color-option { position: relative; text-align: center; }
#uploadPreview .upload-color-option .form-check-input { position: absolute; inset-inline-end: 6px; top: 3px; }
#uploadPreview .upload-background-swatch { width: 100%; height: 42px; object-fit: cover; }
#uploadPreview .modal-footer { padding: 1rem 1.5rem 1.5rem; }
#uploadPreviewSubmit { font-weight: 600; padding: .85rem; border-radius: .8rem; }
@media (max-width: 575.98px) {
    #uploadPreview .modal-dialog { margin: 0; }
    #uploadPreview .modal-content { border-radius: 0; }
    #uploadPreview .modal-body { padding: 1rem; }
    #uploadPreviewImage { max-height: 190px; width: auto; max-width: 100%; }
    #uploadPreview .upload-background-swatch { height: 36px; }
    #uploadPreview .modal-footer { padding: .75rem 1rem 1rem; }
}