/* DocParser's own page styles, after /shared/base.css (packages/shared). */

.painel.pastas { display: block; overflow: auto; }

/* Upload, Drive sync and usage in one row */
.acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}

.dropzone {
  flex: 1 1 22rem;
  padding: 0.6rem 1rem;
  border: 2px dashed var(--borda);
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.dropzone small { display: block; color: var(--apagado); }

.dropzone.over {
  border-color: var(--azul);
  background: var(--azul);
  color: var(--botao-texto);
}

.drive {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.6rem;
}

.uso {
  margin: 0 0 0 auto;
  color: var(--apagado);
}

.uso.esgotado { color: var(--erro); font-weight: 600; }

#status { margin: 0; }
#status:empty { display: none; }

/* Upload queue: a small box, shown while files are processed */
details.secao {
  padding: 0.3rem 0.8rem;
  border: 1px solid var(--borda);
  border-radius: 3px;
}

details.secao > summary { cursor: pointer; }
details.secao > summary h2 { display: inline; font-size: 0.95rem; }
details.secao > summary small { color: var(--apagado); margin-left: 0.5rem; }

.fila {
  max-height: 30vh;
  overflow: auto;
}

.fila table { width: 100%; border-collapse: collapse; }
.fila th, .fila td { text-align: left; padding: 0.15rem 0.4rem; border-bottom: 1px solid var(--cinza-fundo); }
.fila progress { width: 100%; }

#queue tr.ok td:last-child { color: var(--ok); }
#queue tr.erro td:last-child { color: var(--erro); }
#queue tr.skip td:last-child,
#queue tr.sem_nota td:last-child,
#queue tr.sem_texto td:last-child { color: var(--apagado); }

/* Pastas do Google Drive */
.conta-servico { display: flex; gap: 0.4rem; max-width: 40rem; }
.conta-servico input { flex: 1; font: inherit; padding: 0.3rem; }

.arvore { padding-left: 0; }
.arvore li { list-style: none; }
.arvore ul { padding-left: 1.5rem; }

.arvore mark {
  font-size: 0.75rem;
  padding: 0 0.3rem;
}

/* Assinatura */
.assinatura .tabela { overflow-x: auto; }
.assinatura table { border-collapse: collapse; }
.assinatura th, .assinatura td { text-align: left; padding: 0.25rem 0.6rem; border-bottom: 1px solid var(--cinza-fundo); white-space: nowrap; }
.assinatura tr.vencido td { color: var(--erro); }
.assinatura dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.2rem 1rem; margin: 0; }
.assinatura dt { color: var(--apagado); }
.assinatura dd { margin: 0; }

@media (max-width: 600px) {
  .assinatura dl { grid-template-columns: 1fr; }
  .assinatura dd { margin-bottom: 0.4rem; }
  .uso { margin-left: 0; }
  .dropzone { flex-basis: 100%; }
}

@media (pointer: coarse) {
  details.secao > summary { padding: 10px 0; }
  .conta-servico input { min-height: 44px; }
}