/* COFIRING DATE NAV + CLOSED SNAPSHOT V1 */

#efficiencyCofiringDraftView .cfv12-date-field{
  display:grid!important;
  gap:5px!important;
  min-width:0;
}

#efficiencyCofiringDraftView .cfv12-date-label{
  color:#587083;
  font-size:10px;
  font-weight:700;
}

#efficiencyCofiringDraftView .cfv12-date-nav{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  align-items:center;
  gap:6px;
  width:100%;
  min-width:0;
}

#efficiencyCofiringDraftView .cfv12-date-arrow{
  box-sizing:border-box;
  width:36px;
  min-width:36px;
  height:36px;
  padding:0;
  border:1px solid #b8cee0;
  border-radius:7px;
  background:#f7fbff;
  color:#285f8b;
  font-size:21px;
  font-weight:800;
  line-height:1;
}

#efficiencyCofiringDraftView .cfv12-date-center{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  height:36px;
  overflow:hidden;
  border:1px solid #b8cee0;
  border-radius:7px;
  background:#fff;
}

#efficiencyCofiringDraftView .cfv12-date-center input[data-cfv7-date]{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#fff!important;
  color:#18374f!important;
  font-size:13px!important;
  font-weight:700!important;
}

#efficiencyCofiringDraftView .cfv12-date-today{
  height:34px;
  padding:0 7px;
  border:0;
  border-left:1px solid #d7e2ea;
  border-radius:0;
  background:#f3f8fc;
  color:#285f8b;
  font-size:11px;
  font-weight:800;
}

#efficiencyCofiringDraftView .cfv12-date-arrow:hover:not(:disabled),
#efficiencyCofiringDraftView .cfv12-date-today:hover:not(:disabled){
  background:#edf7ff;
}

#efficiencyCofiringDraftView .cfv12-date-arrow:disabled,
#efficiencyCofiringDraftView .cfv12-date-today:disabled{
  opacity:.4;
  cursor:default;
}

/* tabs */

#efficiencyCofiringDraftView .cfv12-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
}

#efficiencyCofiringDraftView .cfv12-tabs{
  display:inline-flex;
  gap:4px;
  padding:3px;
  border:1px solid #d9e3eb;
  border-radius:9px;
  background:#eef3f7;
}

#efficiencyCofiringDraftView .cfv12-tab{
  min-width:112px;
  height:31px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#607486;
  font-size:11px;
  font-weight:800;
}

#efficiencyCofiringDraftView .cfv12-tab[aria-selected="true"]{
  border-color:#b9d0e2;
  background:#fff;
  color:#245e8b;
  box-shadow:0 1px 4px rgba(30,70,100,.08);
}

#efficiencyCofiringDraftView .cfv12-close-save{
  height:32px;
  padding:0 13px;
  border:1px solid #7fb69f;
  border-radius:7px;
  background:#eff8f4;
  color:#176b53;
  font-size:10px;
  font-weight:800;
}

/* history mode */

#efficiencyCofiringDraftView
.cfv5-sheet.cfv12-history-mode
> :not(.cfv5-title-row):not(.cfv12-toolbar):not(.cfv12-history-panel){
  display:none!important;
}

#efficiencyCofiringDraftView .cfv12-history-panel{
  min-height:430px;
  padding:14px;
  border:1px solid #dbe4eb;
  border-radius:11px;
  background:#fff;
}

#efficiencyCofiringDraftView .cfv12-history-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:11px;
  border-bottom:1px solid #edf1f4;
}

#efficiencyCofiringDraftView .cfv12-history-head>div{
  display:grid;
  gap:3px;
}

#efficiencyCofiringDraftView .cfv12-history-head strong{
  color:#17374f;
  font-size:15px;
}

#efficiencyCofiringDraftView .cfv12-history-head span{
  color:#748797;
  font-size:10px;
}

#efficiencyCofiringDraftView .cfv12-history-head button,
#efficiencyCofiringDraftView .cfv12-row-actions button,
#efficiencyCofiringDraftView .cfv12-detail-head button{
  height:30px;
  padding:0 10px;
  border:1px solid #bdd2e1;
  border-radius:6px;
  background:#f7fbff;
  color:#2d638a;
  font-size:10px;
  font-weight:800;
}

#efficiencyCofiringDraftView .cfv12-row-actions{
  display:flex;
  gap:5px;
  justify-content:flex-end;
}

#efficiencyCofiringDraftView .cfv12-row-actions .danger{
  border-color:#e3c2c2;
  background:#fff7f7;
  color:#a94c4c;
}

