/* Isolated proposal; uses the application's existing modal and document viewer. */

#detailModal>.modal{width:95%;max-width:1160px!important;}
#detailModal .modal-header{padding:12px 18px;}
#detailBody{padding:16px 18px;}
#detailFooter{padding:10px 18px;}
#detailModal .record-sticky-header,#wizardModal .record-sticky-header{position:sticky!important;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface)!important;border-bottom:1px solid var(--line);box-shadow:0 2px 5px rgba(0,0,0,.04);flex-shrink:0;}
.record-sticky-header h3{margin:0;min-width:0;font-size:17px;line-height:1.4;}
#detailModal #detailFooter.record-top-actions,#wizardModal .record-top-actions{position:static!important;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;flex-shrink:0;padding:0;margin:0;border:0;background:transparent;}
.record-top-actions .btn{padding:6px 10px;min-height:30px;font-size:12px;}
@media(max-width:760px){#detailModal .record-sticky-header,#wizardModal .record-sticky-header{flex-wrap:wrap;gap:8px;}#detailModal .record-top-actions,#wizardModal .record-top-actions{margin-left:auto!important;}.record-sticky-header h3{font-size:15px;}}
.record-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 226px;gap:20px;align-items:start;}
.record-detail-main{min-width:0;}
#detailBody .detail-section{margin:0 0 14px;}
#detailBody .detail-section h4,.record-document-rail h4{margin:0 0 7px;padding:0 0 6px;font-size:13px;}
#detailBody .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;}
#detailBody .result-item{display:flex;align-items:baseline;gap:9px;padding:6px 0;margin:0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);min-width:0;}
#detailBody .result-item .label{flex:0 0 98px;margin:0;font-size:10.5px;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--dim);}
#detailBody .result-item .value{min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;}
#detailBody .result-item .amount-value,#detailBody .result-item .amount-value span{font-size:16px;}
#detailBody .result-item .value .badge{font-size:10px;}
#detailBody .detail-section.record-audit{margin:0;padding-top:3px;font-size:10.5px;color:var(--dim);}
.record-document-rail{border-left:1px solid var(--line);padding-left:17px;position:sticky;top:0;min-width:0;}
.record-document-rail .doc-compact-row{display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:33px;border-bottom:1px solid var(--line);font-size:12px;}
.doc-compact-label{font-weight:600;min-width:0;}
.doc-compact-none{color:var(--dim);font-size:10.5px!important;white-space:nowrap;}
.doc-file-links{padding:4px 0 7px;}
.doc-file-link{display:block;max-width:100%;background:none;border:0;color:var(--accent);text-align:left;padding:4px 0;cursor:pointer;font-size:11px!important;overflow-wrap:anywhere;}
.doc-file-link:hover{text-decoration:underline;}
.doc-compact-row .vw{font-size:10px;padding:1px 7px;}
.doc-rail-note{margin:10px 0;color:var(--dim);font-size:10.5px!important;line-height:1.5;}
.record-document-rail .doc-rail-note,#dvRecordRail .doc-rail-note{display:none;}
#detailBody .status-summary .result-item{align-items:start;}
#dvBox.has-record-context{width:1200px;max-width:97vw;}
#dvBox.has-record-context #dvBar{background:var(--surface);color:var(--text);border-bottom:1px solid var(--line);}
#dvBox.has-record-context .dv-btn{background:var(--surface-alt);color:var(--text);border-color:var(--line);}
#dvBox.has-record-context #dvBar b{max-width:390px;}
.dv-record-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;flex:1;min-height:0;}
.dv-record-layout #dvStage{min-width:0;min-height:0;padding:12px;}
#dvRecordRail{padding:16px;background:var(--surface);color:var(--text);overflow:auto;border-left:1px solid var(--line);font-size:12px;}
#dvRecordRail .record-context-title{font-size:11px;color:var(--dim);margin-bottom:4px;}
#dvRecordRail h4{font-size:14px;margin:0 0 12px;}
#dvRecordRail dl{margin:0 0 14px;}
#dvRecordRail dt{font-size:10.5px;color:var(--dim);margin-top:8px;}
#dvRecordRail dd{margin:2px 0 0;font-size:12px;overflow-wrap:anywhere;}
#dvRecordRail .doc-relation-action{width:100%;padding:9px 8px;line-height:1.4;white-space:normal;margin:0 0 7px;text-align:left;}
#dvRecordRail .doc-selected{font-weight:700;color:var(--accent);}
#dvRecordRail .doc-relation-empty{font-size:12px;color:var(--dim);padding:10px 0;line-height:1.5;}
#dvRecordRail button:disabled{opacity:.55;cursor:wait;}
@media(max-width:760px){.record-detail-layout{grid-template-columns:minmax(0,1fr) 185px;gap:12px;}#detailBody .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;}#detailBody .result-item{display:block;padding:5px 0;}#detailBody .result-item .label{font-size:10px;line-height:1.35;margin:0 0 2px;}#detailBody .result-item .value{font-size:11.5px;line-height:1.4;}.record-document-rail{padding-left:10px;}.dv-record-layout{grid-template-columns:minmax(0,1fr) 185px;}#dvRecordRail{padding:10px;}}
@media(max-width:540px){.record-detail-layout,.dv-record-layout{display:flex;flex-direction:column;}.record-document-rail{position:static;width:100%;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;}#dvRecordRail{max-height:190px;width:100%;box-sizing:border-box;}#dvStage{flex:1;width:100%;box-sizing:border-box;}}

#wizardModal.compact-record-edit>.modal{width:95%;max-width:1160px!important;}
.compact-record-edit .modal-header{padding:12px 18px;}
.compact-record-edit .modal-body{padding:16px 18px;}
.compact-record-edit .modal-footer{padding:10px 18px;gap:8px;}
.compact-record-edit .steps{display:none;}
.compact-record-edit #btnSwitchToReceive{background:transparent!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important;}
.record-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start;}
.record-edit-main{min-width:0;}
.record-edit-layout h4{font-size:13px;margin:0 0 10px;padding:0 0 6px;border-bottom:1px solid var(--line);color:var(--heading);}
.edit-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;}
.edit-field-wide{grid-column:1/-1;}
.compact-record-edit .form-group{min-width:0;margin:0;}
.compact-record-edit .form-group label{font-size:10.5px;font-weight:600;text-transform:none;letter-spacing:0;margin-bottom:4px;display:block;}
.compact-record-edit .form-control{font-size:12px;min-height:32px;padding:6px 9px;line-height:1.4;border-radius:5px;box-sizing:border-box;}
.compact-record-edit textarea.form-control{min-height:48px;resize:vertical;}
.compact-record-edit #step2{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;margin-top:17px;}
.compact-record-edit #step2>h4{grid-column:1/-1;margin-bottom:0;}
.compact-record-edit #deliveryToFields,.compact-record-edit #shippingFields,.compact-record-edit #handAddressFields,.compact-record-edit #emailFields,.compact-record-edit #paymentOperatorFields{grid-column:1/-1;}
.compact-record-edit .form-row{gap:12px;margin:0;}
.compact-record-edit #shippingCarriersContainer{display:grid;gap:8px;}
.edit-status-line{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line);padding-top:10px;margin-top:14px;font-size:10.5px;color:var(--dim);}
.record-edit-documents{border-left:1px solid var(--line);padding-left:17px;min-width:0;}
.record-edit-documents .r217-grid{display:flex;flex-direction:column;gap:0;margin:0;}
.record-edit-documents .r217-up{display:grid;grid-template-columns:1fr auto;gap:7px 5px;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;box-shadow:none;}
.record-edit-documents .r217-head{margin:0;padding:0;}
.record-edit-documents .r217-title{font-size:12px;}
.record-edit-documents .r217-tag,.record-edit-documents .r217-dz,.record-edit-documents .r217-hint,.record-edit-documents .r217-status .dot{display:none;}
.record-edit-documents .r217-status{font-size:10px;min-height:0;margin:0;padding:0;align-self:center;}
.record-edit-documents .r217-actions{gap:5px;flex-wrap:wrap;margin:0;grid-column:1/-1;}
.record-edit-documents .r217-btn{font-size:10.5px;padding:3px 7px;line-height:1.4;border-radius:4px;min-height:0;}
.record-edit-documents .r217-btn:disabled{opacity:.4;cursor:default;}
.record-edit-documents .r217-actions .sp{display:none;}
.record-edit-documents .r217-ro{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;}
.record-edit-documents .r217-ro .r217-title{flex:1 0 100%;}
.record-edit-documents .r217-ro .r217-status{margin:0!important;}
.record-edit-documents .edit-document-note{font-size:10px;line-height:1.4;color:var(--dim);margin:9px 0;}
@media(max-width:760px){.record-edit-layout{grid-template-columns:minmax(0,1fr) 190px;gap:12px;}.record-edit-documents{padding-left:10px;}.edit-field-grid,.compact-record-edit #step2{gap:8px 10px;}.compact-record-edit .form-control{font-size:11.5px;}}
@media(max-width:540px){.record-edit-layout{display:flex;flex-direction:column;}.record-edit-main,.record-edit-documents{width:100%;box-sizing:border-box;}.record-edit-documents{border-left:0;border-top:1px solid var(--line);padding:12px 0 0;}}

.compact-record-edit #step1>.form-row:not(:has(.form-group)){display:none;}
.compact-record-edit .form-control{font-family:inherit;}
@media print{.record-document-rail{display:none!important;}.record-detail-layout{display:block!important;}}

/* Add Single Check: same compact fields/document rail as the existing record editor. */
:is(#wizardModal,#receiveWizardModal).compact-new-check>.modal{width:95vw;max-width:1160px!important;}
:is(#wizardModal,#receiveWizardModal).compact-new-check>.modal>.modal-header{position:sticky!important;top:0;z-index:20;flex-shrink:0;background:var(--surface);padding:12px 18px;gap:12px;}
:is(#wizardModal,#receiveWizardModal).compact-new-check>.modal>.modal-header>.modal-footer{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;flex-shrink:0;}
.compact-new-check:not(.compact-record-edit) .modal-header>.modal-footer{margin-left:auto!important;}
.compact-new-check:not(.compact-record-edit) .modal-close{display:none;}
.compact-record-edit .new-check-cancel,.compact-record-edit .new-check-layout{display:none;}
.compact-new-check:not(.compact-record-edit) .modal-body{padding:16px 18px;}
.new-check-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start;}
.new-check-main{min-width:0;}
.new-check-main .steps{margin:0 0 15px;gap:10px;}
.new-check-main .step{font-size:12px;padding:8px 10px;}
.new-check-main .step-num{width:22px;height:22px;font-size:11px;}
.new-check-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;}
.new-check-fields>.new-check-wide{grid-column:1/-1;}
.compact-new-check:not(.compact-record-edit) .form-group{min-width:0;margin:0;max-width:none!important;}
.compact-new-check:not(.compact-record-edit) .form-group label{font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;margin-bottom:4px;display:block;}
.compact-new-check:not(.compact-record-edit) .form-control{font-family:inherit;font-size:12px;min-height:34px;padding:6px 9px;line-height:1.4;border-radius:5px;box-sizing:border-box;}
.compact-new-check:not(.compact-record-edit) textarea.form-control{min-height:70px;resize:vertical;}
.compact-new-check:not(.compact-record-edit) #step2>.form-group,.compact-new-check:not(.compact-record-edit) #step2>div:not(.form-group){margin-bottom:12px;}
.compact-new-check:not(.compact-record-edit) .form-row{gap:12px;margin:0;}
.compact-new-check:not(.compact-record-edit) #shippingCarriersContainer{display:grid;gap:10px;}
.new-check-documents h4{font-size:13px;margin:0;padding:0 0 6px;border-bottom:1px solid var(--line);color:var(--heading);}
.new-check-documents .r217-up{padding:9px 0;}
.new-check-documents .r217-title{font-size:12px;}
.new-check-documents .r217-status.empty{color:var(--dim);}
.new-check-documents .r217-up.locked{opacity:1;}
.new-check-documents .r217-up.locked .r217-actions,.new-check-documents .r217-ro button:disabled{display:none;}
.new-check-documents .r217-up:not(.has-file) [data-r217="view"]{display:none;}
.new-check-documents .r217-up.dragover{outline:2px dashed var(--accent);outline-offset:2px;background:var(--hover)!important;}
@media(max-width:760px){.new-check-layout{grid-template-columns:minmax(0,1fr) 190px;gap:12px;}.new-check-fields{gap:9px 10px;}:is(#wizardModal,#receiveWizardModal).compact-new-check>.modal>.modal-header{flex-wrap:wrap;}}
@media(max-width:540px){.new-check-layout{display:flex;flex-direction:column;}.new-check-main{width:100%;}.new-check-fields{grid-template-columns:1fr;}.new-check-main .steps{flex-wrap:wrap;}}

.new-check-section{font-size:13px;margin:16px 0 10px;padding:0 0 6px;border-bottom:1px solid var(--line);color:var(--heading);}.new-check-section:first-child{margin-top:0;}#receiveWizardModal .new-check-fields+.new-check-fields{margin-top:12px;}

@media(min-width:761px){.receive-payment-fields{grid-template-columns:repeat(6,minmax(0,1fr));}.receive-payment-fields>.form-group{grid-column:span 2;}.receive-payment-fields>.form-group:nth-child(-n+2){grid-column:span 3;}}
#receiveWizardModal.compact-new-check textarea.form-control{min-height:52px;height:52px;}
