#monthlyContractWorkspace { background: #fff; color: #173e63; }
#monthlyContractWorkspace fieldset { border: 1px solid #dce7ee; border-radius: 12px; margin: 20px 0; padding: 18px; }
#monthlyContractWorkspace legend { font-weight: 700; padding: 0 8px; }
#monthlyContractWorkspace [data-contract-period], #monthlyContractWorkspace [data-contract-renewal] { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #e4edf3; }
#monthlyContractWorkspace [data-contract-message] { line-height: 1.6; padding: 12px; background: #f4f8fb; border-radius: 10px; }
#monthlyContractWorkspace [data-contract-preview] { font: 14px/1.7 Georgia,serif; background:#fafcfd; padding:20px; border:1px solid #dce7ee; border-radius:12px; max-height:600px; overflow:auto; }
#monthlyContractWorkspace .dialog-actions { flex-wrap:wrap; }
@media(max-width:700px) { #monthlyContractWorkspace .two-cols { grid-template-columns:1fr; } }
.monthly-contract-print-preview { width:min(960px,96vw); max-height:95vh; padding:20px; border:1px solid #dce7ee; border-radius:14px; color:#173e63; }
.monthly-contract-print-preview::backdrop { background:rgba(16,38,55,.55); }
.monthly-contract-print-preview iframe { width:100%; height:72vh; border:1px solid #e4edf3; background:white; }