/* Central de Aulas v5 — contrato responsivo validado no Figma (21/07/2026). */
#view-aulas.aulas-v5-ready,
#view-aovivo.aulas-v5-ready,
#view-monitoria.aulas-v5-ready {
  --ca5-bg: #0d0911;
  --ca5-surface: #18121f;
  --ca5-surface-2: #1d1526;
  --ca5-surface-3: #23172d;
  --ca5-line: #35263f;
  --ca5-text: #fbf8fc;
  --ca5-muted: #aa9eb2;
  --ca5-purple: #9a42c2;
  --ca5-purple-soft: #34203f;
  --ca5-gold: #f3d35c;
  --ca5-green: #42d5a0;
  max-width: none;
  padding: clamp(20px, 2.2vw, 40px) clamp(18px, 2.2vw, 34px) 64px;
  background: var(--ca5-bg);
}

#view-aulas.aulas-v5-ready #aulasAlunoV2,
#view-aulas.aulas-v5-ready > .ca-tab-strip,
#view-aulas.aulas-v5-ready > .ca5-management-heading,
#view-aovivo.aulas-v5-ready > .ca-tab-strip,
#view-monitoria.aulas-v5-ready > .ca-tab-strip {
  width: min(100%, 1480px);
  margin-inline: auto;
}

#view-aulas.aulas-v5-ready > .ca-tab-strip,
#view-aovivo.aulas-v5-ready > .ca-tab-strip,
#view-monitoria.aulas-v5-ready > .ca-tab-strip {
  order: 0;
  min-height: 52px;
  margin-bottom: 24px;
  padding: 5px !important;
  gap: 4px !important;
  border: 1px solid var(--ca5-line) !important;
  border-radius: 15px !important;
  background: var(--ca5-surface) !important;
}

#view-aulas.aulas-v5-ready > .ca-tab-strip .ca-tab-btn,
#view-aovivo.aulas-v5-ready > .ca-tab-strip .ca-tab-btn,
#view-monitoria.aulas-v5-ready > .ca-tab-strip .ca-tab-btn {
  min-width: 118px;
  min-height: 40px;
  padding: 9px 18px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: var(--ca5-muted) !important;
  background: transparent !important;
  font: 700 13px/1 Inter, sans-serif !important;
}

#view-aulas.aulas-v5-ready > .ca-tab-strip .ca-tab-btn.catf-on,
#view-aovivo.aulas-v5-ready > .ca-tab-strip .ca-tab-btn.catf-on,
#view-monitoria.aulas-v5-ready > .ca-tab-strip .ca-tab-btn.catf-on {
  color: var(--ca5-text) !important;
  border-color: rgba(154, 66, 194, .45) !important;
  background: var(--ca5-purple-soft) !important;
}

#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-hd {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 430px) auto auto auto;
  grid-template-areas: "heading search streak publish manage";
  gap: 12px;
  align-items: end;
  padding: 0 0 22px;
  border: 0;
}

#view-aulas.aulas-v5-ready .av4-heading { grid-area: heading; }
#view-aulas.aulas-v5-ready .av4-kicker,
#view-aulas.aulas-v5-ready .ca5-kicker,
#view-aulas.aulas-v5-ready .av5-support-kicker {
  display: block;
  margin-bottom: 6px;
  color: var(--ca5-gold);
  font: 800 10px/1.2 Inter, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#view-aulas.aulas-v5-ready .av4-heading h1,
