/* Editable contract dates share the existing compact EasyHR box treatment. */
.ehr-contract-dates{max-width:1000px;margin:0 auto 20px;border:1px solid var(--contract-line,#d5e4ef);border-radius:16px;background:#fff;overflow:hidden;color:var(--contract-ink,#173b56)}
.ehr-contract-dates summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 18px;cursor:pointer;background:linear-gradient(105deg,#edf6fd,#f9fcff);font-weight:750;list-style:none}.ehr-contract-dates summary::-webkit-details-marker{display:none}.ehr-contract-dates summary svg{width:20px;height:20px;color:#0c68ac}.ehr-contract-dates summary span{flex:1}.ehr-contract-dates summary svg:last-child{width:16px;transition:transform .3s}.ehr-contract-dates[open] summary svg:last-child{transform:rotate(180deg)}
.ehr-contract-dates form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px;border-top:1px solid var(--contract-line,#d5e4ef)}.ehr-contract-dates label,.ehr-contract-dates__duration{display:flex;min-width:0;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.ehr-contract-dates__duration>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.ehr-contract-dates :is(input,select){width:100%;min-width:0;min-height:44px;box-sizing:border-box;border:1px solid #cbdeed;border-radius:10px;background:#fbfdff;color:#173b56;padding:10px 12px;font:inherit;font-size:13px;font-weight:400}.ehr-contract-dates input[readonly]{background:#eef6fb;color:#346481}.ehr-contract-dates :is(input,select,summary):focus-visible{outline:3px solid #38a7e0;outline-offset:2px}.ehr-contract-dates__footer{grid-column:1/-1;display:flex;gap:18px;align-items:center;justify-content:space-between}.ehr-contract-dates__footer p{max-width:650px;color:var(--contract-muted,#71899c);font-size:11px;line-height:1.7;margin:0}.ehr-contract-dates__footer button{flex-shrink:0;min-height:44px}.ehr-contract-summary .ehr-qr-totals strong{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.ehr-contract-summary .is-expired strong,.ehr-contract-summary .is-expired>span{color:#ba3d4f}.ehr-contract-summary .is-expired>span{font-size:10px}.ehr-contract-duration{font-size:12px;margin-top:12px;color:#3e5b70}
html.dark .ehr-contract-dates{background:#152b3e;border-color:#2a465c;color:#e3edf7}html.dark .ehr-contract-dates summary{background:linear-gradient(105deg,#1a354d,#152b3e)}html.dark .ehr-contract-dates :is(input,select){background:#102438;border-color:#36536c;color:#e3edf7;color-scheme:dark}html.dark .ehr-contract-dates input[readonly]{background:#1b3a50;color:#b2d7ef}html.dark .ehr-contract-summary .is-expired strong,html.dark .ehr-contract-summary .is-expired>span{color:#ff99a5}
@media(max-width:700px){.ehr-contract-dates form{grid-template-columns:1fr;gap:16px;padding:16px}.ehr-contract-dates__footer{align-items:stretch;flex-direction:column;gap:12px}.ehr-contract-dates__footer button{width:100%}}
@media(prefers-reduced-motion:reduce){.ehr-contract-dates summary svg{transition:none}}
@media print{.ehr-contract-dates{display:none}}

.ehr-contract-dates__salary{position:relative;display:block;min-width:0}.ehr-contract-dates .ehr-contract-dates__salary input{padding-right:60px}.ehr-contract-dates__salary>span{position:absolute;inset:1px 1px 1px auto;display:flex;align-items:center;padding:0 12px;border-left:1px solid #cbdeed;border-radius:0 9px 9px 0;font-size:11px;color:#496d87;background:#eef6fb;pointer-events:none}.ehr-contract-dates__salary:focus-within{outline:3px solid #38a7e0;outline-offset:2px}.ehr-contract-dates__salary input:focus-visible{outline:0}html.dark .ehr-contract-dates__salary>span{background:#1b3a50;border-color:#36536c;color:#b2d7ef}

.ehr-contract-dates form>[data-contract-terms-error]{grid-column:1/-1;margin:0}.ehr-contract-dates [hidden]{display:none!important}