/* Same tool contents, in a phone dialog. Never restyle the wide WEB owner. */
#classroomToolsModal12307.peV2PhoneToolsModal {padding:18px 12px!important;align-items:center!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomToolsDialog12307 {width:100%!important;max-width:560px!important;max-height:calc(100dvh - 36px)!important;height:auto!important;min-height:0!important;padding:12px!important;border-radius:20px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:auto!important;}
#classroomToolsModal12307.peV2PhoneToolsModal #classroomToolsContent12307 {min-width:0;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHead {display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:12px!important;margin:0 0 12px!important;min-height:0!important;position:sticky!important;top:-12px!important;z-index:3!important;background:#fff!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHead h1 {font-size:18px!important;line-height:1.4!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHead p {display:none!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHeadActions {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;margin-left:auto;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHeadActions button {min-height:40px!important;height:40px!important;width:auto!important;min-width:48px!important;padding:8px 10px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomFlow {min-width:0!important;overflow:visible!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomStationControls {min-width:0!important;padding:12px!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomEmpty {min-height:160px!important;padding:22px 12px!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomCatchupIntro {display:flex!important;flex-wrap:wrap!important;gap:12px!important;}
#classroomToolsModal12307.peV2PhoneToolsModal .classroomCatchupIntro h2 {font-size:19px!important;}
#classroomToolsModal12307.peV2PhoneToolsModal * {-webkit-tap-highlight-color:transparent!important;box-sizing:border-box;}
/* Existing tool actions have shared !important widths. Keep this phone
   dialog's compact header in the same priority layer as other v2 controls. */
@layer peV2PhoneControls20261018 {
  #classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHead {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;}
  #classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHead>div {min-width:0!important;width:auto!important;}
  #classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHead h1 {margin:0!important;white-space:normal!important;font-size:18px!important;line-height:1.35!important;}
  #classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHeadActions {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;max-width:none!important;gap:6px!important;}
  #classroomToolsModal12307.peV2PhoneToolsModal .classroomFlowHeadActions>button {width:auto!important;min-width:44px!important;min-height:40px!important;height:40px!important;padding:8px!important;font-size:12px!important;}
}