#efficiencyCofiringDraftView .cfv12-history-table-wrap{
  margin-top:12px;
  overflow:auto;
  border:1px solid #e2e9ee;
  border-radius:8px;
}

#efficiencyCofiringDraftView .cfv12-history-table{
  width:100%;
  border-collapse:collapse;
  font-size:11px;
}

#efficiencyCofiringDraftView .cfv12-history-table th,
#efficiencyCofiringDraftView .cfv12-history-table td{
  padding:9px 10px;
  border-bottom:1px solid #edf1f4;
  text-align:left;
  white-space:nowrap;
}

#efficiencyCofiringDraftView .cfv12-history-table th{
  background:#f7f9fb;
  color:#687b8b;
  font-size:9px;
}

#efficiencyCofiringDraftView .cfv12-history-table tbody tr:last-child td{
  border-bottom:0;
}

#efficiencyCofiringDraftView .cfv12-empty,
#efficiencyCofiringDraftView .cfv12-loading,
#efficiencyCofiringDraftView .cfv12-error{
  display:grid;
  place-items:center;
  gap:5px;
  min-height:220px;
  color:#718493;
  font-size:11px;
  text-align:center;
}

#efficiencyCofiringDraftView .cfv12-error{
  color:#ae4848;
}

/* detail */

#efficiencyCofiringDraftView .cfv12-detail{
  margin-top:14px;
  padding:13px;
  border:1px solid #dce6ed;
  border-radius:9px;
  background:#f9fbfc;
}

#efficiencyCofiringDraftView .cfv12-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}

#efficiencyCofiringDraftView .cfv12-detail-head>div{
  display:grid;
  gap:2px;
}

#efficiencyCofiringDraftView .cfv12-detail-head strong{
  color:#193a52;
  font-size:13px;
}

#efficiencyCofiringDraftView .cfv12-detail-head span{
  color:#7b8d99;
  font-size:9px;
}

#efficiencyCofiringDraftView .cfv12-detail-cards{
  display:grid;
  grid-template-columns:1fr 1fr .72fr;
  gap:9px;
}

#efficiencyCofiringDraftView .cfv12-detail-cards section{
  padding:11px;
  border:1px solid #e0e8ee;
  border-radius:8px;
  background:#fff;
}

#efficiencyCofiringDraftView .cfv12-detail-cards section>strong{
  color:#24465f;
  font-size:11px;
}

#efficiencyCofiringDraftView .cfv12-detail-cards dl{
  display:grid;
  gap:5px;
  margin:8px 0 0;
}

#efficiencyCofiringDraftView .cfv12-detail-cards dl div{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

#efficiencyCofiringDraftView .cfv12-detail-cards dt{
  color:#6c7f8e;
  font-size:10px;
}

#efficiencyCofiringDraftView .cfv12-detail-cards dd{
  margin:0;
  color:#1d3c53;
  font-size:10px;
  font-weight:800;
}

#efficiencyCofiringDraftView .cfv12-detail-cards .overall{
  display:grid;
  place-items:center;
  text-align:center;
}

#efficiencyCofiringDraftView .cfv12-total-ratio{
  margin-top:8px;
  color:#176a58;
  font-size:25px;
  font-weight:900;
}

#efficiencyCofiringDraftView .cfv12-detail-cards .overall span{
  color:#738694;
  font-size:9px;
}

#efficiencyCofiringDraftView .cfv12-basis{
  margin-top:10px;
  border-top:1px solid #e4eaef;
  padding-top:9px;
}

#efficiencyCofiringDraftView .cfv12-basis summary{
  cursor:pointer;
  color:#506b7e;
  font-size:10px;
  font-weight:800;
}

#efficiencyCofiringDraftView .cfv12-basis table{
  width:100%;
  margin-top:8px;
  border-collapse:collapse;
  background:#fff;
  font-size:9px;
}

#efficiencyCofiringDraftView .cfv12-basis th,
#efficiencyCofiringDraftView .cfv12-basis td{
  padding:7px 8px;
  border:1px solid #e4e9ed;
  text-align:center;
}

@media(max-width:900px){
  #efficiencyCofiringDraftView .cfv12-toolbar{
    align-items:stretch;
    flex-direction:column;
  }

  #efficiencyCofiringDraftView .cfv12-tabs{
    displaystretch;
    flex-direction:column;
  }

  #efficiencyCofiringDraftView .cfv12-tabs{
    display:flex;
  }

  #efficiencyCofiringDraftView .cfv12-tab{
    flex:1;
  }

  #efficiencyCofiringDraftView .cfv12-detail-cards{
    grid-template-columns:1fr;
  }

  #efficiencyCofiringDraftView .cfv12-history-table{
    min-width:760px;
  }
}

