/*
 * Desfazer a importação do extrato (Fase 69,
 * docs/PLANEJAMENTO-DESFAZER-IMPORTACAO.md): a tela de confirmação.
 *
 * Mora aqui só o que esta tela desenha. Cor, espaço, cartão, botão, etiqueta,
 * pendência e tabela vêm de `application.css`, pelos tokens e pelas classes
 * que já existem — este arquivo não redefine nenhum deles.
 */

/* O valor inteiro numa linha só: no celular, "R$" ficava no fim de uma linha
   e o número no começo da outra. */
.desfazer__valor { white-space: nowrap; font-variant-numeric: tabular-nums; }

/* A lista dos lançamentos, recolhida quando é longa: o resumo no alto já diz
   quantos são, e a lista aberta, que no celular vira uma ficha por linha,
   empurrava o resto da página para longe. */
.desfazer__lista { margin-top: .85rem; }

.desfazer__lista > summary {
  cursor: pointer;
  width: fit-content;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
  color: var(--acento);
}

.desfazer__lista > summary:hover { color: var(--acento-forte); }
.desfazer__lista > summary:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }