/* assets/css/estudo.css — Grupo de estudo (admin) */

.estudo-wrap { max-width: 1240px; margin: 0 auto; padding: 0 1rem; }
.estudo-topo { display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.estudo-topo h1 { font-size: 1.6rem; }
.estudo-sub { color: var(--clr-muted); font-size: .875rem; }
.estudo-linha { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.estudo-grelha { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.estudo-wrap input[type="datetime-local"] {
  width: 100%; background: var(--clr-surface2); border: 1px solid var(--clr-border); border-radius: var(--radius-sm);
  padding: .75rem 1rem; color: var(--clr-text); font-family: var(--font-body); font-size: 1rem; color-scheme: dark;
}
.estudo-wrap textarea { font-size: .9rem; line-height: 1.5; resize: vertical; }
.estudo-wrap .card { padding: 1.1rem 1.25rem; }
.estudo-wrap h2 { font-size: 1.15rem; }
.estudo-wrap h3 { font-size: 1rem; margin-bottom: .5rem; }

.estudo-num { font-family: var(--font-display); font-size: 1.7rem; font-weight: 700; color: var(--clr-text); }
.estudo-chip {
  display: inline-block; padding: 2px 9px; border-radius: 50px; font-size: .72rem; font-weight: 600;
  background: var(--clr-surface2); color: var(--clr-muted); border: 1px solid var(--clr-border);
}
.estudo-chip.ok { color: var(--clr-success); border-color: rgba(52,211,153,.4); }
.estudo-chip.aviso { color: var(--clr-warn); border-color: rgba(251,191,36,.45); }
.estudo-chip.accent { color: var(--clr-accent2); border-color: rgba(167,139,250,.45); }

/* Passos de uma sessão */
.estudo-passos { counter-reset: passo; display: grid; gap: .35rem; font-size: .85rem; color: var(--clr-muted); padding-left: 0; list-style: none; }
.estudo-passos li { counter-increment: passo; display: flex; gap: .5rem; align-items: baseline; }
.estudo-passos li::before {
  content: counter(passo); flex: 0 0 1.4rem; height: 1.4rem; border-radius: 50%; display: inline-grid; place-items: center;
  background: var(--clr-surface2); color: var(--clr-accent2); font-weight: 700; font-size: .75rem;
}
.estudo-passos strong { color: var(--clr-text); }

/* Exercício: imagem à esquerda, mensagens à direita */
.estudo-exercicio { display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1100px) { .estudo-exercicio { grid-template-columns: 560px minmax(0, 1fr); } }
.estudo-campo { margin-bottom: .9rem; }
.estudo-campo-topo { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-bottom: .3rem; }
.estudo-campo-topo label { margin: 0; }
.btn-copiar { width: auto; flex: 0 0 auto; padding: .25rem .7rem; font-size: .78rem; }
.estudo-bloco { border-top: 1px solid var(--clr-border); padding-top: 1rem; margin-top: 1rem; }
.estudo-votos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.estudo-votos label { text-align: center; }
.estudo-votos input { text-align: center; }
.estudo-lista { display: grid; gap: .6rem; }
.estudo-item { background: var(--clr-surface2); border: 1px solid var(--clr-border); border-radius: var(--radius-sm); padding: .7rem .85rem; font-size: .875rem; }
.estudo-item p { color: var(--clr-text); }
.estudo-item small { color: var(--clr-muted); }
.estudo-resumo { color: var(--clr-text); font-size: .95rem; }

/* Banco de questões */
.estudo-questao { color: var(--clr-text); font-size: .95rem; }
.estudo-questao ol { list-style: upper-alpha; padding-left: 1.4rem; margin-top: .4rem; display: grid; gap: .15rem; }
.estudo-questao li.certa { color: var(--clr-success); font-weight: 600; }
.estudo-questao img { max-width: 100%; height: auto; background: #fff; border-radius: 8px; margin-top: .5rem; }

/* Imagem do exercício (é esta caixa que vira PNG: fundo claro, fica bem no WhatsApp) */
.estudo-cartao-wrap { overflow-x: auto; border-radius: 12px; }
.estudo-cartao {
  width: 540px; background: #ffffff; color: #1b1d2a; padding: 26px 28px 22px;
  font-family: 'Inter', Arial, sans-serif; line-height: 1.5;
}
.estudo-relacionados { display: grid; gap: .6rem; }
.estudo-relacionado-item { display: flex; align-items: center; gap: .9rem; padding: .6rem .9rem; border: 1px solid var(--clr-border); border-radius: 11px; text-decoration: none; color: inherit; transition: border-color .15s; }
.estudo-relacionado-item:hover { border-color: var(--clr-accent); }
.estudo-relacionado-capa { flex: none; width: 76px; height: 76px; border-radius: 8px; object-fit: cover; background: linear-gradient(135deg, #8b7cff, #5b4cff); }
.estudo-relacionado-texto { min-width: 0; }
.estudo-relacionado-disc { display: block; margin-bottom: .15rem; color: var(--clr-accent2); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.estudo-relacionado-item strong { display: block; font-size: .92rem; }
.estudo-relacionado-item .estudo-sub { margin-top: .15rem; }
.texto-apoio { margin-bottom: 16px; padding: 14px 16px; background: #f5f5fb; border: 1px solid #e3e3f0; border-radius: 10px; font-size: 14px; color: #33354a; line-height: 1.5; }
.texto-apoio h3 { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #4b3fe0; }
.texto-apoio p { margin: 0 0 8px; }
.texto-apoio p:last-child { margin-bottom: 0; }
.texto-apoio .fonte-texto { font-size: 12px; color: #6b7090; font-style: italic; }
.estudo-cartao-topo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.estudo-cartao-titulo { font-family: 'Space Grotesk', 'Inter', sans-serif; font-weight: 700; font-size: 22px; color: #4b3fe0; }
.estudo-cartao-disc { font-size: 13px; font-weight: 600; color: #6b7090; background: #f0f0fa; padding: 3px 10px; border-radius: 50px; }
.estudo-cartao-enunciado { font-size: 18px; color: #1b1d2a; }
.estudo-cartao-enunciado strong { font-weight: 700; }
.estudo-cartao-figura { display: block; max-width: 100%; height: auto; margin: 12px auto 0; }
.estudo-cartao-alts { list-style: none; display: grid; gap: 8px; margin-top: 16px; padding: 0; }
.estudo-cartao-alts li { display: flex; gap: 10px; align-items: baseline; font-size: 17px; background: #f5f5fb; border: 1px solid #e3e3f0; border-radius: 10px; padding: 8px 12px; }
.estudo-cartao-alts b { color: #4b3fe0; font-size: 17px; min-width: 18px; }
.estudo-cartao-rodape { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 18px; padding-top: 12px; border-top: 1px solid #ececf4; font-size: 13px; color: #6b7090; }
.estudo-cartao-rodape strong { color: #1b1d2a; }