#view-aulas.aulas-v5-ready .ca5-management-copy h1 {
  margin: 0 !important;
  color: var(--ca5-text) !important;
  font: 800 clamp(26px, 2.2vw, 36px)/1.1 Poppins, Inter, sans-serif !important;
  letter-spacing: -.035em;
}
#view-aulas.aulas-v5-ready .av4-heading p,
#view-aulas.aulas-v5-ready .ca5-management-copy p {
  max-width: 720px;
  margin: 7px 0 0;
  color: var(--ca5-muted);
  font-size: 13px;
  line-height: 1.5;
}
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-search--desk {
  grid-area: search;
  display: flex;
  width: 100%;
  max-width: none;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--ca5-line);
  border-radius: 12px;
  background: var(--ca5-surface);
}
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-streak { grid-area: streak; height: 40px; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-lupa { grid-area: lupa; display: none; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .pw-abrir { grid-area: publish; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-gestao { grid-area: manage; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-chips {
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
}
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-chip {
  min-height: 44px;
  border-color: var(--ca5-line);
  background: var(--ca5-surface);
}
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-chip--on {
  color: #261c0a;
  border-color: var(--ca5-gold);
  background: var(--ca5-gold);
}

#view-aulas.aulas-v5-ready .av5-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  align-items: start;
}
#view-aulas.aulas-v5-ready .av2-body { min-width: 0; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont {
  min-height: 214px;
  margin-top: 0;
  padding: 20px;
  gap: 22px;
  border: 1px solid rgba(154, 66, 194, .38);
  border-radius: 20px;
  background: radial-gradient(circle at 92% 8%, rgba(154,66,194,.24), transparent 32%), var(--ca5-surface-2);
}
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-thumb {
  flex: 0 0 clamp(230px, 24vw, 320px);
  height: 174px;
  border-radius: 15px;
}
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-info h3 { font-size: clamp(20px, 1.8vw, 28px); }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-cta {
  min-width: 150px;
  color: #261c0a;
  background: var(--ca5-gold);
}
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-shelf-hd { margin-top: 24px; padding-block: 0 12px; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-shelf-hd h2,
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-exp-hd h2 { color: var(--ca5-text) !important; font-size: 18px; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-shelf { gap: 14px; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-shelf .av2-vc { flex: 0 0 calc((100% - 28px) / 3); }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-vc-thumb { border-radius: 14px; border-color: var(--ca5-line); }

#view-aulas.aulas-v5-ready .av5-support {
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: sticky;
  top: 18px;
}
#view-aulas.aulas-v5-ready .av5-support-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--ca5-line);
  border-radius: 18px;
  background: var(--ca5-surface);
}
#view-aulas.aulas-v5-ready .av5-support-card--live { border-color: rgba(154,66,194,.45); background: linear-gradient(145deg, rgba(154,66,194,.14), transparent 54%), var(--ca5-surface); }
#view-aulas.aulas-v5-ready .av5-support-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  color: var(--ca5-gold);
  background: rgba(243,211,92,.1);
}
#view-aulas.aulas-v5-ready .av5-support-copy h2 { margin: 0; color: var(--ca5-text); font: 700 17px/1.25 Poppins, Inter, sans-serif; }
#view-aulas.aulas-v5-ready .av5-support-copy p { margin: 7px 0 0; color: var(--ca5-muted); font-size: 12px; line-height: 1.5; }
#view-aulas.aulas-v5-ready .av5-support-cta,
#view-aulas.aulas-v5-ready .av5-support-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border-radius: 11px;
  font: 800 12px/1 Inter, sans-serif;
}
#view-aulas.aulas-v5-ready .av5-support-cta { color: #261c0a; border: 1px solid var(--ca5-gold); background: var(--ca5-gold); }
#view-aulas.aulas-v5-ready .av5-support-link { color: var(--ca5-text); border: 1px solid var(--ca5-line); background: var(--ca5-surface-2); }

#view-aulas.aulas-v5-ready .ca5-management-heading {
  margin-bottom: 20px;
  padding: 24px;
  border: 1px solid var(--ca5-line);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(154,66,194,.12), transparent 45%), var(--ca5-surface);
}
#view-aulas.aulas-v5-ready.av2-on > .ca5-management-heading { display: none !important; }
#view-aulas.aulas-v5-ready .ca5-management-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
#view-aulas.aulas-v5-ready .ca5-management-copy { min-width: 0; }
#view-aulas.aulas-v5-ready .ca5-management-actions { display: flex; gap: 10px; flex: 0 0 auto; }
#view-aulas.aulas-v5-ready .ca5-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 11px;
  font: 800 12px/1 Inter, sans-serif;
}
#view-aulas.aulas-v5-ready .ca5-btn--ghost { color: var(--ca5-text); border: 1px solid var(--ca5-line); background: var(--ca5-surface-2); }
#view-aulas.aulas-v5-ready .ca5-btn--primary { color: #261c0a; border: 1px solid var(--ca5-gold); background: var(--ca5-gold); }
#view-aulas.aulas-v5-ready .ca5-management-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
#view-aulas.aulas-v5-ready .ca5-metric { padding: 15px 16px; border: 1px solid var(--ca5-line); border-radius: 14px; background: var(--ca5-surface-2); }
#view-aulas.aulas-v5-ready .ca5-metric span { display: block; color: var(--ca5-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
#view-aulas.aulas-v5-ready .ca5-metric strong { display: block; margin: 6px 0 2px; color: var(--ca5-text); font: 800 24px/1 Poppins, Inter, sans-serif; }
#view-aulas.aulas-v5-ready .ca5-metric small { color: var(--ca5-muted); font-size: 11px; }
#view-aulas.aulas-v5-ready:not(.av2-on) > #painelAddAula,
#view-aulas.aulas-v5-ready:not(.av2-on) > #aulaChipsBar,
#view-aulas.aulas-v5-ready:not(.av2-on) > #gridAulas { width: min(100%, 1480px); margin-inline: auto; }

