/* R238 — 월간 매입자료 팝업(.mp-). 오늘 업무 방식: 남색 머리글·유종별 색(고급 주황·무연 노랑·경유 파랑 — 마감일지 서식의 매입처 머리색과 같은 순서)·촘촘한 격자·합계 줄. 각진 모양 */
.mp-dialog{border:1px solid #2c5282;border-radius:0;padding:0;width:min(1000px,96vw);max-height:92vh;background:#fff;color:#1f2d3d}
.mp-dialog::backdrop{background:rgba(15,30,55,.55)}
.mp-dialog[open]{display:flex;flex-direction:column}
.mp-head{display:flex;justify-content:space-between;align-items:center;background:#1f3b5c;color:#fff;padding:8px 14px}
.mp-head h2{margin:0;font-size:1.1rem;color:#fff}
.mp-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 14px;background:#eef3fa;border-bottom:1px solid #9fb4cf}
.mp-bar label{display:flex;gap:6px;align-items:center;font-weight:800;white-space:nowrap}
.mp-bar select{border-radius:0;border:1px solid #9fb4cf;padding:4px 8px;font-size:.95rem}
.mp-btn{border:1px solid #2c5282;border-radius:0;background:#fff;color:#1f3b5c;font-weight:800;padding:5px 12px;cursor:pointer;white-space:nowrap}
.mp-head .mp-btn{background:transparent;color:#fff;border-color:#9fb4cf}
.mp-xlsx{margin-left:auto;background:#2e8b57;color:#fff;border-color:#2e8b57}
#mpBody{overflow:auto;padding:4px 14px 14px}
.mp-sec h3{margin:12px 0 4px;font-size:1rem;color:#1f3b5c}
.mp-sec small{margin-left:8px;color:#5b6b7e;font-weight:400;font-size:.8rem}
.mp-wrap{overflow-x:auto;border:1px solid #9fb4cf}
.mp-sheet{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
.mp-sheet thead th{background:#2c5282;color:#fff;border:1px solid #3a557a;padding:5px 8px;font-size:.82rem;white-space:nowrap}
.mp-sheet thead th.mp-f-premium{background:#FFC000!important;color:#4a3200!important}
.mp-sheet thead th.mp-f-regular{background:#FFD966!important;color:#4a3a00!important}
.mp-sheet thead th.mp-f-diesel{background:#4472C4!important;color:#fff!important}
.mp-sheet thead th.mp-f-other{background:#7f8c9d!important;color:#fff!important}
.mp-sheet tbody td{border:1px solid #d3deec;padding:3px 8px;height:28px;white-space:nowrap}
.mp-sheet tbody tr:nth-child(even) td{background:#f6f9fd}
.mp-sheet td.l{font-weight:800;background:#dfeafc!important;color:#1f3b5c}
.mp-sheet td.r,.mp-sheet th.r{text-align:right;font-variant-numeric:tabular-nums}
.mp-sheet td.mp-f-premium{background:#FFF2CC!important}
.mp-sheet td.mp-f-regular{background:#FFF9DB!important}
.mp-sheet td.mp-f-diesel{background:#DDEBF7!important}
.mp-sheet tfoot th{background:#d3ecda;color:#14532d;border:1px solid #9fcba9;padding:5px 8px;text-align:left}
.mp-empty{padding:28px;text-align:center;color:#5b6b7e;border:1px dashed #9fb4cf;margin-top:12px}
@media (max-width:600px){.mp-dialog{width:100vw;max-height:100vh}.mp-xlsx{margin-left:0}}