/* AliTest — apresentação do menu do Aluno; as regras e o dashboard do professor mantêm-se. */
/* Usa os mesmos recursos partilhados já instalados no AliSave/AliEdu. */
body.aliplay-student-integrated {
  min-width:0;
}
body.aliplay-student-integrated > header .wrap,
body.aliplay-student-integrated > #alitestPage {
  width:100%; max-width:1170px; min-width:0;
  margin-inline:auto;
}
/* Evita que um cartão, filtro ou cabeçalho provoque scroll horizontal. */
body.aliplay-student-integrated #alitestPage #app,
body.aliplay-student-integrated #alitestPage #grid {
  min-width:0;
}
body.aliplay-student-integrated #alitestPage .grid {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));
}
@media (max-width:820px) {
  body.aliplay-student-integrated > header {
    position:relative; top:auto; z-index:1;
  }
  body.aliplay-student-integrated > header .wrap,
  body.aliplay-student-integrated > #alitestPage {
    padding:14px 12px;
  }
  body.aliplay-student-integrated > header .top {
    min-width:0;
    gap:8px;
    align-items:center;
  }
  body.aliplay-student-integrated > header .sp { display:none; }
  body.aliplay-student-integrated > header .pill {
    flex:1 1 100%; order:3; min-width:0; width:100%; max-width:none;
  }
  body.aliplay-student-integrated #app > div:first-child {
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
  }
  body.aliplay-student-integrated #app > div:first-child > .panel {
    min-width:0!important; width:100%;
  }
  body.aliplay-student-integrated #app > div:first-child > .panel > div,
  body.aliplay-student-integrated #app > div:first-child > .panel > div > div:last-child {
    min-width:0; flex-wrap:wrap;
  }
  body.aliplay-student-integrated #app .filterSelect,
  body.aliplay-student-integrated #app #f_q {
    min-width:0!important; max-width:100%;
  }
  /* O cabeçalho mobile do AliPlay ocupa os primeiros 68px. Mantém o teste visível. */
  body.aliplay-student-integrated > .modal {
    top:68px;
  }
  body.aliplay-student-integrated > .modal .dialog {
    width:min(96vw,980px);
    max-height:calc(100dvh - 80px);
  }
  body.aliplay-student-integrated > .modal .qrow,
  body.aliplay-student-integrated > .modal .mediaRow {
    grid-template-columns:minmax(0,1fr);
  }
  body.aliplay-student-integrated > .modal .optRow {
    min-width:0;
  }
}