/* ============================================================
   NOVIDADES — Camada visual "Avance Olímpico"
   Cabeçalho da marca + cards de resumo + painéis de seção +
   cards de item + feed de notícias.
   Escopo: #view-novidades (não afeta outras abas).
   Temas: body:not(.theme-light) = ESCURO | body.theme-light = CLARO
   Cores herdadas de #avanceBrandHardening: --av-roxo / --av-ouro
   Fontes já vêm de css/avance-global.css (Poppins + Inter).
   ============================================================ */

/* ---- Tipografia da marca + refino de cantos ---- */
#view-novidades{ font-family:'Inter', system-ui, -apple-system, "Segoe UI", sans-serif; }
#view-novidades h1,
#view-novidades h2,
#view-novidades h3,
#view-novidades h4{ font-family:'Poppins','Inter',sans-serif; letter-spacing:.01em; }
#view-novidades input,
#view-novidades select,
#view-novidades textarea{ border-radius:12px !important; }
#view-novidades .rounded-2xl{ border-radius:18px !important; }
#view-novidades .rounded-xl{ border-radius:13px !important; }

/* ============================================================
   Cabeçalho da seção (faixa roxa com logo + ação de atualizar)
   ============================================================ */
#view-novidades .av-nov-header{
  display:flex; align-items:center; gap:14px;
  background:linear-gradient(135deg,#5B1F7E,#3C1457);
  border-radius:18px; padding:16px 20px; border:none;
  box-shadow:0 12px 34px rgba(60,20,87,.28);
}
#view-novidades .av-nov-logo{
  width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,.14);
  display:flex; align-items:center; justify-content:center; position:relative; flex:0 0 auto;
}
#view-novidades .av-nov-logo b{ color:#fff; font-family:'Poppins',sans-serif; font-size:23px; line-height:1; }
#view-novidades .av-nov-logo::after{
  content:""; position:absolute; left:9px; bottom:10px; width:12px; height:3px;
  background:var(--av-ouro); border-radius:1px;
}
#view-novidades .av-nov-headtext{ flex:1; min-width:0; }
#view-novidades .av-nov-header h2{ color:#fff !important; font-size:20px; font-weight:600; margin:0; }
#view-novidades .av-nov-header p{ color:rgba(255,255,255,.72) !important; margin:2px 0 0; font-size:12.5px; }
#view-novidades .av-nov-headact{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
#view-novidades .av-nov-stamp{ color:rgba(255,255,255,.7); font-size:11.5px; white-space:nowrap; }
#view-novidades .av-nov-refresh{
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.18);
  border-radius:999px; padding:8px 16px; font-size:12px; font-weight:600; cursor:pointer;
  transition:background .15s ease;
}
#view-novidades .av-nov-refresh:hover{ background:rgba(255,255,255,.26); }
@media (max-width:640px){
  #view-novidades .av-nov-header{ flex-wrap:wrap; }
  #view-novidades .av-nov-headact{ order:3; width:100%; justify-content:space-between; }
}

/* ============================================================
   Cards de resumo (contadores por categoria)
   ============================================================ */
#view-novidades .av-nov-stat{
  background:#1b1726; border:1px solid rgba(155,111,212,.22);
  box-shadow:0 6px 22px rgba(0,0,0,.22);
  transition:border-color .15s ease, transform .12s ease;
}
#view-novidades .av-nov-stat:hover{ border-color:rgba(155,111,212,.5); transform:translateY(-1px); }
body.theme-light #view-novidades .av-nov-stat{
  background:#fff; border-color:var(--av-light-line); box-shadow:0 4px 16px rgba(91,31,126,.08);
}
#view-novidades .av-nov-stat .av-nov-stat-num{ color:#f4f1fa; font-family:'Poppins','Inter',sans-serif; }
body.theme-light #view-novidades .av-nov-stat .av-nov-stat-num{ color:var(--av-carvao); }

/* ============================================================
   Painéis de seção (Aulas / Listas / Simulados / Questões / Feed)
   ============================================================ */
#view-novidades .av-nov-secao{
  background:rgba(27,23,38,.62); border:1px solid rgba(155,111,212,.18);
  box-shadow:0 10px 30px rgba(20,8,32,.18);
}
body.theme-light #view-novidades .av-nov-secao{
  background:#fff; border-color:var(--av-light-line); box-shadow:0 8px 24px rgba(91,31,126,.07);
}

/* Cards de item (aulas/listas/simulados/questões recentes) */
#view-novidades .av-nov-card{
  background:#1b1726; border:1px solid rgba(155,111,212,.18);
  transition:border-color .15s ease, transform .12s ease;
}
#view-novidades .av-nov-card:hover{ border-color:rgba(155,111,212,.5); transform:translateY(-1px); }
body.theme-light #view-novidades .av-nov-card{ background:#FAF7FC; border-color:var(--av-light-line); }
body.theme-light #view-novidades .av-nov-card:hover{ border-color:rgba(91,31,126,.4); }
#view-novidades .av-nov-card h4{ color:#f4f1fa; }
body.theme-light #view-novidades .av-nov-card h4{ color:var(--av-carvao); }

/* Cards do feed de notícias (assinatura ouro no hover) */
#view-novidades .av-nov-noticia{
  background:#1b1726; border:1px solid rgba(155,111,212,.18);
  transition:border-color .15s ease;
}
#view-novidades .av-nov-noticia:hover{ border-color:rgba(212,175,55,.5); }
body.theme-light #view-novidades .av-nov-noticia{ background:#FAF7FC; border-color:var(--av-light-line); }
body.theme-light #view-novidades .av-nov-noticia:hover{ border-color:rgba(212,175,55,.6); }
#view-novidades .av-nov-noticia h4{ color:#f4f1fa; }
body.theme-light #view-novidades .av-nov-noticia h4{ color:var(--av-carvao); }

/* CTA principal roxo (Abrir item) — a marca usa roxo no botão de ação */
#view-novidades .av-nov-cta{
  background:var(--av-roxo) !important; color:#fff !important; border:1px solid var(--av-roxo) !important;
}
#view-novidades .av-nov-cta:hover{ filter:brightness(1.12); }

/* Título de seção com ícone (mantém ouro no destaque) */
#view-novidades .av-nov-secao h3{ color:#f4f1fa; }
body.theme-light #view-novidades .av-nov-secao h3{ color:var(--av-carvao); }

/* Chip "Novo" (não-lido) — ouro da marca */
#view-novidades .av-nov-chip-novo{
  display:inline-flex; align-items:center; gap:2px;
  font-size:10px; font-weight:700; line-height:1; letter-spacing:.02em;
  padding:3px 8px; border-radius:999px; margin-left:8px; vertical-align:middle;
  background:var(--av-ouro); color:#3a2c08;
}

/* Chip "Fixado" — roxo da marca (precede o título) */
#view-novidades .av-nov-chip-fixo{
  display:inline-flex; align-items:center; gap:2px;
  font-size:10px; font-weight:700; line-height:1; letter-spacing:.02em;
  padding:3px 8px; border-radius:999px; margin-right:8px; vertical-align:middle;
  background:rgba(91,31,126,.9); color:#fff;
}
body.theme-light #view-novidades .av-nov-chip-fixo{ background:var(--av-roxo); color:#fff; }