/* Prévia criada pelo image-preview.js quando a tela não tem moldura própria.
   A legenda "Ainda não salva" existe porque a imagem aparece antes de salvar:
   sem ela, dá para fechar a tela achando que já ficou guardada. */
.upload-preview{display:block;margin:10px 0 0;max-width:260px}
.upload-preview img{display:block;width:100%;max-height:170px;object-fit:contain;border:1px solid #dce6e1;border-radius:10px;background:#f7faf9}
.upload-preview figcaption{margin-top:5px;color:#8a978f;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
/* Molduras existentes que ganham a prévia: a imagem nova entra no lugar da
   antiga e precisa preencher o espaço do mesmo jeito. */
.member-photo-field img[data-preview-created],
.email-image-preview img[data-preview-created],
.partner-logo-upload>div img[data-preview-created],
.site-media-field>div img[data-preview-created],
.logo-setting img[data-preview-created],
.favicon-setting img[data-preview-created]{width:100%;height:100%;object-fit:contain;background:#fff}

/* Botão de remover imagem — substitui a caixa de marcar que só surtia efeito ao
   salvar (o script esconde o rótulo original e mantém a caixa no documento,
   porque é ela que o servidor lê). Enquanto o formulário não é salvo, o botão
   vira "Desfazer": remover é destrutivo, e sem volta atrás um clique errado só
   apareceria depois de gravado. */
.image-remove-button{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:8px 12px;border:1px solid #f0d5d1;border-radius:9px;background:#fff5f4;color:#b1544a;font:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}
.image-remove-button:hover{background:#fdeceb;border-color:#e3b6b0}
.image-remove-button svg{width:14px;height:14px;flex:none}
.image-remove-button.is-undo{border-color:#cfe1da;background:#f1f7f4;color:#3f6455}
.image-remove-button.is-undo:hover{background:#e6f2ec;border-color:#b4d2c5}