#contractDetailsEditModal{padding:28px 20px}
#contractDetailsEditModal .modal{width:min(1040px,96vw)!important;max-height:calc(100vh - 56px);display:flex;flex-direction:column}
#contractDetailsEditModal .modalhead{flex:0 0 auto;padding:22px 26px;background:#fff}
#contractDetailsEditModal .modalhead h2{font-size:22px;color:#102a56}
#contractDetailsEditModal .modalhead .meta2{max-width:720px;line-height:1.45}
#contractDetailsEditModal .modalbody{overflow:auto;padding:22px 26px 26px;background:#f5f7fb}
#contractDetailsEditModal .deedlioEditorNav{position:sticky;top:-22px;z-index:4;margin:-22px -26px 18px;padding:14px 26px;background:rgba(255,255,255,.97);border-bottom:1px solid #dfe6ef;box-shadow:0 4px 12px rgba(15,42,82,.06)}
#contractDetailsEditModal .deedlioSideContext{display:flex;align-items:baseline;gap:10px;margin-bottom:11px;color:#102a56}
#contractDetailsEditModal .deedlioSideContext span{padding:4px 8px;border-radius:99px;background:#e8fbfa;color:#087d7a;font-size:10px;font-weight:900;letter-spacing:.08em}
#contractDetailsEditModal .deedlioSideContext b{font-size:14px}
#contractDetailsEditModal .deedlioEditorTabs{display:flex;gap:8px;overflow:auto}
#contractDetailsEditModal .deedlioEditorTabs button{border:1px solid #cfd8e3;border-radius:9px;background:#f8fafc;color:#344054;padding:9px 14px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
#contractDetailsEditModal .deedlioEditorTabs button.active{border-color:#10b7b4;background:#10b7b4;color:#fff}
#contractDetailsEditModal [data-edit-panel][hidden],#contractDetailsEditModal .deedlioSideHidden{display:none!important}
#contractDetailsEditModal .deedlioBuyerContractTerms{grid-column:1/-1;border:1px solid #b9e7e5;border-radius:14px;padding:16px;background:#f7ffff}
#contractDetailsEditModal .deedlioBuyerContractTerms>.formgrid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
#contractDetailsEditModal .deedlioTermGroup{padding:16px;border:1px solid #dce6ee;border-radius:12px;background:#fff}
#contractDetailsEditModal .deedlioTermGroupHead{margin-bottom:13px}
#contractDetailsEditModal .deedlioTermGroupHead h4{margin:0 0 3px;color:#102a56;font-size:15px}
#contractDetailsEditModal .deedlioTermGroupHead p{margin:0;color:#667085;font-size:11px;line-height:1.4}
#contractDetailsEditModal .deedlioTermGroupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
#contractDetailsEditModal .deedlioTermGroupGrid>label:has(input[name="contractEditDepositChoice"]){grid-column:1/-1;padding:12px;border-radius:10px;background:#f4fbfb}
#contractDetailsEditModal .deedlioClosingTermsGroup .deedlioTermGroupGrid>label:has(textarea){grid-column:1/-1}
#contractDetailsEditModal label.deedlioConditionalDisabled{opacity:.48;filter:grayscale(.35)}
#contractDetailsEditModal label.deedlioConditionalDisabled input,#contractDetailsEditModal label.deedlioConditionalDisabled select{background:#eef1f5;cursor:not-allowed}
#wizard .field.deedlioConditionalDisabled{opacity:.48;filter:grayscale(.35)}
#wizard .field.deedlioConditionalDisabled input,#wizard .field.deedlioConditionalDisabled select{background:#eef1f5;cursor:not-allowed}
#contractDetailsEditModal .modalfoot{flex:0 0 auto;padding:16px 26px}
#contractDetailsEditModal .deedlioTransactionEditor{display:grid;grid-template-columns:1fr;gap:16px}
#contractDetailsEditModal .deedlioEditSection{display:block!important;margin:0!important;padding:20px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(15,42,82,.05)}
#contractDetailsEditModal .deedlioEditSection>b{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#102a56;font-size:16px}
#contractDetailsEditModal .deedlioEditSection>b:before{content:"";width:4px;height:18px;border-radius:99px;background:#10b7b4}
#contractDetailsEditModal .contractFieldLabel{display:block;margin-bottom:9px;color:#344054;font-size:12px;font-weight:750}
#contractDetailsEditModal .contractChoiceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#contractDetailsEditModal .contractChoiceGrid label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dfe6ef;border-radius:10px;background:#f8fafc;cursor:pointer;font-size:12px;font-weight:750;color:#344054}
#contractDetailsEditModal .contractChoiceGrid label:has(input:checked){border-color:#10b7b4;background:#ecfdfc;color:#075e5c}
#contractDetailsEditModal .contractChoiceGrid input{width:auto;margin:0;accent-color:#10b7b4}
#contractDetailsEditModal .contractOtherFinancing{display:block;margin-top:10px}
@media(max-width:760px){#contractDetailsEditModal .contractChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#contractDetailsEditModal .deedlioEditSection .formgrid,
#contractDetailsEditModal .deedlioEditGrid{display:grid!important;gap:15px 16px;margin:0!important}
#contractDetailsEditModal .deedlioPartiesSection .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#contractDetailsEditModal .deedlioPropertySection .formgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#contractDetailsEditModal .deedlioEditGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#contractDetailsEditModal .deedlioProrationIntro{margin:-7px 0 14px}
#contractDetailsEditModal .deedlioProrationBase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}
#contractDetailsEditModal .deedlioProrationHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 10px}
#contractDetailsEditModal .deedlioProrationHead strong{display:block;color:#102a56;font-size:14px;margin-bottom:3px}
#contractDetailsEditModal .contractProrationRow{margin-bottom:10px;background:#f8fafc}
#contractDetailsEditModal .contractProrationEmpty{padding:14px;border:1px dashed #cfd8e3;border-radius:10px;background:#f8fafc}
#contractDetailsEditModal .deedlioProrationNotice{margin-top:12px}
#contractDetailsEditModal label{display:flex!important;flex-direction:column;gap:7px;min-width:0;color:#475467;font-size:12px;font-weight:750;line-height:1.25}
#contractDetailsEditModal label>b{display:inline;margin:0;color:#475467}
#contractDetailsEditModal label .muted{font-size:11px;font-weight:500}
#contractDetailsEditModal input,
#contractDetailsEditModal select,
#contractDetailsEditModal textarea{display:block;width:100%;min-width:0;border:1px solid #cfd8e3;border-radius:9px;background:#fff;color:#152033;font:inherit;font-size:14px;padding:10px 12px;box-shadow:0 1px 2px rgba(15,23,42,.03)}
#contractDetailsEditModal [hidden]{display:none!important}
#contractDetailsEditModal input,#contractDetailsEditModal select{height:43px}
#contractDetailsEditModal textarea{min-height:92px;resize:vertical;line-height:1.45}
#contractDetailsEditModal input:focus,
#contractDetailsEditModal select:focus,
#contractDetailsEditModal textarea:focus{outline:3px solid rgba(16,183,180,.16);border-color:#10b7b4}
#contractDetailsEditModal #contractEditLegal{min-height:84px}
#contractDetailsEditModal #contractEditAddenda,
#contractDetailsEditModal #contractEditSpecialTerms,
#contractDetailsEditModal #contractEditWarnings{min-height:120px}
#contractDetailsEditModal .modalbody>.infoBox{margin-top:16px!important;background:#f0fdfa;border-color:#bfe9e7}
#contractDetailsEditModal .modalbody>.infoBox b{color:#0b6766}
@media(max-width:800px){
 #contractDetailsEditModal{padding:12px}
 #contractDetailsEditModal .modal{width:100%!important;max-height:calc(100vh - 24px)}
 #contractDetailsEditModal .deedlioPropertySection .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 #contractDetailsEditModal .modalhead,#contractDetailsEditModal .modalbody,#contractDetailsEditModal .modalfoot{padding-left:16px;padding-right:16px}
 #contractDetailsEditModal .deedlioPartiesSection .formgrid,
 #contractDetailsEditModal .deedlioPropertySection .formgrid,
 #contractDetailsEditModal .deedlioEditGrid{grid-template-columns:1fr}
 #contractDetailsEditModal .deedlioProrationBase{grid-template-columns:1fr}
 #contractDetailsEditModal .deedlioProrationHead{align-items:flex-start;flex-direction:column}
 #contractDetailsEditModal label{grid-column:1!important}
 #contractDetailsEditModal .deedlioTermGroupGrid{grid-template-columns:1fr}
 #contractDetailsEditModal .modalfoot{align-items:stretch;flex-direction:column}
 #contractDetailsEditModal .modalfoot .rowActions{display:grid;grid-template-columns:1fr 1fr}
}