#paymentDialog{width:min(490px,calc(100% - 24px));padding:28px;background:linear-gradient(150deg,#142943,#0d1c30)}
#paymentTitle{margin-bottom:18px} .payment-hero{padding:20px;border:1px solid #28505b;background:linear-gradient(120deg,#123d3e,#102c40);border-radius:14px;margin:14px 0}.payment-hero small{display:block;color:#9ac8c7;font-size:12px}.payment-hero strong,.payment-hero .big{display:block;font-size:40px;line-height:1.2;color:#5ee8c2;margin:6px 0 0;letter-spacing:-1px}
#paymentFields>.row{align-items:start}#paymentFields .field{flex-basis:100%}#paymentFields input,#paymentFields select{width:100%;font-size:16px;padding:13px}#paymentFields .row.space{padding:14px;background:#0a1728;border-radius:10px}#paymentFields #change{color:#5ee8c2;font-size:22px}.quick-cash{gap:6px}.quick-cash button{font-size:12px;padding:7px 10px}#confirmPayment{flex:1;padding:14px}.dialog-actions{align-items:center}.receipt-check{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#173d39;color:#5ee8c2;font-size:26px;margin-bottom:14px}.receipt-change{display:flex;justify-content:space-between;font-size:18px}.receipt-change b{color:#5ee8c2}.cash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cash-metrics .card{padding:14px}.cash-metrics strong{font-size:24px}.opening-form{max-width:720px}.pos-session{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 10px;font-size:12px}.pos-session button{font-size:12px;padding:6px 10px}#pos>.cols{height:calc(100dvh - 228px)}.movement-list{max-height:25dvh;margin-top:12px}.cut-record{margin-bottom:10px;padding:16px}.cut-record summary{cursor:pointer}.cut-record summary span{float:right}.cut-record[open] summary{margin-bottom:16px}#cutDialog .field{margin-top:14px}#printArea{display:none}
@media(max-width:700px){#pos>.cols{height:auto}.cash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-metrics strong{font-size:20px}#paymentDialog{padding:22px}.cut-record summary span{float:none;display:block;margin-top:6px}.pos-session{flex-wrap:wrap}}
@media print{body>*{display:none!important}body>#printArea{display:block!important;background:white;color:black;font:13px Arial;width:76mm;margin:auto}#printArea *{color:black;background:white}#printArea table{font-size:12px}#printArea td,#printArea th{padding:7px 2px;border-bottom:1px dashed #888}#printArea h2{font-size:20px}#printArea h3{font-size:15px}@page{margin:8mm}}