/* Shared viewport-safe dialogs; long records scroll inside the body only. */
#modal{padding:12px!important}
#modal .modal-card{min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;width:min(600px,calc(100vw - 24px));padding:18px!important}
#modal .modal-card:has(.form-2,table,.srv-return-lines,.srv-return-summary,.invoice-detail-shell){width:min(1080px,calc(100vw - 24px))!important}
#modal .modal-head{flex:none;gap:12px;padding-bottom:10px;margin-bottom:0;min-width:0}
#modal #modalTitle{min-width:0;overflow-wrap:anywhere;margin:8px 0;font-size:20px!important}
#modal #closeModal{flex:none}
#modal #modalFields{min-width:0!important;width:100%;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain;margin:10px 0;padding-inline:2px!important;align-content:start;flex:0 1 auto}
#modal #modalFields>*{min-width:0;max-width:100%;box-sizing:border-box}
#modal .form-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#modal label,#modal input,#modal select,#modal textarea{min-width:0;max-width:100%;box-sizing:border-box}
#modal label{overflow-wrap:anywhere}
#modal input,#modal select,#modal textarea{width:100%}
#modal #saveModal{flex:none;min-height:44px!important;margin-top:8px!important;padding:10px 16px!important}
#modal .srv-return-summary{margin:8px 0;padding:10px;gap:8px}
#modal .srv-return-summary>div{padding:8px}
#modal .srv-return-summary small{font-size:11px}
#modal .srv-return-total{padding:11px 14px;margin:9px 0;flex-wrap:wrap;gap:8px}
#modal .srv-return-total span{font-size:13px}
#modal .srv-return-lines{max-height:none;overflow:visible}
#modal .srv-return-line{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,.8fr))}
#modal .srv-return-line input{min-width:0!important}
#modal .srv-return-line>span{overflow-wrap:anywhere}
#modal .notice{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:620px){
 #modal .modal-card{padding:12px!important;border-radius:18px!important}
 #modal #modalTitle{font-size:17px!important}
 #modal .form-2{grid-template-columns:minmax(0,1fr)}
 #modal .sale-return-summary,#modal .invoice-detail-head,#modal .invoice-totals{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #modal .srv-return-line-head{display:none}
 #modal .srv-return-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}
 #modal .srv-return-line>span:first-child{grid-column:1/-1;font-size:13px}
 #modal .srv-return-line>span:not(:first-child)::before{display:block;font-size:10px;color:#70809a;margin-bottom:4px}
 #modal .srv-return-line>span:nth-child(2)::before{content:'المباع'}
 #modal .srv-return-line>span:nth-child(3)::before{content:'مرتجع سابق'}
 #modal .srv-return-line>span:nth-child(4)::before{content:'المتبقي'}
 #modal .srv-return-line>span:nth-child(5)::before{content:'الكمية الآن'}
}