#reconReceiptModal .recon-receipt-modalbox{width:min(820px,calc(100vw - 28px))!important;max-height:calc(100dvh - 32px);overflow:auto;padding:24px!important}
#reconReceiptModal .recon-receipt-head{padding-right:22px;gap:20px}
#reconReceiptModal .recon-receipt-head h2{display:inline;font-size:22px!important}
#reconReceiptModal .delivery-status{display:inline-flex;vertical-align:middle;margin-left:10px;padding:3px 9px;border-radius:5px;background:#fff0cc;color:#825708;font-size:11px;font-weight:750}
#reconReceiptModal .delivery-status.confirmed{background:#e5f5ed;color:#216846}
#reconReceiptModal .recon-receipt-form{gap:12px 16px}
#reconReceiptModal .recon-receipt-form label{font-size:12px}
#reconReceiptModal .recon-receipt-form input{min-height:38px;font-size:13px}
#reconReceiptModal .delivery-attachments,#reconReceiptHint,#reconReceiptMessage,#reconReceiptDrafts{grid-column:1/-1}
#reconReceiptModal .delivery-attachments h3,#reconReceiptDrafts h3{margin:4px 0 9px;font-size:13px;font-weight:750;color:#233c53}
#reconReceiptModal .delivery-attachments h3 small{font-size:11px;font-weight:400;color:#6d7e8d}
#reconReceiptDropzone{border:1.5px dashed #a4bccb;border-radius:9px;min-height:100px;padding:16px;display:flex;gap:13px;align-items:center;background:#f7fafc;transition:background .15s,border-color .15s}
#reconReceiptDropzone.is-dragging{background:#e8f5ff;border-color:#227bb7;outline:2px solid #b0d7ef}
#reconReceiptDropzone.is-disabled{opacity:.6}
#reconReceiptDropzone .delivery-drop-icon{font-size:26px;color:#577f9d}
#reconReceiptDropzone strong{display:block;font-size:13px;color:#25465e}
#reconReceiptDropzone small{display:block;margin-top:5px;font-size:11px;color:#697e8e}
#reconReceiptChooseFile{margin-left:auto;flex-shrink:0;background:#fff!important;color:#294e69!important;border:1px solid #c2d1dc!important;font-size:12px!important;padding:8px 12px!important}
#reconReceiptFiles{display:grid;gap:7px;margin-top:10px}
#reconReceiptModal .delivery-file-card{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #e1e8ef;border-radius:7px;background:#fff}
#reconReceiptModal .delivery-file-icon{width:40px;height:45px;flex-shrink:0;display:grid;place-items:center;background:#eef4f8;color:#52768f;border-radius:4px;font-size:10px;font-weight:800;overflow:hidden}
#reconReceiptModal .delivery-file-icon img{width:100%;height:100%;object-fit:cover}
#reconReceiptModal .delivery-file-name{min-width:0;flex:1}
#reconReceiptModal .delivery-file-name strong{display:block;font-size:12px;overflow-wrap:anywhere}
#reconReceiptModal .delivery-file-name small{display:block;font-size:10px;color:#69808a;margin-top:3px}
#reconReceiptModal .delivery-file-card button{font-size:11px!important;padding:5px 7px!important;min-height:30px;background:transparent!important;color:#2c658c!important;border:0!important}
#reconReceiptModal .delivery-file-card [data-remove]{color:#9c4141!important}
#reconReceiptHint{margin:0;font-size:11px;color:#7b6635;padding:9px 11px;background:#fff9ec;border-radius:6px}
#reconReceiptMessage{font-size:12px;color:#3f6b59;margin:0;min-height:0}
#reconReceiptMessage:empty{display:none}
#reconReceiptMessage.is-error{color:#a53232}
#reconReceiptModal .recon-receipt-actions{margin-top:2px;padding-top:12px;border-top:1px solid #e4eaf0;gap:9px}
#reconReceiptModal .recon-receipt-actions button{font-size:12px!important;padding:9px 15px!important;min-height:37px}
#reconReceiptDraftBtn{margin-left:auto;background:#f5f8fb!important;color:#244c69!important;border:1px solid #bdcedc!important}
#reconReceiptModal button:disabled{opacity:.55;cursor:wait}
#reconReceiptModal [hidden]{display:none!important}
#reconReceiptDrafts{border-top:1px solid #e5ebef;margin-top:6px;padding-top:13px}
#reconReceiptDrafts h3 span{font-size:11px;color:#907029;padding-left:5px}
#reconReceiptDrafts .delivery-draft-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:8px 0}
#reconReceiptDrafts strong{font-size:12px;overflow-wrap:anywhere}
#reconReceiptDrafts small{display:block;font-size:10px;color:#70818d;margin-top:4px}
#reconReceiptDrafts button{font-size:11px!important;flex-shrink:0;background:#f4f7fa!important;color:#335b78!important}
.recon-draft-count{display:block;color:#986b0e;font-size:10px;line-height:1.4;margin-top:2px}
.delivery-file-preview{padding:0;border:0;border-radius:12px;width:min(960px,94vw);max-height:94dvh;background:#fff;box-shadow:0 18px 80px #0005;color:#243e52}
.delivery-file-preview::backdrop{background:#182c43aa}
.delivery-file-preview header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e1e8ef}
.delivery-file-preview header strong{font-size:13px;overflow-wrap:anywhere}
.delivery-file-preview header button{font-size:22px;padding:0 8px;background:transparent;border:0;cursor:pointer;color:#334c60}
.delivery-preview-body{height:min(70dvh,760px);background:#edf2f6;display:grid;place-items:center;overflow:auto}
.delivery-preview-body img{max-width:100%;max-height:100%;object-fit:contain}
.delivery-preview-body iframe{width:100%;height:100%;border:0}
.delivery-file-preview footer{padding:12px 18px;font-size:12px}
.delivery-file-preview footer a{color:#28688d}
@media(max-width:600px){
 #reconReceiptModal .recon-receipt-modalbox{padding:17px!important;max-height:calc(100dvh - 18px)}
 #reconReceiptModal .recon-receipt-head{flex-wrap:wrap;gap:10px}
 #reconReceiptModal .recon-receipt-form{grid-template-columns:1fr!important}
 #reconReceiptDropzone{flex-wrap:wrap;padding:12px}
 #reconReceiptChooseFile{margin-left:39px}
 #reconReceiptModal .recon-receipt-actions{flex-wrap:wrap}
 #reconReceiptModal .delivery-file-card{gap:6px;padding:8px}
}