/* v10.50 — compact creation screen shared by Classroom and Group Study. */
#gsOverlay .gsWrap:has(.gsSetupCompact) .gsQuestionWorkbench {
  grid-template-columns: minmax(0, 72fr) minmax(0, 28fr);
  gap: 12px;
}
#gsOverlay .gsWrap:has(.gsSetupCompact) .gsOrderHead {
  flex-wrap: wrap;
  align-content: center;
  column-gap: 6px;
  row-gap: 3px;
}
#gsOverlay .gsWrap:has(.gsSetupCompact) .gsOrderHead > div {flex-wrap:nowrap;}
#gsOverlay .gsWrap:has(.gsSetupCompact) .gsOrderHead .gsButton {padding:4px 7px;}
/* One compact row of genuine form controls. */
#gsOverlay .gsCombinedControls.gsClassroomSettings {
  grid-template-columns:minmax(225px,2.2fr) minmax(150px,1.12fr) minmax(125px,1fr) minmax(105px,.72fr) minmax(140px,1fr);
  align-items:end;
  gap:9px;
  flex:1 1 760px;
  min-width:0;
}
#gsOverlay .gsCombinedControls.gsGroupSettings {
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:end;
  max-width:none;
  flex:1 1 500px;
  gap:10px;
}
#gsOverlay .gsSetupCombined .gsSmallLabel {display:flex;flex-direction:column;gap:5px;min-width:0;justify-content:end;}
#gsOverlay .gsSetupCombined .gsSmallLabel .gsInput {width:100%;max-width:100%;min-width:0;}
#gsOverlay .gsSetupCombined .gsSetupHeading {margin-right:5px;}
/* Long phone-view option is available without cropping inside the dropdown; closed native select ellipsis varies by OS. */
#gsOverlay .gsPhoneDisplayLabel select {font-size:12px;}
@media(max-width:1120px){
  #gsOverlay .gsCombinedControls.gsClassroomSettings {grid-template-columns:repeat(4,minmax(0,1fr));}
  #gsOverlay .gsCombinedControls.gsClassroomSettings .gsPhoneDisplayLabel {grid-column:span 2;}
  #gsOverlay .gsWrap:has(.gsSetupCompact) .gsQuestionWorkbench {grid-template-columns:minmax(0,69fr) minmax(0,31fr);}
}
@media(max-width:830px){
  #gsOverlay .gsWrap:has(.gsSetupCompact) .gsQuestionWorkbench {grid-template-columns:minmax(0,1fr);}
  #gsOverlay .gsCombinedControls.gsClassroomSettings {grid-template-columns:repeat(2,minmax(0,1fr));}
  #gsOverlay .gsCombinedControls.gsGroupSettings {grid-template-columns:repeat(2,minmax(0,1fr));}
  #gsOverlay .gsCombinedControls.gsClassroomSettings .gsPhoneDisplayLabel {grid-column:span 2;}
}
@media(max-width:520px){
  #gsOverlay .gsSetupCombined .gsSetupHeading {width:100%;}
  #gsOverlay .gsCombinedControls.gsClassroomSettings,
  #gsOverlay .gsCombinedControls.gsGroupSettings {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  #gsOverlay .gsPhoneDisplayLabel {grid-column:span 2;}
  #gsOverlay .gsSetupCombined .gsSmallLabel {font-size:11px;}
}