body.theme-light #view-aulas.aulas-v5-ready,
body.theme-light #view-aovivo.aulas-v5-ready,
body.theme-light #view-monitoria.aulas-v5-ready {
  --ca5-bg: #f7f4fa;
  --ca5-surface: #ffffff;
  --ca5-surface-2: #f2edf5;
  --ca5-surface-3: #ece4f0;
  --ca5-line: #ddd2e3;
  --ca5-text: #241933;
  --ca5-muted: #6c6175;
}

@media (max-width: 1180px) {
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-hd {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    grid-template-areas: "heading streak publish manage" "search search search search";
  }
  #view-aulas.aulas-v5-ready .av5-workspace { grid-template-columns: minmax(0, 1fr) 280px; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-thumb { flex-basis: 220px; }
}

@media (max-width: 900px) {
  #view-aulas.aulas-v5-ready,
  #view-aovivo.aulas-v5-ready,
  #view-monitoria.aulas-v5-ready { padding: 14px 14px calc(104px + env(safe-area-inset-bottom, 0px)); }
  #view-aulas.aulas-v5-ready > .ca-tab-strip,
  #view-aovivo.aulas-v5-ready > .ca-tab-strip,
  #view-monitoria.aulas-v5-ready > .ca-tab-strip {
    position: sticky;
    top: 0;
    z-index: 25;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    overflow: visible;
    margin-bottom: 18px;
    padding: 4px !important;
    background: color-mix(in srgb, var(--ca5-bg) 92%, transparent) !important;
    backdrop-filter: blur(14px);
  }
  #view-aulas.aulas-v5-ready > .ca-tab-strip .ca-tab-btn,
  #view-aovivo.aulas-v5-ready > .ca-tab-strip .ca-tab-btn,
  #view-monitoria.aulas-v5-ready > .ca-tab-strip .ca-tab-btn { min-width: 0; min-height: 44px; padding-inline: 8px !important; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-hd {
    grid-template-columns: minmax(0, 1fr) auto auto auto auto;
    grid-template-areas: "heading streak lupa publish manage";
    gap: 8px;
    align-items: center;
    padding-bottom: 14px;
  }
  #view-aulas.aulas-v5-ready .av4-heading h1 { font-size: 25px !important; }
  #view-aulas.aulas-v5-ready .av4-heading p { display: none; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-search--desk { display: none; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-lupa,
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .pw-abrir,
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-gestao { display: inline-flex; min-width: 44px; min-height: 44px; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-chip { min-height: 44px; }
  #view-aulas.aulas-v5-ready .av5-workspace { display: block; }
  #view-aulas.aulas-v5-ready .av5-support { position: static; margin-top: 22px; }
  #view-aulas.aulas-v5-ready .av5-support-card { padding: 16px; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont { min-height: 0; padding: 14px; gap: 12px; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-thumb { flex: 0 0 126px; height: 82px; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-info h3 { font-size: 15px; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-cta { min-width: 46px; width: 46px; height: 46px; padding: 0; border-radius: 50%; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-cta-txt { display: none; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-shelf .av2-vc { flex: 0 0 min(76vw, 280px); }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-grid { grid-template-columns: 1fr; }
  #view-aulas.aulas-v5-ready .ca5-management-heading { padding: 18px; }
  #view-aulas.aulas-v5-ready .ca5-management-top { display: block; }
  #view-aulas.aulas-v5-ready .ca5-management-actions { margin-top: 16px; }
  #view-aulas.aulas-v5-ready .ca5-management-actions .ca5-btn { flex: 1; }
  #view-aulas.aulas-v5-ready .ca5-management-metrics { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-streak { display: none !important; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-hd { grid-template-columns: minmax(0,1fr) auto auto auto; grid-template-areas: "heading lupa publish manage"; }
  #view-aulas.aulas-v5-ready .av4-kicker { font-size: 9px; }
  #view-aulas.aulas-v5-ready .av4-heading h1 { font-size: 23px !important; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont { align-items: stretch; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-thumb { flex-basis: 108px; width: 108px; }
  #view-aulas.aulas-v5-ready #aulasAlunoV2 .av2-cont-info p { display: none; }
  #view-aulas.aulas-v5-ready .ca5-management-actions { flex-direction: column; }
}