/* COFIRING DATE LAYOUT FIX V2 */

/* 전체 조회행:
   날짜 330px / 자동범위 최대 380px / 버튼 영역 */
#efficiencyCofiringDraftView .cfv5-query-grid{
  grid-template-columns:
    330px
    minmax(300px,380px)
    minmax(max-content,1fr) !important;

  justify-content:start !important;
  align-items:end !important;
  column-gap:10px !important;
}

/* 계산일 label 안에서는 세로 구조 유지 */
#efficiencyCofiringDraftView [data-cfv8-daily-fields]{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:5px !important;

  width:330px !important;
  min-width:330px !important;
  max-width:330px !important;
}

/* ‹  날짜|오늘  › */
#efficiencyCofiringDraftView .cfv12-date-nav{
  display:grid !important;
  grid-template-columns:
    36px
    minmax(0,1fr)
    36px !important;

  width:100% !important;
  gap:6px !important;
  align-items:center !important;
}

#efficiencyCofiringDraftView .cfv12-date-center{
  display:grid !important;
  grid-template-columns:
    minmax(0,1fr)
    48px !important;

  min-width:0 !important;
  height:36px !important;
}

#efficiencyCofiringDraftView
.cfv12-date-center
input[data-cfv7-date]{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}

/* 자동 조회 범위는 필요한 정도까지만 */
#efficiencyCofiringDraftView .cfv7-daily-range{
  width:380px !important;
  min-width:300px !important;
  max-width:380px !important;
}

/* 계산 버튼은 내용 크기만 */
#efficiencyCofiringDraftView .cfv5-query-actions{
  width:auto !important;
  min-width:max-content !important;
}

/* 좁아지면 억지로 찌그러뜨리지 않고 아래로 */
@media (max-width:900px){

  #efficiencyCofiringDraftView .cfv5-query-grid{
    grid-template-columns:1fr !important;
    row-gap:8px !important;
  }

  #efficiencyCofiringDraftView [data-cfv8-daily-fields],
  #efficiencyCofiringDraftView .cfv7-daily-range{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
}

/* COFIRING QUERY ACTION RIGHT ALIGN V1 */
#efficiencyCofiringDraftView .cfv5-query-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:max-content !important;
  gap:7px !important;
}

/* COFIRING TOTAL SUMMARY DESIGN V2 */

/* 1,2호기 종합 카드 - 초록색 대신 네이비/블루 */
#efficiencyCofiringDraftView .cfv52-card-total{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid #244d74 !important;
  border-radius:12px !important;
  background:linear-gradient(
    135deg,
    #173a5e 0%,
    #234f78 55%,
    #315f89 100%
  ) !important;
  box-shadow:
    0 4px 12px rgba(24,58,94,.14) !important;
  color:#fff !important;
}

/* 왼쪽 제목 */
#efficiencyCofiringDraftView .cfv52-card-total > header{
  background:transparent !important;
}

#efficiencyCofiringDraftView .cfv52-card-total > header strong{
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:-.2px !important;
}

#efficiencyCofiringDraftView .cfv52-card-total > header span{
  color:#c6d7e6 !important;
  font-size:9px !important;
  font-weight:700 !important;
}

/* 세 가지 혼소율 영역 */
#efficiencyCofiringDraftView .cfv52-card-total .cfv52-total-ratios{
  align-items:stretch !important;
}

#efficiencyCofiringDraftView .cfv52-card-total .cfv52-metric{
  border-color:rgba(255,255,255,.16) !important;
  background:transparent !important;
}

#efficiencyCofiringDraftView .cfv52-card-total .cfv52-metric > span{
  color:#d7e4ef !important;
  font-weight:700 !important;
}

#efficiencyCofiringDraftView .cfv52-card-total .cfv52-metric > strong{
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  font-variant-numeric:tabular-nums !important;
}

