@media screen{
body:not(.dark) #dataPage[data-section="cash"] .page-head{background:linear-gradient(120deg,#146b70,#239d87)!important;border-radius:20px!important;padding:22px!important}
body:not(.dark) #dataPage[data-section="cash"] .table-wrap{border:1px solid #d1e6e4;border-radius:18px;overflow:auto}
body:not(.dark) #dataPage[data-section="cash"] td{padding:15px 12px!important}
body:not(.dark) #dataPage[data-section="cash"] tbody tr:hover{background:#e0f3ed!important}
#modal .modal-card:has(.invoice-detail-shell,.cash-record-detail){width:min(1050px,calc(100vw - 24px))!important;background:#f6f9fe;border:1px solid #d6e2f1;border-radius:22px!important}
#modalFields:has(.invoice-detail-shell,.cash-record-detail){display:block!important}
.invoice-detail-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.invoice-detail-head>div{background:#eaf0ff;border:1px solid #d4e0f7;border-radius:13px;padding:13px;overflow-wrap:anywhere}
.invoice-detail-head small,.invoice-totals small,.cash-record-amount small{display:block;margin-bottom:6px;color:#5a6c89}
.invoice-detail-head strong{display:block;color:#213c63}
.invoice-items-table{overflow:auto;border-radius:14px;border:1px solid #dae4f2;background:white}
.invoice-items-table table{width:100%;border-collapse:collapse}
.invoice-items-table th{background:#315b92;color:white;padding:13px;text-align:right}
.invoice-items-table td{padding:13px;border-bottom:1px solid #e6edf6}
.invoice-items-table tbody tr:nth-child(even){background:#f0f6ff}
.invoice-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.invoice-totals>div{background:#e8effc;border-radius:13px;padding:13px}
.invoice-totals .grand,.cash-record-amount{background:linear-gradient(120deg,#147c73,#20a18a);color:white;border-radius:15px;padding:18px}
.invoice-totals .grand small,.cash-record-amount small{color:#d9fff1}
.cash-record-amount{margin-bottom:16px}.cash-record-amount strong{font-size:28px}
.invoice-detail-actions{display:flex;justify-content:flex-end;margin-top:16px}
@media(max-width:650px){.invoice-detail-head,.invoice-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
}
