/* Compact, paged refund dialogs; payment safeguards stay visible. */
#modal.refund-find-dialog,#modal.refund-edit-dialog{width:min(1400px,97vw);max-width:97vw;height:min(900px,96dvh);max-height:96dvh;overflow:hidden;padding:0}
#modal.refund-find-dialog[open],#modal.refund-edit-dialog[open]{display:flex;flex-direction:column}
#modal:is(.refund-find-dialog,.refund-edit-dialog) .modal-head{padding:14px 24px;min-height:84px;flex:none;gap:16px}
#modal:is(.refund-find-dialog,.refund-edit-dialog) .modal-icon{width:50px;height:50px;font-size:25px}
#modal:is(.refund-find-dialog,.refund-edit-dialog) h2{font-size:26px;margin:0}
#modal:is(.refund-find-dialog,.refund-edit-dialog) .modal-head button{min-height:48px;height:48px;width:52px}
#modal:is(.refund-find-dialog,.refund-edit-dialog) .modal-body{flex:1;min-height:0;overflow:hidden;padding:16px 24px}
#modal:is(.refund-find-dialog,.refund-edit-dialog) .modal-foot{flex:none;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}
#modal:is(.refund-find-dialog,.refund-edit-dialog) button{min-height:42px;padding:8px 14px;font-size:16px}
#modal:is(.refund-find-dialog,.refund-edit-dialog) input:not([type=checkbox]){min-height:42px;height:42px;padding:8px 12px;font-size:17px;margin-top:4px}
#modal:is(.refund-find-dialog,.refund-edit-dialog) .toolbar{gap:8px;margin:0;flex-wrap:wrap}
#modal.refund-find-dialog .tablewrap{margin:12px 0 0;overflow:visible}
#modal.refund-find-dialog th,#modal.refund-find-dialog td{padding:8px 12px;height:60px;font-size:16px}
#modal.refund-find-dialog #return-sales{overflow:hidden}
#modal.refund-edit-dialog #return-form{margin:0;height:100%;display:flex;flex-direction:column;gap:12px}
#modal.refund-edit-dialog #return-form>p{margin:0}
#modal.refund-edit-dialog .return-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);gap:24px;min-height:0;flex:1}
#modal.refund-edit-dialog .return-selection{display:flex;flex-direction:column;gap:12px;min-width:0}
#modal.refund-edit-dialog .return-line{display:grid;grid-template-columns:minmax(0,1fr) 95px;align-items:center;gap:12px;min-height:60px;margin:0;border-bottom:1px solid #d6e2ef;font-size:16px;overflow-wrap:anywhere}
#modal.refund-edit-dialog .return-line[hidden]{display:none}
#modal.refund-edit-dialog .return-payment{background:#eef5fb;border:1px solid #d2dfed;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px;min-width:0}
#modal.refund-edit-dialog .return-payment label{margin:0;font-size:15px;line-height:1.3;display:block}
#modal.refund-edit-dialog .return-payment p{font-size:13px;margin:0;line-height:1.3}
#modal.refund-edit-dialog .return-payment input[type=checkbox]{width:22px;height:22px;min-height:22px;vertical-align:middle;margin:0 6px 0 0}
#modal.refund-edit-dialog #return-total{font-size:24px;color:#126d5b}
#modal.refund-edit-dialog #return-error,#return-find-error{color:#a32132;line-height:1.3;margin:0}
@media(max-width:760px){#modal.refund-edit-dialog .return-workspace{grid-template-columns:1fr}#modal.refund-edit-dialog .modal-body{overflow:auto}#modal.refund-edit-dialog .return-payment{gap:8px}}
@media(max-height:700px) and (min-width:761px){#modal.refund-edit-dialog .modal-head{min-height:66px;padding:8px 20px}#modal.refund-edit-dialog .modal-body{padding:10px 20px}#modal.refund-edit-dialog .return-payment{gap:5px;padding:10px}#modal.refund-edit-dialog .return-payment p{font-size:12px}#modal.refund-edit-dialog .return-payment label{font-size:14px}#modal.refund-edit-dialog #return-total{font-size:21px}}
#modal:is(.refund-find-dialog,.refund-edit-dialog) .modal-body{max-height:none;flex:1 1 auto}

#modal.refund-edit-dialog .return-line{grid-template-columns:minmax(0,1fr) 112px;min-height:102px;padding:5px 0;gap:12px}
#modal.refund-edit-dialog .return-item-info{display:flex;flex-direction:column;gap:3px;font-size:16px}
#modal.refund-edit-dialog .return-item-info small{font-size:12px;line-height:1.35;font-weight:400;color:#345574}
#modal.refund-edit-dialog .return-quantity{font-size:12px;line-height:1.4}
#modal.refund-edit-dialog .return-quantity small{display:block;color:#126d5b;font-weight:700;font-size:13px;margin-top:4px}

#modal.refund-edit-dialog .return-payment{gap:7px}
#modal.refund-edit-dialog .return-payment .toolbar button{font-size:14px;padding:6px 10px}
#modal.refund-edit-dialog #return-payment-summary{font-weight:600;color:#126d5b}

#modal.refund-edit-dialog .original-payment{display:flex;align-items:center;gap:12px;background:white;border:1px solid #cadcec;border-radius:9px;padding:8px 12px}
#modal.refund-edit-dialog .original-payment svg{width:48px;height:48px;flex:none;fill:none;stroke:#234969;stroke-width:1.7}
#modal.refund-edit-dialog .original-payment b{font-size:19px}
#modal.refund-edit-dialog .return-quantity .return-one-line{font-size:12px;min-height:28px;padding:3px 6px;width:100%;margin-top:3px}
#modal.refund-edit-dialog .return-line{min-height:115px}
#modal.refund-edit-dialog .return-payment{gap:5px}

#modal.refund-edit-dialog .return-line{grid-template-columns:30px minmax(0,1fr) 112px;gap:10px;min-height:115px}
#modal.refund-edit-dialog .return-select{width:25px;height:25px;accent-color:#167b68;cursor:pointer}
#modal.refund-edit-dialog .return-line.selected{background:#eaf6f1}
#modal.refund-edit-dialog .return-paid{display:flex;align-items:center;gap:8px;font-size:12px;margin:0}
#modal.refund-edit-dialog .return-paid input{width:90px;min-height:30px;height:30px;margin:0;padding:3px 7px;font-size:16px;font-weight:700;background:#f2f6fa;color:#234969}