/* Estilos específicos do módulo "Aprender Criando com Inteligência Artificial".
   Reaproveita variáveis, cards, botões e componentes globais de assets/css/style.css
   (--brand-*, --surface-*, --radius-*, .content-card, .status-tag, .safety-warning,
   .ai-notice, .prompt-text, .copy-feedback, .list-check). Este arquivo cobre apenas o
   que não existe no CSS global: filtros, selos de risco, detalhes expansíveis e
   destaque de perfil. */

.ac-filtros {
  border-radius: var(--radius-lg);
  background: var(--surface-alt);
  border: 1px solid var(--border-soft);
  padding: 1.4rem;
}

.ac-filtro-grupo {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.ac-filtro-grupo:last-child {
  margin-bottom: 0;
}

.ac-filtro-label {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--brand-ink, #16324f);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 0.4rem;
  display: block;
}

.ac-busca-linha {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}

.ac-busca-linha input[type="search"] {
  flex: 1 1 260px;
}

.ac-contador-resultado {
  font-size: 0.92rem;
  color: #45607a;
}

.ac-status-supervisao {
  background: rgba(199, 66, 52, 0.14);
  color: #a8362a;
}

.ac-atividade-card {
  padding: 0;
  overflow: hidden;
}

.ac-atividade-summary {
  list-style: none;
  cursor: pointer;
  padding: 1.6rem;
  display: block;
}

.ac-atividade-summary::-webkit-details-marker {
  display: none;
}

.ac-atividade-summary:focus-visible {
  outline: 3px solid rgba(17, 184, 216, 0.95);
  outline-offset: 2px;
}

.ac-atividade-formato {
  font-size: 0.86rem;
  color: #45607a;
}

.ac-atividade-meta {
  font-size: 0.86rem;
  color: #45607a;
}

.ac-ver-detalhes {
  pointer-events: none;
}

details[open] .ac-ver-detalhes .bi-chevron-down {
  transform: rotate(180deg);
}

.ac-ver-detalhes .bi-chevron-down {
  transition: transform 0.2s ease;
}

.ac-atividade-detalhe {
  padding: 0 1.6rem 1.6rem;
  border-top: 1px solid var(--border-soft);
  display: grid;
  gap: 1.2rem;
  padding-top: 1.2rem;
}

.ac-detalhe-bloco h4 {
  color: var(--brand-primary);
}

.ac-bncc-aviso {
  font-size: 0.86rem;
  background: rgba(96, 115, 137, 0.12);
  border-radius: var(--radius-md);
  padding: 0.7rem 0.9rem;
  margin-bottom: 0.6rem;
}

.ac-bncc-validacao {
  font-size: 0.82rem;
  color: #6b7c8f;
}

.ac-roteiro {
  padding-left: 1.2rem;
}

.ac-roteiro li {
  margin-bottom: 0.4rem;
}

.ac-revisao {
  font-size: 0.82rem;
  color: #6b7c8f;
}

.ac-supervisao-dispensada {
  font-size: 0.9rem;
  color: #45607a;
}

.ac-prompt-bloco {
  border-radius: var(--radius-md);
  transition: box-shadow 0.2s ease;
}

.ac-prompt-bloco.ac-perfil-destaque {
  box-shadow: 0 0 0 2px rgba(17, 184, 216, 0.6);
  padding: 0.8rem;
}

.ac-perfil-guia {
  border-radius: var(--radius-lg);
  background: var(--surface-alt);
  border: 1px solid var(--border-soft);
  padding: 1.2rem 1.4rem;
}

@media (max-width: 575.98px) {
  .ac-filtro-grupo {
    gap: 0.4rem;
  }
}