/* R242 — 실마진 화면: ① 입고 원가 확인 대기의 구분 칩(유류·유외상품·요소수·전체)을 색으로 구분 ② 카드수수료율 입력 칸을 항상 보이게(노란 입력 칸) ③ 선입선출 표의 평균 판매단가 열. 각 선택자는 이 화면 안에서만 */
#pendingCostPanel .pc-chips{background:linear-gradient(#f9fbfe,#eef4fc);gap:8px;padding:8px 12px}
#pendingCostPanel .pc-chip{--c:#1f3b5c;--t:#e8eef6;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:3px 10px 3px 11px;border-radius:999px;border:1.5px solid var(--c);background:var(--t);color:var(--c);font-weight:800;font-size:.86rem;line-height:1;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}
#pendingCostPanel .pc-chip.pc-cat-oil{--c:#1f6feb;--t:#e6f0ff}
#pendingCostPanel .pc-chip.pc-cat-goods{--c:#15803d;--t:#e3f6ea}
#pendingCostPanel .pc-chip.pc-cat-urea{--c:#7c3aed;--t:#f0e9ff}
#pendingCostPanel .pc-chip.pc-cat-all{--c:#1f3b5c;--t:#e8eef6}
#pendingCostPanel .pc-chip .pc-dot{width:9px;height:9px;border-radius:50%;background:var(--c);flex:0 0 auto}
#pendingCostPanel .pc-chip .pc-chip-n{min-width:26px;padding:3px 8px;border-radius:999px;background:var(--c);color:#fff;font-size:.78rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
#pendingCostPanel .pc-chip:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(31,59,92,.18)}
#pendingCostPanel .pc-chip.on{background:var(--c);color:#fff;border-color:var(--c);box-shadow:0 3px 9px rgba(31,59,92,.28)}
#pendingCostPanel .pc-chip.on .pc-dot{background:#fff}
#pendingCostPanel .pc-chip.on .pc-chip-n{background:#fff;color:var(--c)}
#fuelMarginTable th.fee-col{background:#d9a400;color:#fff}
#fuelMarginTable th.fee-col small{display:block;font-weight:400;font-size:.68rem;opacity:.9}
#fuelMarginTable td.fee-col{background:#fffbe6}
#fuelMarginTable .fuel-margin-fee-rate{width:72px;text-align:right;padding:4px 6px;border:1.5px solid #e0b100;background:#fff9d6;border-radius:4px;font-weight:800;color:#5a4300}
#fuelMarginTable .fuel-margin-fee-rate:focus{outline:2px solid #f0c419;background:#fff}
#profitItems th.profit-avg-col{background:#1e6a8a;color:#fff;white-space:nowrap}
#profitItems th.profit-avg-col small{display:block;font-weight:400;font-size:.68rem;opacity:.9}
#profitItems td.profit-avg-col{background:#eaf6fb;font-variant-numeric:tabular-nums;font-weight:700}
#profitItems tr.total-row td.profit-avg-col{background:#d3ecda}
/* R246 — 입고 원가 확인 대기: 줄별 카드수수료율 입력 칸 — 매입단가·수송료와 같은 노란 입력 칸(8번째 칸) */
#pendingCostPanel .pc-sheet tbody td.pc-fee{background:#fff8dc!important;color:#12263f;padding:0!important}
#pendingCostPanel .pc-sheet tbody td.pc-fee :focus{outline:2px solid #1456c8;outline-offset:-2px;background:#fff!important}
/* R265 — 매입가 입력표: 입고분별 선입선출 판매(팔린 양·실제 판매단가·L당 마진) 열 */
#fuelMarginTable th.fifo-col{background:#1e6a8a;color:#fff;white-space:nowrap}
#fuelMarginTable th.fifo-col small{display:block;font-weight:400;font-size:.68rem;opacity:.9}
#fuelMarginTable td.fifo-col{background:#eaf6fb;font-variant-numeric:tabular-nums;white-space:nowrap}
#fuelMarginTable td.fifo-sale{font-weight:800}