/* PE-Class v1.15.67
 * 1) MacBook·iPad 진도표 하단 작업 버튼을 카드 안의 보조 동작 크기로 정리합니다.
 * 2) 중간 폭 데스크톱(MacBook 포함)의 PAPS 12열을 카드 폭에 맞춥니다.
 * 모바일·Fold7·iPad PAPS 배열과 데이터 동작에는 영향을 주지 않습니다.
 */

@media (min-width:769px){
  html:not(.pe87FoldWide) .subjectPlanActions,
  html:not(.pe87FoldWide) .pe87ProgressPanel .progressActions{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-top:12px!important;
    padding:12px 0 0!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87FoldWide) #addSubjectPlanRow,
  html:not(.pe87FoldWide) #addProgressRow,
  html:not(.pe87FoldWide) #deleteSubjectPlanRows,
  html:not(.pe87FoldWide) #deleteProgressRows{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(50% - 6px)!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 15px!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) #addSubjectPlanRow,
  html:not(.pe87FoldWide) #addProgressRow{
    width:154px!important;
  }

  html:not(.pe87FoldWide) #deleteSubjectPlanRows,
  html:not(.pe87FoldWide) #deleteProgressRows{
    width:214px!important;
  }
}

/* MacBook처럼 본문 폭이 1380px보다 좁은 데스크톱에서만 적용합니다.
 * iPad·Fold7은 각각의 전용 표 배열을 그대로 유지합니다. */
@media (min-width:1001px) and (max-width:1600px) and (hover:hover) and (pointer:fine){
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox.tableWrap{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps.dataTable{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th,
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td{
    min-width:0!important;
    max-width:none!important;
    padding:7px 3px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th{
    font-size:12px!important;
    line-height:1.2!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(1),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(1){width:4%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(2),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(2){width:7%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(3),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(3){width:6%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(4),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(4){width:7%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(5),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(5){width:13%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(6),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(6){width:18%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(7),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(7){width:13%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(8),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(8){width:6%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(9),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(9){width:6%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(10),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(10){width:8%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(11),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(11){width:6%!important}
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps th:nth-child(12),
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox table.pe87Paps td:nth-child(12){width:6%!important}

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .papsInput{
    width:100%!important;
    min-width:0!important;
    max-width:58px!important;
    height:36px!important;
    margin:1px auto!important;
    padding:3px 2px!important;
    font-size:11px!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .papsPairedInputs,
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .papsGripInputs{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:3px!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .papsGrade{
    max-width:100%!important;
    padding:3px 5px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .overallGradeBadge{
    min-width:52px!important;
    max-width:100%!important;
    padding:5px 6px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .bmiValue,
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .summaryScore,
  html:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide) #papsTableBox .summaryGrade{
    min-width:0!important;
    font-size:13px!important;
  }
}