/* R273 — 실마진 요약: 평균 판매단가·평균 원가·L당 이득 카드, 부가 설명은 작은 글씨로 줄바꿈 */
#profitSummary > .metric > small{font-size:.74rem;font-weight:600;color:#5b6b7e;line-height:1.3}
#profitSummary > .metric.profit-unit.sale{background:#eaf6fb}
#profitSummary > .metric.profit-unit.cost{background:#f4f0ff}
#profitSummary > .metric.profit-unit.gain{background:#eaf7ee}
#profitSummary > .metric.profit-unit.gain.problem{background:#fdecec}
#profitSummary > .metric.profit-unit::before{background:#1e6a8a}
/* R273 — 폰 화면: 3열 표가 겹치던 것을 한 줄에 하나씩, 큰 숫자는 줄바꿈 허용 */
@media (max-width:700px){
  #profitSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #profitSummary > .metric{min-height:0!important;padding:10px 10px 10px 13px!important}
  #profitSummary > .metric > strong{font-size:1.12rem!important;white-space:normal!important;overflow-wrap:anywhere}
  #profitSummary > .metric > span{font-size:.76rem!important}
  [data-view="profit"] .simple-margin-breakdown{grid-template-columns:1fr!important;gap:10px!important}
  [data-view="profit"] .simple-margin-breakdown>*{margin:0!important;min-width:0;overflow-x:auto}
  [data-view="profit"] .simple-margin-summary,[data-view="profit"] .dense-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-view="profit"] .simple-margin-summary strong,[data-view="profit"] .dense-kpi-row strong{font-size:.98rem!important;white-space:normal!important;overflow-wrap:anywhere}
  #pendingCostPanel .station-head{flex-wrap:wrap;gap:8px}
  #pendingCostPanel .station-head button{flex:1 1 30%;min-width:0}
}

/* R304 — 매입단가 입력표: 판매 평균 원/L · 예상 L당 이득 */
.pc-sheet .pc-sold-note{display:block;font-size:.72rem;color:#5b6b82;font-weight:400}
.pc-sheet .pc-gain.pc-win{color:#067647;font-weight:800}
.pc-sheet .pc-gain.pc-loss{color:#b42318;font-weight:800}