/* 12291: only the classroom tool chooser and its separate record-query page. */
#classroomLauncherModal{
  align-items:center;justify-content:center;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
}
#classroomLauncherModal .classroomLauncher{
  width:min(560px,100%);max-width:100%;height:auto;min-height:0;
  max-height:calc(100dvh - 24px);max-height:calc(var(--cf-visual-height,100dvh) - 24px);
  border:1px solid #d4e2ec;border-radius:18px;background:#fff;
  box-shadow:0 18px 60px rgba(13,36,55,.24);
}
#classroomLauncherModal .classroomLauncherHead{
  align-items:center;padding:12px 16px;gap:10px;border-bottom:0;
}
#classroomLauncherModal .classroomLauncherHead>div{min-width:0}
#classroomLauncherModal .classroomLauncherHead h2{margin:0;line-height:1.35;word-break:keep-all}
#classroomLauncherModal .classroomLauncherHead>button{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px}
#classroomLauncherModal .classroomLauncherBody{padding:0 16px 16px}
#classroomLauncherModal .classroomLauncherShortcuts{padding:0;margin:0;border:0;box-shadow:none;background:transparent}
#classroomLauncherModal .classroomLauncherShortcutGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#classroomLauncherModal .classroomLauncherShortcutGrid button{min-height:84px;padding:9px 4px}
#classroomLauncherModal .classroomLauncherShortcutGrid b{word-break:keep-all;overflow-wrap:normal;white-space:normal}

.classroomFlow[data-classroom-view="history"] .classroomRecordQueryCard{
  min-width:0;max-width:100%;box-sizing:border-box;
  padding:20px;border:1px solid #d8e5ef;border-radius:16px;background:#fff;
}
.classroomFlow[data-classroom-view="history"] .classroomCompletedSearch{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;margin:0 0 20px;
}
.classroomFlow[data-classroom-view="history"] .classroomCompletedSearch label{min-width:0;text-align:center}
.classroomFlow[data-classroom-view="history"] .classroomCompletedSearch label>span{font-size:13px;line-height:1.4}
.classroomFlow[data-classroom-view="history"] .classroomCompletedSearch .wide{grid-column:span 2}
.classroomFlow[data-classroom-view="history"] .classroomCompletedSearch label:has(#classroomLauncherSubject){grid-column:span 2}
.classroomFlow[data-classroom-view="history"] .classroomCompletedSearch :is(input,select){
  box-sizing:border-box;width:100%;min-width:0;max-width:100%;inline-size:100%;min-inline-size:0;max-inline-size:100%;
  height:44px;min-height:44px;font-size:16px;text-align:center;text-align-last:center;line-height:normal;
}
.classroomFlow[data-classroom-view="history"] .classroomCompletedSearch select{
  appearance:none;-webkit-appearance:none;padding-inline:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23405b72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 8px center;background-size:12px 8px;
}
.classroomFlow[data-classroom-view="history"] #classroomLauncherDate{
  display:block;appearance:none;-webkit-appearance:none;padding-inline:9px;
}
.classroomFlow[data-classroom-view="history"] #classroomLauncherDate::-webkit-date-and-time-value{
  min-height:1em;text-align:center;margin-inline:auto;
}
.classroomFlow[data-classroom-view="history"] #classroomLauncherDate::-webkit-datetime-edit,
.classroomFlow[data-classroom-view="history"] #classroomLauncherDate::-webkit-datetime-edit-fields-wrapper{padding:0;text-align:center}
.classroomFlow[data-classroom-view="history"] [data-classroom-completed-load]{
  display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:10px 12px;
  background:#168ee0;border-color:#168ee0;color:#fff;font-size:14px;line-height:1.4;text-align:center;
}
.classroomFlow[data-classroom-view="history"] [data-classroom-completed-load]:disabled{opacity:.6;cursor:wait}
.classroomFlow[data-classroom-view="history"] .classroomCompletedHistory{font-size:13px;line-height:1.6;overflow-wrap:anywhere;min-width:0}
.classroomFlow[data-classroom-view="history"] .classroomCompletedHistoryRow{
  width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 8px;padding:14px;border:1px solid #d9e6ee;border-radius:12px;background:#f9fcfe;color:#1d394f;
}
.classroomFlow[data-classroom-view="history"] .classroomCompletedHistoryRow>span:first-child{min-width:0;display:grid;gap:4px;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
.classroomFlow[data-classroom-view="history"] .classroomCompletedHistoryRow>span:last-child{flex:0 0 auto;text-align:center;white-space:nowrap}
.classroomFlow[data-classroom-view="history"] .classroomCompletedHistoryRow small{display:block;color:#698097}
@media(min-width:1100px){
  .classroomFlow[data-classroom-view="history"] .classroomCompletedSearch{grid-template-columns:minmax(160px,1.3fr) repeat(2,minmax(90px,.7fr)) minmax(110px,.9fr) minmax(150px,1.3fr) minmax(100px,.8fr)}
  .classroomFlow[data-classroom-view="history"] .classroomCompletedSearch :is(.wide,label:has(#classroomLauncherSubject)){grid-column:auto}
}
@media(max-width:699px){
  .classroomFlow[data-classroom-view="history"] .classroomRecordQueryCard{padding:14px}
  .classroomFlow[data-classroom-view="history"] .classroomCompletedSearch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .classroomFlow[data-classroom-view="history"] .classroomCompletedSearch label:has(#classroomLauncherSubject){grid-column:auto}
  .classroomFlow[data-classroom-view="history"] [data-classroom-completed-load]{grid-column:1/-1}
  .classroomFlow[data-classroom-view="history"] .classroomCompletedHistoryRow{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}
  .classroomFlow[data-classroom-view="history"] .classroomCompletedHistoryRow>span:last-child{justify-self:end}
}
@media(max-width:360px){
  #classroomLauncherModal .classroomLauncherHead{padding-inline:12px}
  #classroomLauncherModal .classroomLauncherBody{padding-inline:12px}
  #classroomLauncherModal .classroomLauncherShortcutGrid{gap:5px}
  .classroomFlow[data-classroom-view="history"] .classroomRecordQueryCard{padding:10px}
  .classroomFlow[data-classroom-view="history"] .classroomCompletedSearch select{padding-inline:20px}
}