/* PE-Class v1.15.75 · 반별 진도표 하단 작업 영역 */
@media (min-width:769px){
  html:not(.pe87FoldWide) .pe87ProgressPanel .progressActions.progressActionsSpaced{
    display:flex!important;
    width:calc(100% - 28px)!important;
    min-width:0!important;
    max-width:calc(100% - 28px)!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:14px!important;
    padding:13px 14px!important;
    border:1px solid #dce8f1!important;
    border-radius:12px!important;
    background:#f9fcff!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel .progressSelectionActions{
    display:flex!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin-left:auto!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #addProgressRow,
  html:not(.pe87FoldWide) .pe87ProgressPanel #restoreSelectedProgressPlans,
  html:not(.pe87FoldWide) .pe87ProgressPanel #deleteProgressRows{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #addProgressRow{
    min-width:142px!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #restoreSelectedProgressPlans{
    min-width:184px!important;
    color:#177bb9!important;
    border:1px solid #b8d9ec!important;
    background:#fff!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #deleteProgressRows{
    min-width:205px!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #restoreSelectedProgressPlans:disabled,
  html:not(.pe87FoldWide) .pe87ProgressPanel #deleteProgressRows:disabled{
    cursor:not-allowed!important;
    opacity:.46!important;
    box-shadow:none!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel .progressActionCount{
    display:inline-flex;
    min-width:19px;
    height:19px;
    align-items:center;
    justify-content:center;
    margin-left:5px;
    padding:0 5px;
    border-radius:999px;
    color:inherit;
    background:rgba(20,89,132,.1);
    font-size:11px;
    font-weight:800;
    box-sizing:border-box;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #deleteProgressRows .progressActionCount{
    background:rgba(255,255,255,.2);
  }
}

@media (min-width:769px) and (max-width:1180px){
  html:not(.pe87FoldWide) .pe87ProgressPanel .progressActions.progressActionsSpaced{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    gap:9px!important;
    margin:10px!important;
    padding:11px 10px!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel .progressSelectionActions{
    gap:6px!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #addProgressRow,
  html:not(.pe87FoldWide) .pe87ProgressPanel #restoreSelectedProgressPlans,
  html:not(.pe87FoldWide) .pe87ProgressPanel #deleteProgressRows{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #addProgressRow{
    min-width:118px!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #restoreSelectedProgressPlans{
    min-width:152px!important;
  }

  html:not(.pe87FoldWide) .pe87ProgressPanel #deleteProgressRows{
    min-width:177px!important;
  }
}