/* PE-Class v1.15.74 · 반별 진도표 활동 내용 미리보기·편집 모달 */
#progressTableBox .progressActivityPreview{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:52px!important;
  padding:7px 8px!important;
  border:1px solid #cfdeea!important;
  border-radius:9px!important;
  background:#f9fcff!important;
  color:#233f55!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 2px rgba(32,70,100,.03)!important;
}
#progressTableBox .progressActivityPreview:hover{
  border-color:#8fc8ec!important;
  background:#f2f9fe!important;
}
#progressTableBox .progressActivityPreview:focus-visible{
  outline:3px solid rgba(52,152,219,.2)!important;
  outline-offset:1px!important;
}
#progressTableBox .progressActivityPreviewLines{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#progressTableBox .progressActivityPreviewLine{
  display:grid!important;
  grid-template-columns:17px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}
#progressTableBox .progressActivityPreviewLine i{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:17px!important;
  height:17px!important;
  border-radius:50%!important;
  background:#e6f3fc!important;
  color:#2588c5!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:900!important;
}
#progressTableBox .progressActivityPreviewLine em{
  min-width:0!important;
  overflow:hidden!important;
  color:#29475e!important;
  font-size:11.5px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#progressTableBox .progressActivityPreviewEmpty{
  display:flex!important;
  align-items:center!important;
  min-height:22px!important;
  color:#9aa8b6!important;
  font-size:11.5px!important;
}
#progressTableBox .progressActivityPreviewMeta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  min-width:0!important;
}
#progressTableBox .progressActivityPreviewMeta small,
#progressTableBox .progressActivityPreviewMeta b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
#progressTableBox .progressActivityPreviewMeta small.auto{
  color:#16805a!important;
  background:#e8f8f0!important;
}
#progressTableBox .progressActivityPreviewMeta small.manual{
  color:#9a6813!important;
  background:#fff4d8!important;
}
#progressTableBox .progressActivityPreviewMeta b{
  color:#287eaf!important;
  background:#eaf5fc!important;
}

html.progressActivityModalLocked,
body.progressActivityModalLocked{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.progressActivityModalLocked{
  position:fixed!important;
  left:0!important;
  right:0!important;
  width:100%!important;
}
.progressActivityModal.hidden{display:none!important}
.progressActivityModal{
  position:fixed!important;
  inset:0!important;
  z-index:30050!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}
.progressActivityModalBackdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:rgba(26,43,61,.54)!important;
  cursor:default!important;
}
.progressActivityModalDialog{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  gap:14px!important;
  width:min(680px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  padding:0!important;
  border:1px solid #d5e2ec!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#243a4d!important;
  overflow:hidden!important;
  box-shadow:0 24px 70px rgba(18,42,61,.28)!important;
  box-sizing:border-box!important;
}
.progressActivityModalDialog>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:20px 22px 16px!important;
  border-bottom:1px solid #e2eaf1!important;
  background:linear-gradient(180deg,#fafdff,#f5faff)!important;
}
.progressActivityModalDialog>header small{
  display:block!important;
  margin-bottom:4px!important;
  color:#6d8193!important;
  font-size:12px!important;
  font-weight:800!important;
}
.progressActivityModalDialog>header h3{
  margin:0!important;
  color:#1f3b52!important;
  font-size:21px!important;
  font-weight:900!important;
}
.progressActivityModalClose{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border:1px solid #d7e3ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#506779!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.progressActivityModalStatus{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 22px!important;
}
.progressActivityModalStatus p{
  margin:0!important;
  color:#7b8d9c!important;
  font-size:12px!important;
}
.progressActivityModalMode{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.progressActivityModalMode.auto{color:#147956!important;background:#e6f7ee!important}
.progressActivityModalMode.manual{color:#956511!important;background:#fff2d3!important}
.progressActivityModalField{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  min-height:0!important;
  padding:0 22px!important;
}
.progressActivityModalField>span{
  color:#3b5367!important;
  font-size:13px!important;
  font-weight:900!important;
}
.progressActivityModalField textarea{
  width:100%!important;
  min-width:0!important;
  min-height:230px!important;
  max-height:100%!important;
  padding:14px 15px!important;
  border:1px solid #cddde8!important;
  border-radius:12px!important;
  background:#fbfdff!important;
  color:#243b4f!important;
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.65!important;
  white-space:pre-wrap!important;
  resize:vertical!important;
  box-sizing:border-box!important;
}
.progressActivityModalField textarea:focus{
  outline:none!important;
  border-color:#55aee4!important;
  box-shadow:0 0 0 3px rgba(52,152,219,.14)!important;
}
.progressActivityModalGuide{
  margin:0!important;
  padding:0 22px!important;
  color:#7d8e9b!important;
  font-size:11.5px!important;
}
.progressActivityModalDialog>footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:15px 22px 20px!important;
  border-top:1px solid #e3ebf1!important;
  background:#fbfdff!important;
}
.progressActivityModalDialog>footer>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.progressActivityRestore{
  border-color:#b8d8eb!important;
  background:#f1f9fe!important;
  color:#277fab!important;
}
.progressActivityRestore:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}
@media (min-width:769px) and (max-width:1440px){
  #progressTableBox .progressActivityPreview{padding:6px!important}
  #progressTableBox .progressActivityPreviewLine{grid-template-columns:15px minmax(0,1fr)!important;gap:4px!important}
  #progressTableBox .progressActivityPreviewLine i{width:15px!important;height:15px!important;font-size:8px!important}
  #progressTableBox .progressActivityPreviewLine em{font-size:10.5px!important}
  #progressTableBox .progressActivityPreviewMeta small,
  #progressTableBox .progressActivityPreviewMeta b{padding:2px 5px!important;font-size:8.5px!important}
  .progressActivityModalDialog{width:min(640px,calc(100vw - 44px))!important;max-height:calc(100dvh - 96px - env(safe-area-inset-top))!important}
  .progressActivityModalField textarea{min-height:200px!important}
}