.monthly-contract-list{border-top:1px solid #d8e2de}.monthly-contract-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.8fr) auto;gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid #d8e2de}.monthly-contract-row p{margin:6px 0;font-size:14px;color:#52645e;overflow-wrap:anywhere}.monthly-contract-row>div>span{font-size:13px;color:#52645e;display:block;margin-bottom:7px}.monthly-contract-row strong{overflow-wrap:anywhere}.contract-filter{max-width:380px;margin:18px 0}.monthly-contract-dialog{width:min(840px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;border:1px solid #d2dfd9;border-radius:6px;color:#213a30}.monthly-contract-dialog::backdrop{background:rgb(0 20 12 / .35)}.monthly-contract-dialog .section-head{margin-bottom:16px}.monthly-contract-dialog h2{font-size:21px;overflow-wrap:anywhere}.contract-reading{max-height:44dvh;overflow:auto;overscroll-behavior:contain;border-block:1px solid #d8e2de;padding:14px 3px;scrollbar-gutter:stable}.monthly-contract-document h3{font-size:20px;margin:12px 0}.monthly-contract-document h4{font-size:16px;margin:20px 0 8px}.monthly-contract-document p{font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.contract-digest{font-size:12px!important;color:#57665f}.contract-controls{margin:18px 0}.contract-signature-heading{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.contract-signature-pad{display:block;width:100%;aspect-ratio:3.2;height:auto;border:1px solid #adbbb4;border-radius:4px;background:#fff;touch-action:none;margin:8px 0 18px}.monthly-contract-dialog .check{display:flex;align-items:flex-start;gap:9px;line-height:1.6;margin:13px 0}.monthly-contract-dialog .check input{flex:none;margin-top:5px}.contract-form-error{color:#a42b2b;min-height:1.5em;overflow-wrap:anywhere}.contract-signed{padding-block:14px;border-top:1px solid #d8e2de}.contract-signed p{overflow-wrap:anywhere}.monthly-contract-row .action-list{flex-wrap:wrap}.monthly-contract-dialog :focus-visible{outline:2px solid #08715b;outline-offset:3px}@media(max-width:760px){.monthly-contract-row{grid-template-columns:minmax(0,1fr);gap:10px}.monthly-contract-dialog{padding:16px}.monthly-contract-dialog .form-grid{grid-template-columns:minmax(0,1fr)}.monthly-contract-dialog h2{font-size:19px}.monthly-contract-dialog .button{min-height:44px}.contract-reading{max-height:40dvh}.contract-signature-pad{aspect-ratio:2.7}.contract-filter{max-width:none}.monthly-contract-row .action-list{width:100%}}