/* dicode.ai — CSS só da página Google Fotos Takeout (/google-fotos-takeout, Leva 16, peça D).
   Tela: assets/js/ferramentas/telas/google-fotos-takeout.js; opções: templates/ferramentas/google-fotos-takeout.html.
   Só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. Nada das cores nem da marca do Google. */

.gt { display: grid; gap: 24px; min-width: 0; }
.gt [hidden] { display: none !important; }

/* O que foi escolhido */
.gt-escolha { display: grid; gap: 10px; min-width: 0; }
.gt-fontes { margin: 0; padding: 0; list-style: none; display: grid; gap: 0; border-top: 1px solid var(--linha); }
.gt-fontes li { padding: 10px 0; border-bottom: 1px solid var(--linha); overflow-wrap: anywhere; font-size: 15px; line-height: 1.4; }
.gt-total { margin: 0; }
.gt-mais { display: flex; flex-wrap: wrap; gap: 10px; }
.gt-mais .botao { min-height: 44px; }

/* Leitura (a mesma barra do progresso comum) */
.gt-leitura { display: grid; gap: 6px; min-width: 0; }
.gt-leitura .progresso-cab { display: flex; justify-content: space-between; gap: 12px; }

.gt-bloco { display: grid; gap: 16px; min-width: 0; padding-top: 16px; border-top: 1px solid var(--linha); }
.gt-titulo { margin: 0; color: var(--preto); }

/* Resumo e relatório */
.gt-lista { margin: 0; display: grid; gap: 8px; }
.gt-lista > div { display: grid; grid-template-columns: 1fr; gap: 2px; min-width: 0; }
@media (min-width: 720px) { .gt-lista > div { grid-template-columns: 260px 1fr; gap: 16px; } }
.gt-lista dt { margin: 0; }
.gt-lista dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.gt-avisos { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.gt-avisos .aviso { margin: 0; }

/* Opções */
.gt .campo { max-width: 620px; margin: 0; }
.gt fieldset.campo { border: 0; padding: 0; display: grid; gap: 4px; min-width: 0; }
.gt .opcao { min-height: 44px; display: flex; align-items: center; gap: 8px; }
.gt-ajuda { margin: -4px 0 6px 28px; }
.gt-so-partes { margin: 0; max-width: 620px; }
.gt select.entrada { width: 100%; max-width: 420px; min-width: 0; }

/* "Já descompactou? Escolha a pasta" (dentro da área de soltar) */
.gt-pasta { margin: 4px 0 0; }
.gt-pasta-botao { min-height: 44px; text-align: left; }

/* Resultado */
.gt-resultado { display: grid; gap: 14px; min-width: 0; }
.gt-resultado .gt-lista > div { padding-bottom: 6px; border-bottom: 1px solid var(--linha); }
.gt-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.gt-acoes .botao { min-height: 44px; }
.gt-proxima-dica { margin: 0; color: var(--cinza); }