/* ============================================
   ELEVA AMAPÁ — Laboratório de Redação
   Reaproveita as classes base de dashboard.css
   (sidebar, header, fade-in, spinner, badges etc).
   Aqui só ficam as classes NOVAS específicas desta página.
   ============================================ */

/* Cards do resumo (Redações enviadas | Média | Tema sugerido) */
.resumo-card {
  background: #18181b;
  border: 1px solid rgba(255,255,255,0.08);
}

/* Cards da Área de Estudo (Teoria, Repertórios, Português, Dúvidas, Conectivos) */
.estudo-card {
  background: #18181b;
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 0.25s ease, border-color 0.25s ease;
}
@media (hover: hover) {
  .estudo-card:hover {
    transform: translateY(-4px);
    border-color: rgba(245, 158, 11, 0.35);
  }
}

/* ---------- Card premium / bloqueado (ex: Conectivos p/ Plano Free) ---------- */
.estudo-card-premium {
  position: relative;
  border: 1px solid rgba(139, 92, 246, 0.25);
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(24,24,27,1) 60%);
}
@media (hover: hover) {
  .estudo-card-premium:hover {
    border-color: rgba(139, 92, 246, 0.5);
  }
}

.premium-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.65rem;
  font-weight: 800;
  padding: 0.25rem 0.6rem;
  border-radius: 9999px;
  background: rgba(139, 92, 246, 0.15);
  color: #c4b5fd;
  border: 1px solid rgba(139, 92, 246, 0.35);
  white-space: nowrap;
}

/* Card de destaque da Área de Prática */
.pratica-card {
  background: linear-gradient(135deg, rgba(245,158,11,0.10), rgba(245,158,11,0.02));
  border: 1px solid rgba(245, 158, 11, 0.3);
}

/* Card da Galeria de Modelos Nota 1000 */
.modelos-card {
  background: #18181b;
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 0.25s ease, border-color 0.25s ease;
}
@media (hover: hover) {
  .modelos-card:hover {
    transform: translateY(-2px);
    border-color: rgba(139, 92, 246, 0.4);
  }
}

/* ---------- Lista "Minhas Redações" ---------- */
.redacao-item {
  background: #18181b;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 1rem;
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.redacao-item.clicavel {
  cursor: pointer;
}
@media (hover: hover) {
  .redacao-item.clicavel:hover {
    border-color: rgba(245, 158, 11, 0.3);
    transform: translateY(-2px);
  }
}

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.7rem;
  font-weight: 800;
  padding: 0.3rem 0.7rem;
  border-radius: 9999px;
  white-space: nowrap;
}
.status-analise {
  background: rgba(245, 158, 11, 0.12);
  color: #fbbf24;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.status-corrigida {
  background: rgba(16, 185, 129, 0.12);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.nota-badge {
  font-weight: 900;
  font-size: 1.05rem;
  color: #fbbf24;
}

.feedback-sucesso { color: #34d399; }
.feedback-erro { color: #f87171; }