/* Date value stays in the shift form; its visible button opens the calendar. */
html body[data-modal-type="shift"] #modalHost .er1028-date-shell #m_date.er39-calendar-value{display:none!important;pointer-events:none!important}
html body[data-modal-type="shift"] #modalHost .er1028-date-shell{height:auto!important;min-height:46px!important}
html body[data-modal-type="shift"] #modalHost .er1028-date-button{min-height:46px!important;touch-action:manipulation!important;cursor:pointer!important}
html body[data-modal-type="shift"] #modalHost .er1028-date-button:focus-visible{outline:3px solid #56866a!important;outline-offset:3px!important}
html body #er39-shift-calendar{box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:auto!important;width:min(382px,calc(100% - 24px))!important;max-width:calc(100% - 24px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;padding:18px!important;border:1px solid #c4d4c7!important;border-radius:18px!important;background:#fffefb!important;color:#263e30!important;box-shadow:0 20px 64px #132d2852!important;font:500 15px/1.4 system-ui,-apple-system,sans-serif!important;z-index:2147483647!important;color-scheme:light}
html body #er39-shift-calendar:not([open]){display:none!important}
html body #er39-shift-calendar::backdrop{background:#152d2566}
html body #er39-shift-calendar.er39-dialog-fallback{outline:100vmax solid #152d2566!important}
html body #er39-shift-calendar *{box-sizing:border-box!important}
html body #er39-shift-calendar header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:0!important;background:transparent!important}
html body #er39-shift-calendar h2{font:700 19px/1.3 system-ui!important;margin:0!important;color:inherit!important;letter-spacing:0!important}
html body #er39-shift-calendar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 8px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:600 15px/1 system-ui!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer!important;touch-action:manipulation!important;opacity:1!important}
html body #er39-shift-calendar button:disabled{opacity:.35!important;cursor:default!important}
html body #er39-shift-calendar button:hover:not(:disabled){background:#edf3ed!important}
html body #er39-shift-calendar :is(button,select,input):focus-visible{outline:3px solid #56866a!important;outline-offset:1px!important}
html body #er39-shift-calendar header button{width:44px!important;font-size:26px!important;background:#f0f3ed!important;flex:none!important}
html body #er39-shift-calendar .er39-calendar-controls{display:grid!important;grid-template-columns:38px minmax(0,1fr) 78px 38px!important;gap:6px!important;align-items:center!important;margin-bottom:10px!important}
html body #er39-shift-calendar .er39-calendar-controls>button{width:38px!important;font-size:28px!important;background:#edf3ed!important}
html body #er39-shift-calendar label{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
html body #er39-shift-calendar :is(select,input){display:block!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 8px!important;border:1px solid #c4d4c7!important;border-radius:9px!important;background:#fff!important;color:#263e30!important;font:600 16px/1.3 system-ui!important;box-shadow:none!important;opacity:1!important}
html body #er39-shift-calendar input{-moz-appearance:textfield!important}
html body #er39-shift-calendar input::-webkit-inner-spin-button{appearance:none!important}
html body #er39-shift-calendar table{display:table!important;table-layout:fixed!important;width:100%!important;border-collapse:separate!important;border-spacing:2px!important;margin:0!important;border:0!important;background:transparent!important}
html body #er39-shift-calendar :is(th,td){padding:0!important;border:0!important;background:transparent!important;text-align:center!important;color:inherit!important}
html body #er39-shift-calendar th{height:28px!important;font:600 11px/1.4 system-ui!important;color:#65796d!important}
html body #er39-shift-calendar td button{width:100%!important;padding:0!important;font-size:15px!important}
html body #er39-shift-calendar td[aria-selected=true] button{background:#245d47!important;color:#fff!important;font-weight:750!important}
html body #er39-shift-calendar td button[aria-current=date]{border-color:#668c70!important}
html body #er39-shift-calendar td[aria-selected=true] button:hover{background:#194c38!important}
html body #er39-shift-calendar footer{display:flex!important;justify-content:space-between!important;gap:12px!important;border-top:1px solid #e0e6dc!important;padding:10px 0 0!important;margin:12px 0 0!important;background:transparent!important}
html body #er39-shift-calendar footer button{padding:0 16px!important;background:#edf3ed!important;color:#245d47!important}
html body #er39-shift-calendar .er39-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important;padding:0!important}
@media(max-width:350px){html body #er39-shift-calendar{padding:12px!important}html body #er39-shift-calendar .er39-calendar-controls{grid-template-columns:32px minmax(0,1fr) 70px 32px!important;gap:4px!important}html body #er39-shift-calendar .er39-calendar-controls>button{width:32px!important}html body #er39-shift-calendar td button{height:38px!important;min-height:38px!important}}
html[data-er-theme=dark] body #er39-shift-calendar{background:#20352b!important;color:#f1f5ef!important;border-color:#56705e!important;color-scheme:dark}
html[data-er-theme=dark] body #er39-shift-calendar :is(select,input){background:#172b22!important;color:#f1f5ef!important;border-color:#56705e!important}