/* 핵심값: 종합혼소율 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric-emphasis{
  margin:4px !important;
  padding:8px 12px !important;
  border:1px solid #f0cf91 !important;
  border-radius:8px !important;
  background:#fff4dc !important;
  box-shadow:0 2px 6px rgba(20,42,65,.12) !important;
}

#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric-emphasis > span{
  color:#76541b !important;
  font-weight:900 !important;
}

#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric-emphasis > strong{
  color:#173a5e !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

/* 합산 연료값이 표시되는 경우에도 흰색 계열 */
#efficiencyCofiringDraftView .cfv52-card-total .cfv52-total-fuels{
  border-color:rgba(255,255,255,.15) !important;
}

#efficiencyCofiringDraftView .cfv52-card-total .cfv52-total-fuels span,
#efficiencyCofiringDraftView .cfv52-card-total .cfv52-total-fuels small{
  color:#cad9e6 !important;
}

#efficiencyCofiringDraftView .cfv52-card-total .cfv52-total-fuels strong{
  color:#ffffff !important;
}

/* COFIRING TOTAL SUMMARY SOFTEN V1 */

/* 전체 카드 배경을 좀 더 부드럽게 */
#efficiencyCofiringDraftView .cfv52-card-total{
  border-color:#6f8eaa !important;
  background:linear-gradient(
    135deg,
    #31597d 0%,
    #3e678b 55%,
    #4c7697 100%
  ) !important;
  box-shadow:0 3px 8px rgba(33,67,96,.10) !important;
}

/* 왼쪽 제목/설명은 조금만 부드럽게 */
#efficiencyCofiringDraftView .cfv52-card-total > header strong{
  color:#f5f9fc !important;
  font-size:12px !important;
}

#efficiencyCofiringDraftView .cfv52-card-total > header span{
  color:#d9e4ee !important;
}

/* 일반 지표 숫자는 살짝 축소 */
#efficiencyCofiringDraftView .cfv52-card-total .cfv52-metric > strong{
  font-size:18px !important;
  font-weight:850 !important;
}

#efficiencyCofiringDraftView .cfv52-card-total .cfv52-metric > span{
  color:#e0e8ef !important;
}

/* 핵심 종합혼소율 박스도 조금 덜 튀게 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric-emphasis{
  margin:3px !important;
  padding:7px 11px !important;
  border:1px solid #e7d3a6 !important;
  border-radius:8px !important;
  background:#f7efde !important;
  box-shadow:0 1px 4px rgba(28,51,74,.08) !important;
}

#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric-emphasis > span{
  color:#876327 !important;
  font-size:10px !important;
}

#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric-emphasis > strong{
  color:#21496d !important;
  font-size:22px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
}

/* 구분선도 과하지 않게 */
#efficiencyCofiringDraftView .cfv52-card-total .cfv52-metric{
  border-color:rgba(255,255,255,.12) !important;
}

/* COFIRING METRIC FONT SIZE TUNE V1 */

/* 가운데 2개 지표(바이오 / 유기성 및 축분 혼소율)만 가독성 강화 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric:not(.cfv52-metric-emphasis) > span{
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric:not(.cfv52-metric-emphasis) > strong{
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1.08 !important;
}

/* 좁은 폭에서도 너무 답답해 보이지 않도록 내부 여백 약간 확보 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-metric:not(.cfv52-metric-emphasis){
  padding-top:4px !important;
  padding-bottom:4px !important;
}

/* COFIRING TOTAL SUMMARY VERTICAL CENTER V1 */

/* 종합 카드의 모든 영역을 카드 높이 기준으로 세로 중앙 정렬 */
#efficiencyCofiringDraftView .cfv52-card-total{
  align-items:center !important;
}

/* 왼쪽 제목 */
#efficiencyCofiringDraftView .cfv52-card-total > header{
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

/* 오른쪽 3개 지표 영역 */
#efficiencyCofiringDraftView .cfv52-card-total .cfv52-total-ratios{
  align-self:stretch !important;
  align-items:stretch !important;
}

/* 바이오 / 유기성·축분 / 종합혼소율 모두 세로 중앙 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-total-ratios > .cfv52-metric{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:stretch !important;
}

/* 기존 라벨 최소높이가 위쪽 치우침을 만들지 않도록 해제 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-total-ratios > .cfv52-metric > span{
  min-height:0 !important;
}

/* 라벨과 숫자 간격만 일정하게 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-total-ratios > .cfv52-metric > strong{
  margin-top:4px !important;
}

/* 오른쪽 강조 박스도 가운데 기준 유지 */
#efficiencyCofiringDraftView
.cfv52-card-total
.cfv52-total-ratios > .cfv52-metric-emphasis{
  justify-content:center !important;
  align-self:center !important;
  width:calc(100% - 6px) !important;
}