/* COFIRING_SUMMARY_INLINE_V1_R5 / 20261006
 * Approved preview: 64px colored ratios, 46px fuels and inline target metadata.
 * Existing elements, values, event handlers and calculation logic stay in place.
 */
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
  grid-template-rows: auto;
  gap: 8px;
  margin-bottom: 10px;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  grid-column: auto;
  grid-row: 1;
  min-width: 0;
  min-height: 64px;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  text-align: left;
  background: var(--cf-summary-bg);
  border-color: #d0dce8;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric-emphasis {
  grid-column: 1;
  grid-row: 1;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric:first-child {
  grid-column: 2;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric:nth-child(2) {
  grid-column: 3;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric > span {
  display: inline;
  flex: 0 0 auto;
  min-height: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--cf-summary-ink);
  line-height: 1.35;
  white-space: nowrap;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric > strong {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: baseline;
  margin: 0;
  font-size: 22px;
  color: var(--cf-summary-ink);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.6px;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-variant-numeric: tabular-nums;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric-emphasis > strong {
  font-size: 24px;
  font-weight: 700;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric > strong > small {
  color: inherit;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}
@container cf-target-unit (max-width: 560px) {
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
@container cf-target-unit (max-width: 380px) {
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric:nth-child(n) {
    grid-column: 1;
    grid-row: auto;
    min-height: 64px;
    padding-block: 10px;
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric-emphasis {
    order: -1;
  }
}

/* Fixed category colors from the approved preview. */
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric-emphasis {
  --cf-summary-bg: #eaf6f1;
  --cf-summary-ink: #087d69;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric:first-child {
  --cf-summary-bg: #edf4fc;
  --cf-summary-ink: #27649e;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv52-metrics > .cfv52-metric:nth-child(2) {
  --cf-summary-bg: #fff4e5;
  --cf-summary-ink: #986019;
}

/* Fuel amounts: preserve the two-column ordering and keep names beside values. */
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv10-fuels > .cfv10-fuel-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv10-fuels > .cfv10-fuel-grid > .cfv10-fuel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  min-height: 46px;
  box-sizing: border-box;
  padding: 5px 10px;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv10-fuels > .cfv10-fuel-grid > .cfv10-fuel > .cfv10-fuel-label {
  display: inline;
  flex: 0 0 auto;
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv10-fuels > .cfv10-fuel-grid > .cfv10-fuel > .cfv10-fuel-value {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: baseline;
  margin: 0;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.25;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv10-fuels > .cfv10-fuel-grid > .cfv10-fuel > .cfv10-fuel-value > small {
  font-size: 12px;
  margin-left: 3px;
}


@container cf-target-unit (max-width: 380px) {
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv10-fuels > .cfv10-fuel-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Existing goal, value, deadline, warning and disclosure boxes share a wrapping row. */
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
  row-gap: 6px;
  min-height: 46px;
  box-sizing: border-box;
  padding: 5px 10px;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-head {
  display: contents;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-head > .cfv-target-inline {
  order: 1;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
  align-self: center;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-main {
  order: 2;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  align-self: center;
  text-align: left;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-main > .cfv10-target-value {
  display: inline-flex;
  align-items: baseline;
  font-size: 22px;
  line-height: 1.25;
  white-space: nowrap;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-head > .cfv10-target-deadline {
  order: 3;
  flex: 0 0 auto;
  margin-left: auto;
  align-self: center;
  white-space: nowrap;
  text-align: right;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > p.cfv10-target-warning {
  order: 4;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  align-self: center;
  text-align: right;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-details {
  order: 5;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  align-self: center;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-details:not([open]) > summary {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-details[open] {
  flex: 1 0 100%;
  width: 100%;
}

@container cf-target-unit (max-width: 520px) {
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > .cfv10-target-head > .cfv10-target-deadline {
    margin-left: 0;
    text-align: left;
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > [data-cfv52-summary-grid] > .cfv52-card[data-cfv52-unit]:not(.cfv-adjustment-card) > .cfv6-target.cfv10-target > p.cfv10-target-warning {
    text-align: left;
  }
}

/* COFIRING_COMBINED_SUMMARY_STYLE_V1 / 20261006
 * Approved 64px summary: total, Bio, organic/manure. No value or DOM changes.
 */
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total {
  display: grid;
  grid-template-columns: minmax(160px, .95fr) minmax(0, 3fr);
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #fff !important;
  border-color: #cbd8e7 !important;
  box-shadow: none !important;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0 3px;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > header > strong {
  color: var(--cf-ui-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  word-break: keep-all;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > header > span {
  margin: 0;
  color: var(--cf-ui-muted) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  align-self: stretch !important;
  justify-content: center !important;
  grid-row: 1;
  gap: 3px;
  min-width: 0;
  min-height: 64px;
  box-sizing: border-box;
  width: auto !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: var(--cf-combined-bg) !important;
  box-shadow: none !important;
  text-align: left;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric:first-child {
  grid-column: 2;
  --cf-combined-bg: #edf4fc;
  --cf-combined-ink: #27649e;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric:nth-child(2) {
  grid-column: 3;
  --cf-combined-bg: #fff4e5;
  --cf-combined-ink: #986019;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric-emphasis {
  grid-column: 1;
  --cf-combined-bg: #eaf6f1;
  --cf-combined-ink: #087d69;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric > span {
  min-height: 0;
  margin: 0;
  color: var(--cf-combined-ink) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  white-space: normal;
  word-break: keep-all;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric > strong {
  display: inline-flex;
  align-items: baseline;
  margin: 0 !important;
  color: var(--cf-combined-ink) !important;
  font-size: 24px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  letter-spacing: -.5px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric-emphasis > strong {
  font-weight: 750 !important;
}
#efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric > strong > small {
  margin-left: 2px;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0;
}
@container cf-results (min-width: 980px) {
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px;
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric > span {
    font-size: 12px !important;
  }
}
@container cf-results (max-width: 700px) {
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total {
    grid-template-columns: minmax(0, 1fr);
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > header {
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: wrap;
    gap: 4px 10px;
    padding: 2px 0 4px;
  }
}
@container cf-results (max-width: 460px) {
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios {
    grid-template-columns: minmax(0, 1fr);
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric:nth-child(n) {
    grid-column: 1;
    grid-row: auto;
    order: 0;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px;
  }
  #efficiencyCofiringDraftView .cofiring-period-v5 .cfv-results-dark > .cfv52-card-total > .cfv52-total-ratios > .cfv52-metric.cfv52-metric-emphasis {
    order: -1;
  }
}
