/* PE-Class test — 세특 기초자료 일괄 업로드 UI */
.assessmentCommentsBulkToolbar12107{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  margin:-2px 0 12px!important;
  box-sizing:border-box!important;
}
.assessmentCommentsBulkUpload12107{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:7px 14px!important;
  border:1px solid #1976e9!important;
  border-radius:8px!important;
  background:#1976e9!important;
  color:#fff!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 3px 9px rgba(25,118,233,.14)!important;
}
.assessmentCommentsBulkUpload12107:disabled{opacity:.55!important;cursor:wait!important}
.assessmentCommentsBulkUpload12107:focus-visible{outline:3px solid rgba(25,118,233,.22)!important;outline-offset:2px!important}
.assessmentCommentsBulkMessage12107{
  flex:1 1 100%!important;
  color:#526e84!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.45!important;
  text-align:right!important;
}
.assessmentCommentsBulkMessage12107[data-tone="success"]{color:#087451!important}
.assessmentCommentsBulkMessage12107[data-tone="error"]{color:#c33d32!important}
.assessmentCommentsBulkMessage12107[data-tone="info"]{color:#28628f!important}

html.assessmentCommentsBulkOpen12107,
body.assessmentCommentsBulkOpen12107{overflow:hidden!important;overscroll-behavior:none!important}
.assessmentCommentsBulkModal12107{
  position:fixed;
  inset:0;
  z-index:2147482600;
  display:grid;
  place-items:center;
  padding:20px;
  box-sizing:border-box;
  font-family:inherit;
}
.assessmentCommentsBulkBackdrop12107{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(13,31,48,.58);
  backdrop-filter:blur(3px);
}
.assessmentCommentsBulkDialog12107{
  position:relative;
  display:flex;
  flex-direction:column;
  width:min(820px,100%);
  max-height:min(820px,calc(100dvh - 40px));
  overflow:hidden;
  box-sizing:border-box;
  border:1px solid #cdddea;
  border-radius:18px;
  background:#fff;
  color:#1b3044;
  box-shadow:0 22px 60px rgba(17,38,58,.28);
}
.assessmentCommentsBulkHead12107{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:19px 21px 14px;
  border-bottom:1px solid #e1e9f0;
}
.assessmentCommentsBulkHead12107>div{min-width:0}
.assessmentCommentsBulkHead12107 span{color:#1976e9;font-size:12px;font-weight:900;letter-spacing:.04em}
.assessmentCommentsBulkHead12107 h3{margin:3px 0 4px;font-size:21px;line-height:1.35;word-break:keep-all}
.assessmentCommentsBulkHead12107 p{overflow:hidden;margin:0;color:#6c8093;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.assessmentCommentsBulkClose12107{
  flex:0 0 40px;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid #d6e2ec;
  border-radius:10px;
  background:#f8fbfd;
  color:#52687b;
  font-size:18px;
  cursor:pointer;
}
.assessmentCommentsBulkClose12107:disabled,
.assessmentCommentsBulkCancel12107:disabled{opacity:.48;cursor:wait}
.assessmentCommentsBulkSummary12107{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:14px 21px 0;
}
.assessmentCommentsBulkSummary12107>div{
  display:grid;
  justify-items:center;
  gap:2px;
  padding:9px 6px;
  border:1px solid #dae5ee;
  border-radius:10px;
  background:#f7fafc;
}
.assessmentCommentsBulkSummary12107 b{color:#29465f;font-size:18px;line-height:1}
.assessmentCommentsBulkSummary12107 span{color:#6a7f91;font-size:10px;font-weight:900}
.assessmentCommentsBulkSummary12107 .isReady{border-color:#b9e6d4;background:#effaf5}
.assessmentCommentsBulkSummary12107 .isReady b{color:#087451}
.assessmentCommentsBulkSummary12107 .hasWarning{border-color:#efd5ad;background:#fff8eb}
.assessmentCommentsBulkSummary12107 .hasWarning b{color:#a6630a}
.assessmentCommentsBulkNotice12107{
  margin:10px 21px;
  padding:9px 11px;
  border:1px solid #cfe1ef;
  border-radius:9px;
  background:#f4f9fd;
  color:#587188;
  font-size:11px;
  font-weight:750;
  line-height:1.5;
}
.assessmentCommentsBulkRows12107{
  flex:1 1 auto;
  min-height:0;
  margin:0 21px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #dce6ee;
  border-radius:12px;
  background:#fbfdff;
}
.assessmentCommentsBulkRow12107{
  display:grid;
  grid-template-columns:minmax(190px,1fr) minmax(180px,1.2fr) 78px;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:10px 12px;
  box-sizing:border-box;
  border-bottom:1px solid #e4ebf1;
}
.assessmentCommentsBulkRow12107:last-child{border-bottom:0}
.assessmentCommentsBulkItem12107{display:grid;gap:3px;min-width:0}
.assessmentCommentsBulkItem12107 b{overflow:hidden;color:#1d354a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.assessmentCommentsBulkItem12107 span{color:#718597;font-size:10px;font-weight:800}
.assessmentCommentsBulkReason12107{color:#60768a;font-size:11px;font-weight:750;line-height:1.4;text-align:right}
.assessmentCommentsBulkBadge12107{
  justify-self:end;
  min-width:58px;
  padding:5px 8px;
  box-sizing:border-box;
  border-radius:999px;
  background:#edf3f7;
  color:#617789;
  font-size:10px;
  font-weight:900;
  line-height:1.25;
  text-align:center;
  white-space:nowrap;
}
.assessmentCommentsBulkRow12107.state-new .assessmentCommentsBulkBadge12107{background:#e5f7ef;color:#08734e}
.assessmentCommentsBulkRow12107.state-replace .assessmentCommentsBulkBadge12107{background:#e8f3ff;color:#176fae}
.assessmentCommentsBulkRow12107.state-missing .assessmentCommentsBulkBadge12107,
.assessmentCommentsBulkRow12107.state-mismatch .assessmentCommentsBulkBadge12107{background:#fff5df;color:#9a6a05}
.assessmentCommentsBulkRow12107.state-error .assessmentCommentsBulkBadge12107{background:#fff0ed;color:#b84b42}
.assessmentCommentsBulkRow12107.state-missing,
.assessmentCommentsBulkRow12107.state-mismatch,
.assessmentCommentsBulkRow12107.state-error{background:#fafafa}
.assessmentCommentsBulkApplyMessage12107{
  margin:9px 21px 0;
  color:#28628f;
  font-size:11px;
  font-weight:850;
  line-height:1.45;
}
.assessmentCommentsBulkApplyMessage12107[data-tone="success"]{color:#087451}
.assessmentCommentsBulkApplyMessage12107[data-tone="error"]{color:#c33d32}
.assessmentCommentsBulkFoot12107{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:13px 21px 17px;
}
.assessmentCommentsBulkFoot12107 button{
  min-height:40px;
  padding:8px 18px;
  border:1px solid #bfd3e4;
  border-radius:9px;
  background:#fff;
  color:#28628f;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.assessmentCommentsBulkApply12107{min-width:130px;background:#1976e9!important;border-color:#1976e9!important;color:#fff!important}
.assessmentCommentsBulkApply12107:disabled{opacity:.48;cursor:not-allowed}

@media(max-width:768px){
  body.mobileAssessmentView .assessConfig.mobileAssessmentConfigCollapsed > .assessmentCommentsBulkToolbar12107{display:none!important}
  .assessmentCommentsBulkToolbar12107{margin:0 0 12px!important}
  .assessmentCommentsBulkUpload12107{width:100%!important;min-height:42px!important;white-space:normal!important;word-break:keep-all!important}
  .assessmentCommentsBulkMessage12107{text-align:left!important}
  .assessmentCommentsBulkModal12107{align-items:end;padding:0}
  .assessmentCommentsBulkDialog12107{width:100%;max-height:94dvh;border-radius:18px 18px 0 0;border-bottom:0}
  .assessmentCommentsBulkHead12107{padding:16px 16px 12px}
  .assessmentCommentsBulkHead12107 h3{font-size:17px}
  .assessmentCommentsBulkClose12107{flex-basis:38px;width:38px;height:38px}
  .assessmentCommentsBulkSummary12107{grid-template-columns:repeat(5,minmax(54px,1fr));gap:5px;margin:11px 14px 0}
  .assessmentCommentsBulkSummary12107>div{padding:8px 3px}
  .assessmentCommentsBulkSummary12107 b{font-size:16px}
  .assessmentCommentsBulkSummary12107 span{font-size:9px}
  .assessmentCommentsBulkNotice12107{margin:8px 14px;padding:8px 9px}
  .assessmentCommentsBulkRows12107{margin:0 14px;border:0;background:transparent}
  .assessmentCommentsBulkRow12107{
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px 8px;
    min-height:0;
    margin-bottom:7px;
    padding:10px;
    border:1px solid #dce6ee!important;
    border-radius:10px;
    background:#fbfdff;
  }
  .assessmentCommentsBulkItem12107 b{font-size:12px}
  .assessmentCommentsBulkReason12107{grid-column:1/-1;grid-row:2;text-align:left;font-size:10px}
  .assessmentCommentsBulkBadge12107{grid-column:2;grid-row:1;align-self:center}
  .assessmentCommentsBulkApplyMessage12107{margin:8px 14px 0}
  .assessmentCommentsBulkFoot12107{display:grid;grid-template-columns:1fr 1fr;padding:10px 14px max(12px,env(safe-area-inset-bottom))}
  .assessmentCommentsBulkFoot12107 button{width:100%;min-width:0;padding:8px 9px}
}

@media(min-width:769px) and (max-width:1200px){
  html.pe87FoldWide[data-pe-fold-wide="true"][data-pe87-fold-device^="galaxy-fold"]:not(.pe87Ipad):not(.pe87IpadRuntime):not([data-pe-ipados="true"])[data-pe-tab="assessment"]
  #app .assessConfig.peFoldAssessmentConfig12014.is-collapsed > .assessmentCommentsBulkToolbar12107{display:none!important}
}