/* R197 영수증(payments) — 오늘 업무 방식: 남색 머리글·틈 없는 격자·합계 줄·줄 안에서 바로 수정. data-view="payments" 안에서만 적용 */
[data-view="payments"] .page-title{background:#1f3b5c!important;border:0!important;border-radius:6px!important;padding:8px 14px!important}
[data-view="payments"] .page-title h1{color:#fff!important}[data-view="payments"] .page-title p{color:#cfe0f5!important}
[data-view="payments"] #paymentsCeo,[data-view="payments"] #expenseList{border:1px solid #9fb4cf;border-radius:0;background:#fff}
[data-view="payments"] .v55-pay-head,[data-view="payments"] .v55-pay-row{display:grid;grid-template-columns:1.3fr 1fr .6fr 1fr 140px;gap:0;padding:0;align-items:stretch}
[data-view="payments"] .v55-pay-head{background:#1f3b5c;color:#fff;font-size:.8rem}
[data-view="payments"] .v55-pay-head span,[data-view="payments"] .v55-pay-row>span{padding:6px 10px;border-right:1px solid #d3deec;display:flex;align-items:center}
[data-view="payments"] .v55-pay-head span{border-right-color:#3a557a;justify-content:center}
[data-view="payments"] .v55-pay-row>span:nth-child(2),[data-view="payments"] .v55-pay-row>span:nth-child(4){justify-content:flex-end;font-variant-numeric:tabular-nums}
[data-view="payments"] .v55-pay-row .warn{background:#fff3d6;color:#7a4a00;font-weight:800}
[data-view="payments"] .v55-pay-row .ok{background:#d3ecda;color:#14532d;font-weight:800}
[data-view="payments"] .v55-pay-row button{min-height:28px;border-radius:3px;background:#1456c8;color:#fff;font-weight:800}
[data-view="payments"] .v55-exp-row{display:grid;grid-template-columns:112px 1.2fr .9fr .7fr 1.3fr 150px;gap:0;padding:0;font-size:.84rem;align-items:stretch;border-bottom:1px solid #d3deec}
[data-view="payments"] .v55-exp-row>span,[data-view="payments"] .v55-exp-row>input{padding:5px 8px;border-right:1px solid #d3deec;display:flex;align-items:center;min-width:0}
[data-view="payments"] .v55-exp-row>span:nth-child(3){justify-content:flex-end;font-weight:800;font-variant-numeric:tabular-nums}
[data-view="payments"] .v55-exp-row.exp-head{background:#1f3b5c;color:#fff;font-size:.8rem;font-weight:800}
[data-view="payments"] .v55-exp-row.exp-head>span{justify-content:center;border-right-color:#3a557a}
[data-view="payments"] .v55-exp-row:not(.exp-head):not(.exp-total):nth-child(odd){background:#f6f9fd}
[data-view="payments"] .v55-exp-row .ok{background:#d3ecda;color:#14532d;font-weight:800;justify-content:center}
[data-view="payments"] .v55-exp-row .warn{background:#fff3d6;color:#7a4a00;font-weight:800;justify-content:center}
[data-view="payments"] .v55-exp-row.exp-total{background:#d3ecda;color:#14532d;font-weight:800;border-bottom:0}
[data-view="payments"] .v55-exp-row.exp-total>span{border-right-color:#9fcba9}
[data-view="payments"] .v55-exp-row.exp-total>span:nth-child(3),[data-view="payments"] .v55-exp-row.exp-total>span:nth-child(5){justify-content:flex-end}
[data-view="payments"] .v55-exp-row .button-row{display:flex;gap:2px;padding:2px 4px;margin:0}
[data-view="payments"] .v55-exp-row button{min-height:26px;height:26px;padding:0 8px;font-size:.78rem;border-radius:3px}
[data-view="payments"] .v55-exp-row.exp-editing{background:#fff8dc}
[data-view="payments"] .v55-exp-row.exp-editing>input{border:0;border-right:1px solid #d3deec;border-radius:0;background:#fff8dc;min-height:32px;box-shadow:none}
[data-view="payments"] .v55-exp-row.exp-editing>input:focus{outline:2px solid #1456c8;outline-offset:-2px;background:#fff}
[data-view="payments"] .v55-exp-row .ex-msg{grid-column:1/-1;padding:2px 8px}
[data-view="payments"] details.form-card>summary{background:#1456c8;color:#fff;padding:7px 12px;font-weight:800;cursor:pointer;border-radius:4px}
[data-view="payments"] .v55-quick-grid{gap:0;background:#eaf2ff;border:1px solid #b8cdf0;margin-top:6px}
[data-view="payments"] .v55-quick-grid label{padding:4px 8px;border-right:1px solid #b8cdf0;font-weight:800;color:#1f3b5c}
[data-view="payments"] .v55-quick-grid input,[data-view="payments"] .v55-quick-grid select{border:0;border-radius:0;background:#fff8dc;height:32px}
@media(max-width:700px){[data-view="payments"] .v55-exp-row{grid-template-columns:60px 1fr 1fr}[data-view="payments"] .v55-exp-row>span:nth-child(n+4){grid-column:span 1}}
[data-view="payments"] .v55-exp-row .button-row{flex-wrap:nowrap!important;flex-direction:row!important;align-items:center}[data-view="payments"] .v55-exp-row .button-row button{flex:1 1 0;width:auto;padding:0 4px}
