.frequencia-lista-celular{display:none}
@media screen and (max-width:800px){
#paginaRelatorioFrequencia .frequencia-lista-datas{display:none}
#paginaRelatorioFrequencia .frequencia-lista-celular{display:block}
#paginaRelatorioFrequencia .card{padding:14px}
#paginaRelatorioFrequencia .frequencia-aluno-celular{border:1px solid #ccd8e6;border-radius:10px;margin:7px 0;background:#f2f7fc;overflow:hidden}
#paginaRelatorioFrequencia .frequencia-aluno-celular summary{background:#e3eef9;border-left:4px solid #23578d;padding:8px 10px;cursor:pointer;color:#0b2f67;font-size:14px;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:3px}
#paginaRelatorioFrequencia .frequencia-aluno-celular summary::after{content:'Ver datas ▾';grid-column:2;grid-row:1;align-self:start;white-space:nowrap;font-size:12px;font-weight:700;line-height:20px;color:#0b2f67;padding:0;border:0;background:none}
#paginaRelatorioFrequencia .frequencia-aluno-celular[open] summary::after{content:'Recolher ▴'}
#paginaRelatorioFrequencia .frequencia-aluno-celular summary:focus-visible{outline:3px solid #23578d;outline-offset:-3px}
#paginaRelatorioFrequencia .frequencia-aluno-celular summary>strong{display:block;margin:0;grid-column:1;grid-row:1;line-height:1.3;overflow-wrap:anywhere}
#paginaRelatorioFrequencia .frequencia-aluno-celular summary>span{display:block;font-size:12px;color:#59697d;grid-column:1 / -1;grid-row:2}
.frequencia-totais-celular{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;align-items:center;grid-column:1 / -1;grid-row:3}
.frequencia-totais-celular span,.frequencia-totais-celular b{padding:3px 6px;background:#fff;border-radius:5px;font-size:12px}
.frequencia-detalhes-celular{border-top:1px solid #ccd8e6;padding:12px;font-size:13px}
.frequencia-detalhes-celular p{margin:0 0 10px;line-height:1.6;overflow-wrap:anywhere}
.frequencia-datas-celular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}
.frequencia-data-celular{display:flex;justify-content:space-between;gap:4px;border:1px solid #dae3ed;border-radius:6px;padding:7px;font-size:12px;background:#fff}
.frequencia-lista-celular .marca-p{color:#17643b}.frequencia-lista-celular .marca-f{color:#a11c1c}.frequencia-lista-celular .marca-fj{color:#916500}
}
@media screen and (max-width:800px){
#paginaRelatorioFrequencia .frequencia-detalhes-celular .botao-secundario{background:#e3eef9}
}