/* /licencas: pacotes de terceiros, fotos e resumo por licença. Só tokens do design system. */
@layer paginas {
  .licencas {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    max-width: 80ch;
  }

  .licencas__secoes,
  .licencas__secao {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .licencas__secoes {
    gap: var(--space-6);
  }

  .licencas__lista {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .licencas__pacote,
  .licencas__foto {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
  }

  .licencas__pacote summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1) var(--space-2);
    min-height: var(--target-min);
    padding: var(--space-2) var(--space-3);
    cursor: pointer;
  }

  .licencas__nome {
    font-weight: var(--font-weight-semibold);
  }

  .licencas__texto {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-3);
    border-top: 1px solid var(--color-border);
  }

  .licencas__texto pre {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .licencas__foto {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
  }

  .licencas__foto a {
    display: inline-flex;
    align-items: center;
    min-height: var(--target-min);
  }

  .licencas__tabela {
    width: 100%;
    max-width: 28rem;
    border-collapse: collapse;
    font-size: var(--text-sm);
  }

  .licencas__tabela th,
  .licencas__tabela td {
    padding: var(--space-2) var(--space-4) var(--space-2) 0;
    border-bottom: 1px solid var(--color-border);
    text-align: left;
  }

  .licencas__tabela tbody th {
    font-weight: var(--font-weight-regular);
  }

  .licencas__numero {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }
}