/* R154 — 실마진 분석: 엑셀처럼 간격 없이 한 줄씩 구분 + 색감 + 유류매입/유외상품/기타 탭 */
[data-view="profit"] .pd-tabs{display:flex;align-items:center;gap:0;margin:0 0 6px;border-bottom:2px solid #1f3b5c}
[data-view="profit"] .pd-tabs button{min-height:40px;padding:0 22px;border:1px solid #b7c6d8;border-bottom:0;border-radius:8px 8px 0 0;background:#e8eef6;color:#25405f;font-weight:800;font-size:.95rem;margin-right:3px;cursor:pointer}
[data-view="profit"] .pd-tabs button.on{background:#1f3b5c;color:#fff;border-color:#1f3b5c}
[data-view="profit"] .pd-tabs button[data-pd-tab="fuel"].on{background:#1456c8;border-color:#1456c8}
[data-view="profit"] .pd-tabs button[data-pd-tab="goods"].on{background:#7a3fc4;border-color:#7a3fc4}
[data-view="profit"] .pd-tabs button[data-pd-tab="etc"].on{background:#5a6b7f;border-color:#5a6b7f}
[data-view="profit"] .pd-note{margin-left:12px;font-size:.78rem;color:#4d6178}
/* 탭: 선택한 묶음 말고는 숨긴다(구분표시가 없는 구역은 항상 보임) */
[data-view="profit"][data-pd-tab="fuel"] [data-pd]:not([data-pd~="fuel"]),
[data-view="profit"][data-pd-tab="goods"] [data-pd]:not([data-pd~="goods"]),
[data-view="profit"][data-pd-tab="etc"] [data-pd]:not([data-pd~="etc"]){display:none!important}
/* 간격 없이 한 줄씩 — 구역 사이 여백·둥근 모서리·그림자를 없애고 가는 선으로 구분 */
[data-view="profit"] .panel,[data-view="profit"] > article{margin:0!important;border-radius:0!important;box-shadow:none!important;border:1px solid #cdd8e5!important;border-top-width:0!important;padding:6px 10px!important}
[data-view="profit"] .panel+.panel{margin-top:-1px!important}
[data-view="profit"] .station-head{margin:0 0 4px!important;padding:0!important;min-height:0!important}
[data-view="profit"] .station-head h2{font-size:.98rem!important;margin:0!important;color:#14375c}
[data-view="profit"] .station-head small,[data-view="profit"] .form-help{font-size:.74rem!important;margin:0!important;color:#4d6178}
[data-view="profit"] .page-title{margin:0 0 4px!important}[data-view="profit"] .page-title h1{font-size:1.25rem!important;margin:0}
[data-view="profit"] .cost-filterbar{padding:6px 8px!important;margin:0 0 4px!important;gap:6px 10px!important}
[data-view="profit"] .metric-grid{gap:0!important;margin:4px 0 0!important}
[data-view="profit"] .metric-grid>*{border-radius:0!important;padding:4px 10px!important;min-height:0!important}
[data-view="profit"] .cost-bar-list>*{padding:3px 8px!important;margin:0!important;border-radius:0!important;min-height:0!important}
/* 표: 한 줄 26px, 가는 격자, 머리글 진한 파랑, 줄무늬 */
[data-view="profit"] table{border-collapse:collapse}
[data-view="profit"] .data-table th,[data-view="profit"] .data-table td{padding:2px 6px!important;height:26px;border:1px solid #d5deea!important;line-height:1.25;font-size:.82rem}
[data-view="profit"] .data-table thead th{background:#1f3b5c!important;color:#fff!important;font-weight:700;height:28px}
[data-view="profit"] .data-table tbody tr:nth-child(even) td{background:#f4f8fd}
[data-view="profit"] .data-table tbody tr:hover td{background:#e7f0fc}
[data-view="profit"] .data-table input,[data-view="profit"] .data-table select{min-height:24px!important;height:24px;padding:0 6px!important;font-size:.82rem!important}
[data-view="profit"] .fuel-margin-bar{margin:2px 0!important;gap:6px 12px!important}
/* 구역마다 가는 색 띠(위쪽 줄)로 구분 */
[data-view="profit"] [data-pd~="fuel"]:not([data-pd~="goods"]){border-top:3px solid #1456c8!important}
[data-view="profit"] [data-pd="goods"],[data-view="profit"] [data-pd="fuel goods"]{border-top:3px solid #7a3fc4!important}
[data-view="profit"][data-pd-tab="fuel"] [data-pd="fuel goods"]{border-top-color:#1456c8!important}
[data-view="profit"] [data-pd="etc"]{border-top:3px solid #5a6b7f!important}
/* 맨 위 제목·필터를 한 줄 높이로 줄인다 */
[data-view="profit"] .page-title p{display:none!important}
[data-view="profit"] .page-title{padding:0!important;min-height:0!important}
[data-view="profit"] .cost-filterbar{display:flex!important;flex-wrap:wrap;align-items:flex-end;border:1px solid #cdd8e5!important;border-radius:0!important;background:#f4f8fd!important}
[data-view="profit"] .cost-filterbar label{font-size:.74rem!important;gap:2px!important;margin:0!important}
[data-view="profit"] .cost-filterbar input,[data-view="profit"] .cost-filterbar select,[data-view="profit"] .cost-filterbar button{min-height:30px!important;height:30px;font-size:.84rem!important;padding:0 8px!important}
[data-view="profit"] .simple-margin-summary>*,[data-view="profit"] .dense-kpi-row>*{padding:4px 10px!important;min-height:0!important}
[data-view="profit"] .simple-margin-summary strong,[data-view="profit"] .dense-kpi-row strong{font-size:1.05rem!important}

/* ── 현금마감 팝업과 같은 방식(2026-10-29 사용자: "그 방식으로 적용"): 진한 머리글 띠 · 구역별 연한 색 · 합계 줄 · 가는 격자 ── */
[data-view="profit"] .panel{background:#fff!important;border:1px solid #b7c6d8!important;border-top-width:0!important}
[data-view="profit"] .panel>.station-head,[data-view="profit"] .panel>.compact-head{background:#1f3b5c!important;color:#fff!important;padding:5px 10px!important;margin:-6px -10px 6px!important;border-radius:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
[data-view="profit"] .panel>.station-head h2,[data-view="profit"] .panel>.compact-head h2{color:#fff!important;font-size:.95rem!important}
[data-view="profit"] .panel>.station-head small,[data-view="profit"] .panel>.compact-head small{color:#cfe0f5!important;font-size:.72rem!important}
[data-view="profit"] .panel>.station-head .badge,[data-view="profit"] .panel>.station-head .status-pill{background:#fff3b0!important;color:#6b5600!important;border:0!important}
[data-view="profit"] .panel>.station-head button.quiet{min-height:28px!important;height:28px;background:#fff!important;color:#1f3b5c!important;font-size:.78rem!important}
[data-view="profit"] [data-pd~="fuel"]:not([data-pd~="goods"])>.station-head{background:#1456c8!important}
[data-view="profit"] [data-pd="goods"]>.station-head,[data-view="profit"] [data-pd="fuel goods"]>.station-head{background:#1456c8!important}
[data-view="profit"][data-pd-tab="goods"] [data-pd="fuel goods"]>.station-head,[data-view="profit"] [data-pd="goods"]>.station-head{background:#7a3fc4!important}
[data-view="profit"] [data-pd="etc"]>.station-head{background:#5a6b7f!important}
[data-view="profit"] .panel,[data-view="profit"] [data-pd]{border-top:0!important}
/* 요약(KPI) 줄: 파랑·초록·보라·호박 연한 바탕 칸을 이어 붙인다 */
[data-view="profit"] .metric-grid,[data-view="profit"] .dense-kpi-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0!important;border:1px solid #b7c6d8;margin:0 0 4px!important}
[data-view="profit"] .metric-grid>*,[data-view="profit"] .dense-kpi-row>*{border:0!important;border-right:1px solid #cdd8e5!important;border-radius:0!important;box-shadow:none!important;background:#eaf2ff!important;padding:4px 10px!important}
[data-view="profit"] .metric-grid>*:nth-child(2n),[data-view="profit"] .dense-kpi-row>*:nth-child(2n){background:#e8f6ec!important}
[data-view="profit"] .metric-grid>*:nth-child(3n),[data-view="profit"] .dense-kpi-row>*:nth-child(3n){background:#f1eaff!important}
[data-view="profit"] .metric-grid>*:nth-child(5n),[data-view="profit"] .dense-kpi-row>*:nth-child(5n){background:#fff7e0!important}
[data-view="profit"] .metric-grid small,[data-view="profit"] .dense-kpi-row small{color:#3d516a!important;font-size:.72rem!important;font-weight:700}
[data-view="profit"] .metric-grid strong,[data-view="profit"] .dense-kpi-row strong{color:#14375c!important;font-size:1.05rem!important}
/* 막대(주유소별) 줄: 한 줄 표처럼 */
[data-view="profit"] .cost-bar-list{border:1px solid #cdd8e5;border-bottom:0}
[data-view="profit"] .cost-bar-list>*{border:0!important;border-bottom:1px solid #cdd8e5!important;background:#fff!important}
[data-view="profit"] .cost-bar-list>*:nth-child(even){background:#f4f8fd!important}
/* 표: 입력한 줄 연한 초록 · 아직 안 넣은 줄 연한 호박 */
[data-view="profit"] .data-table tbody tr.is-entered td{background:#eef9f1}
[data-view="profit"] .data-table tbody tr.is-pending td,[data-view="profit"] .data-table tbody tr.pending td{background:#fff8e6}
[data-view="profit"] .data-table tfoot td{background:#cfe0fb!important;font-weight:800;height:30px}
[data-view="profit"] .simple-margin-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:0!important}
[data-view="profit"] .simple-margin-breakdown>*{border:1px solid #cdd8e5!important;border-radius:0!important;margin:0 -1px -1px 0!important;padding:0!important;box-shadow:none!important}
[data-view="profit"] .simple-margin-breakdown>* h3,[data-view="profit"] .simple-margin-breakdown>* .station-head{background:#e3edf9!important;color:#14375c!important;padding:4px 8px!important;margin:0!important;font-size:.82rem!important}
[data-view="profit"] .message{margin:2px 0!important;padding:3px 8px!important;font-size:.8rem}
/* 탭 아래 구분선을 머리글 띠와 같은 진한 파랑으로 */
[data-view="profit"] .pd-tabs{border-bottom-color:#1f3b5c}
[data-view="profit"] .page-title{background:#1f3b5c!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:5px 10px!important;margin:0 0 0!important}
[data-view="profit"] .page-title h1{color:#fff!important;font-size:1rem!important;line-height:1.2}
[data-view="profit"] .cost-filterbar{margin-bottom:0!important;border-top:0!important}

/* R160 — 입고 원가 확인 대기 표: 현금마감 팝업과 같은 엑셀형(남색 머리글·입력칸 연한 파랑·줄무늬·합계 줄) */
#pendingCostPanel .station-head{background:#7a3fc4;color:#fff;border-radius:0;margin:0;padding:6px 10px}
#pendingCostPanel .station-head h2,#pendingCostPanel .station-head small{color:#fff}
#pendingCostPanel .station-head .badge{background:#fff3c4;color:#5c4400}
.pc-sheet{border:1px solid #9fb4cf;font-size:.9rem}
.pc-sheet thead th{background:#1f3b5c;color:#fff;font-size:.82rem;padding:5px 8px;border:1px solid #3a557a;text-align:center}
.pc-sheet thead tr.pc-grp th{background:#2c5282;font-size:.78rem}
.pc-sheet thead tr.pc-grp th:nth-child(2){background:#1456c8}
.pc-sheet tbody td{padding:0 8px;height:34px;border:1px solid #d3deec}
.pc-sheet tbody tr:nth-child(even) td{background:#f6f9fd}
.pc-sheet tbody td:nth-child(n+5):nth-child(-n+7){background:#eaf2ff;padding:2px 4px}
.pc-sheet tbody td.r{font-variant-numeric:tabular-nums}
.pc-sheet input{width:100%!important;min-width:86px;border:1px solid #8fb0e8!important;border-radius:0!important;background:#fff;font-size:.95rem!important}
.pc-sheet input:focus{outline:2px solid #1456c8;background:#fffbe6}
.pc-sheet tbody td:last-child{text-align:center;background:#e8f6ec}
.pc-sheet tfoot th,.pc-sheet tfoot td{background:#dbe7f7;border:1px solid #9fb4cf;padding:5px 8px;font-weight:800;color:#12263f}
.pc-sheet tfoot .pc-foot-note{font-weight:500;font-size:.8rem;color:#44566f}
.pc-bar .primary{background:#1456c8;border-radius:0}
/* 간격 더 작게 */
.pc-sheet tbody td{height:26px;padding:0 6px;line-height:1.2}
.pc-sheet tbody td:nth-child(n+5):nth-child(-n+7){padding:1px 2px}
.pc-sheet input{height:22px!important;min-height:22px!important;padding:0 6px!important;min-width:70px}
.pc-sheet thead th{padding:3px 6px}
.pc-sheet tfoot th,.pc-sheet tfoot td{padding:3px 6px}
#pendingCostPanel{padding:0!important}
#pendingCostPanel .pc-bar{margin:4px 6px}
#pendingCostPanel .pc-wrap{margin:0 6px 6px}
.pc-bar .primary{padding:3px 10px;min-height:26px}
.pc-sheet .pending-cost-save{padding:1px 10px;min-height:22px;font-size:.8rem}
[data-view="profit"] .pc-sheet tbody td{padding:0 6px!important;height:26px!important;line-height:1.2!important}
[data-view="profit"] .pc-sheet tbody td:nth-child(n+5):nth-child(-n+7){padding:1px 2px!important}
[data-view="profit"] .pc-sheet thead th,[data-view="profit"] .pc-sheet tfoot th,[data-view="profit"] .pc-sheet tfoot td{padding:3px 6px!important}

/* R161 — 엑셀처럼 칸이 붙게: 입력칸이 칸 전체를 채우고 줄 사이 틈이 없다 */
[data-view="profit"] .pc-sheet{border-collapse:collapse!important;border-spacing:0}
[data-view="profit"] .pc-sheet tbody td{height:24px!important;padding:0 5px!important;line-height:1.1!important}
[data-view="profit"] .pc-sheet tbody td:nth-child(n+5):nth-child(-n+7){padding:0!important}
[data-view="profit"] .pc-sheet tbody td input{display:block;width:100%!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0 6px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;font-size:.9rem!important}
[data-view="profit"] .pc-sheet tbody td input:focus{outline:2px solid #1456c8!important;outline-offset:-2px;background:#fffbe6!important}
[data-view="profit"] .pc-sheet tbody td:last-child{padding:0!important}
[data-view="profit"] .pc-sheet .pending-cost-save{display:block;width:100%;height:24px;min-height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;font-size:.8rem}
[data-view="profit"] .pc-sheet thead th,[data-view="profit"] .pc-sheet tfoot th,[data-view="profit"] .pc-sheet tfoot td{padding:2px 6px!important}
#fuelMarginTable{border-collapse:collapse!important;border-spacing:0}
#fuelMarginTable td,#fuelMarginTable th{padding-top:0!important;padding-bottom:0!important}
#fuelMarginTable tbody td{height:26px!important;line-height:1.1!important}
#fuelMarginTable tbody td input,#fuelMarginTable tbody td select{margin:0!important;border-radius:0!important;box-shadow:none!important;min-height:24px!important;height:24px!important}
[data-view="profit"] #fuelMarginTable td,[data-view="profit"] #fuelMarginTable th{padding:0 6px!important}
[data-view="profit"] #fuelMarginTable tbody td{height:26px!important;min-height:0!important}
[data-view="profit"] #fuelMarginTable tbody td input,[data-view="profit"] #fuelMarginTable tbody td select{min-height:24px!important;height:24px!important;margin:0!important}
[data-view="profit"] #fuelMarginTable tbody td .badge,[data-view="profit"] #fuelMarginTable tbody td button{min-height:20px!important;padding-top:0!important;padding-bottom:0!important}
[data-view="profit"] #pendingCostCards .pc-sheet .pending-cost-save{min-height:24px!important;height:24px!important;padding:0!important;margin:0!important;line-height:1!important}
[data-view="profit"] #pendingCostCards .pc-sheet td{padding-top:0!important;padding-bottom:0!important}
[data-view="profit"] .pc-sheet .pc-msg{display:block;margin:0;padding:0 4px;font-size:.7rem;line-height:1.1}
[data-view="profit"] .pc-sheet .pc-msg:empty{display:none!important}