main.largo{max-width:1200px}
.abas{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:10px 16px;background:#100d22;border-bottom:1px solid rgba(255,255,255,.08)}
.abas[hidden]{display:none}
.abas button{flex:none;border:0;border-radius:99px;padding:9px 16px;font-family:Fredoka,sans-serif;font-size:1rem;cursor:pointer;background:#221a4d;color:#d9d2ff}
.abas button.on{background:linear-gradient(135deg,#ffd23f,#ff8a3d);color:#15122b}
.aba[hidden]{display:none}
.cartao h2{margin:0 0 6px;color:var(--roxo)}
.clr{color:#fff}
.barra-f{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 14px;color:#d9d2ff}
.barra-f label{display:flex;align-items:center;gap:8px;margin:0;color:#d9d2ff;font-weight:800}
.barra-f select{width:auto;margin:0;padding:8px 10px}
.barra-f .chk input{width:auto;margin:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:#fff;color:var(--txt);border-radius:18px;padding:14px 16px}
.kpi b{display:block;font-family:Fredoka,sans-serif;font-size:2rem;color:var(--roxo)}
.kpi span{color:var(--sub);font-weight:700;font-size:.9rem}
.bloco{background:#fff;color:var(--txt);border-radius:18px;padding:16px;margin-bottom:16px;overflow-x:auto}
.bloco h3{margin:0 0 10px;color:var(--roxo);font-family:Fredoka,sans-serif}
.bloco table{box-shadow:none}
.bloco th{font-size:.9rem}.bloco td{font-size:.95rem}
.barrinha{height:10px;background:#eee9ff;border-radius:99px;overflow:hidden;min-width:90px}
.barrinha i{display:block;height:100%;background:linear-gradient(90deg,#e5484d,#ffd23f 50%,#16a36a)}
.st{font-weight:800;font-size:.85rem;padding:3px 9px;border-radius:99px;white-space:nowrap}
.st.vivo{background:#e9f9f1;color:var(--verde)}.st.lendo{background:#e8f1ff;color:var(--azul)}.st.parado{background:#f1f0f6;color:var(--sub)}
.det td{background:#faf8ff}
.qok{color:var(--verde);font-weight:900}.qno{color:var(--verm);font-weight:900}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#f1f0f6;border-radius:99px;padding:3px 10px;font-size:.85rem;font-weight:700}
.chip.falta{background:#ffe9ea;color:var(--verm)}.chip.feito{background:#e9f9f1;color:var(--verde)}
.alunos-turma{margin:6px 0 4px 10px}.alunos-turma .al{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #eee9ff}
.thumbq{width:80px;border-radius:6px;vertical-align:middle;border:1px solid #eee}
@media print{.topo,.abas,.barra-f,.btn{display:none!important}body{background:#fff!important;color:#000}.bloco,.kpi{box-shadow:none;border:1px solid #ddd}}
.trow-card{border-bottom:1px solid #eee9ff;padding-bottom:8px;margin-bottom:6px}.tabs button.on{background:var(--roxo2);color:#fff}
.thumbq{height:56px;width:80px;object-fit:cover;object-position:top}
.qtexto{background:#fff;color:#22213a;border-radius:12px;padding:12px 16px;margin:8px 0}
.qtexto .alts-txt{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.alt-prof{display:flex;gap:10px;align-items:center;border:1px solid #e3def7;border-radius:10px;padding:6px 10px}
.alt-prof .let{font-weight:900;color:#5b3fd6;min-width:18px}.alt-prof.certa{border-color:#16a36a;background:#e9f9f1}.alt-prof.certa .let{color:#16a36a}