.contractSection{margin-top:24px;padding-top:20px;border-top:1px solid var(--line,#d7e3e4)}
.contractSection h3{margin-top:0}.contractResource{padding:14px 0;border-bottom:1px solid var(--line,#d7e3e4)}.contractResource:last-child{border-bottom:0}
.contractList .item{align-items:flex-start}.contractList .grow{min-width:180px}.contractList p{margin:5px 0 8px}.contractList .row{gap:7px}.contractToolbar{margin:18px 0}.contractToolbar>div{min-width:230px}.contractToolbar label{margin:0}
.contractPrivate{padding:16px;background:var(--pale,#f2f6f6);border-radius:12px;margin-top:16px}.contractPrivate small{display:block}.contractPrivate label.row{align-items:flex-start}.contractAttention{color:#875018;line-height:1.5}
.contractGeneratePerson{padding:16px;border:1px solid var(--line,#d7e3e4);border-radius:12px;background:#fff}.contractGeneratePerson label.row{margin:0}.contractGeneratePerson .section{margin-top:12px}.contractGeneratePerson input[data-contract-prep]{font-size:.9rem}.contractGeneratePerson .formgrid{grid-template-columns:minmax(130px,1fr) minmax(200px,2fr)}
.contractEmployerConsent,.contractSigningConsent{padding:14px;background:var(--pale,#f2f6f6);border-radius:12px;align-items:flex-start!important;line-height:1.5;margin-top:20px}.contractEmployerConsent input,.contractSigningConsent input{flex:none;margin-top:4px}.contractPreviewLine{padding:12px 0;border-bottom:1px solid var(--line,#d7e3e4)}.contractPreviewLine .badge{margin-left:8px}
.contractReadingFrame{display:block;width:100%;height:55vh;min-height:300px;border:1px solid var(--line,#d7e3e4);border-radius:10px;background:#fff;margin-bottom:24px}
#contractSignatureCanvas{display:block;background:#fff;width:100%;height:150px;border:2px dashed var(--teal,#226477);border-radius:10px;touch-action:none;cursor:crosshair;margin-bottom:8px}#contractSignatureStatus{flex:1;min-width:200px}.contractTabs{margin-bottom:16px}.contractAdmin .list .item{gap:14px}
@media(min-width:1000px){dialog:has(.contractReadingFrame){max-width:1100px;width:95vw}.contractReadingFrame{height:60vh}.contractAdmin .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.contractList .item{flex-direction:column}.contractList .item>.row{width:100%}.contractList .row .btn{flex:1}.contractGeneratePerson .formgrid{grid-template-columns:1fr}.contractReadingFrame{height:52vh;min-height:260px}.contractEmployerConsent,.contractSigningConsent{font-size:.9rem}.contractToolbar{gap:14px}.contractToolbar>div{width:100%}.contractAdmin .grid.two{grid-template-columns:1fr}.contractTabs{flex-wrap:wrap;overflow:visible}.contractPrivate{padding:12px}.contractList .grow{min-width:0}}