/* Earth-tone cues distinguish recorded work, travel and notes without enlarging the form. */
html body[data-modal-type="clockout"] #modalHost#modalHost .modal:has(.er1366-finish) .modal-head{background:#2c513b!important;background-image:none!important;color:#faf8f2!important}
html body[data-modal-type="clockout"] #modalHost#modalHost .modal:has(.er1366-finish) .modal-head h2{color:#faf8f2!important;font-family:Inter,system-ui,sans-serif!important;font-size:20px!important;line-height:1.3!important}
html body[data-modal-type="clockout"] #modalHost#modalHost .modal:has(.er1366-finish) .modal-head :is(p,.sub){color:#cedbc2!important}
html body[data-modal-type="clockout"] #modalHost .er1366-finish{color:#304b39}
html body[data-modal-type="clockout"] #modalHost .er1366-finish-banner{background:#e0ebd6;border-color:#c0d0af}
html body[data-modal-type="clockout"] #modalHost .er1366-shift-receipt{background:#f2efe3;border-color:#dcd4bb;box-shadow:none}
html body[data-modal-type="clockout"] #modalHost .er1366-receipt-date{color:#85724e}
html body[data-modal-type="clockout"] #modalHost .er1366-captured-times{border-color:#ddd9c4;gap:8px}
html body[data-modal-type="clockout"] #modalHost .er1366-captured-times>div{padding:9px 8px;border:1px solid #c6d6bc;border-radius:8px;background:#e4eddb}
html body[data-modal-type="clockout"] #modalHost .er1366-captured-times>div:nth-child(2){background:#dfebe6;border-color:#bed1c7}
html body[data-modal-type="clockout"] #modalHost .er1366-captured-times>div:nth-child(3){background:#eee4cf;border-color:#d6c8a8}
html body[data-modal-type="clockout"] #modalHost .er1366-captured-times>div:nth-child(3) strong{color:#806139}
html body[data-modal-type="clockout"] #modalHost .er1366-captured-times span{color:#67745e}
html body[data-modal-type="clockout"] #modalHost .er1366-final-fields>label:nth-child(1)>span{color:#85543d}
html body[data-modal-type="clockout"] #modalHost .er1366-final-fields>label:nth-child(2)>span{color:#536778}
html body[data-modal-type="clockout"] #modalHost .er1366-final-fields>label:nth-child(1) input#co_km{background:#f5e9dc!important;border-color:#dcbfa7!important;color:#764b36!important}
html body[data-modal-type="clockout"] #modalHost .er1366-final-fields>label:nth-child(2) input#co_travel_mins{background:#e8eef0!important;border-color:#bdcdd4!important;color:#405e6c!important}
html body[data-modal-type="clockout"] #modalHost .er1366-final-notes>span{color:#68723e}
html body[data-modal-type="clockout"] #modalHost .er1366-final-notes textarea#co_notes{background:#eff0df!important;border-color:#cbd1ac!important;color:#46563b!important}
html body[data-modal-type="clockout"] #modalHost .er1366-submit-note{background:#eee6d2;border:1px solid #ddceaa;color:#7d6941}
html body[data-modal-type="clockout"] #modalHost .er1366-submit-note strong{color:#7b612e}
html body[data-modal-type="clockout"] #modalHost .er1366-submit-note svg{color:#96763d}
@media(max-width:350px){
 html body[data-modal-type="clockout"] #modalHost .er1366-captured-times{gap:5px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.75fr)}
 html body[data-modal-type="clockout"] #modalHost .er1366-captured-times>div{padding:8px 5px}
 html body[data-modal-type="clockout"] #modalHost .er1366-captured-times strong{font-size:13px}
}