.rdp-field{position:relative;display:block;min-width:0;width:100%}
.rdp-input::-webkit-calendar-picker-indicator{display:none}
:is(#portalView,#workflowDialog) .rdp-field>.rdp-trigger{position:absolute;right:5px;bottom:5px;width:38px;height:38px;min-height:38px;display:grid;place-items:center;padding:8px;margin:0;border:0;border-radius:7px;background:transparent;color:var(--dark,#242521);cursor:pointer;box-sizing:border-box}
:is(#portalView,#workflowDialog) .rdp-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
:is(#portalView,#workflowDialog) .rdp-trigger:hover{background:#ede9e1}
:is(#portalView,#workflowDialog) .rdp-trigger:disabled{opacity:.35;cursor:default}
:is(#portalView,#workflowDialog) .rdp-trigger:focus-visible{outline:2px solid #7d6943;outline-offset:1px}
#residentDatePickerDialog{position:fixed;inset:auto;margin:0;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;padding:20px;border:1px solid #d8d3c9;border-radius:16px;background:#fbfaf7;color:#242521;box-shadow:0 18px 60px rgba(20,20,20,.2);overflow:auto;font:400 14px/1.5 var(--font-body,Inter,sans-serif)}
#residentDatePickerDialog::backdrop{background:rgba(25,24,22,.12)}
#residentDatePickerDialog header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}
#residentDatePickerDialog h2{font:500 25px/1.2 var(--font-heading,Georgia,serif);letter-spacing:0;text-transform:none;margin:0;color:#242521}
#residentDatePickerDialog #rdpContext{font-size:12px;line-height:1.5;color:#68665f;max-width:230px;margin:7px 0 0;overflow-wrap:anywhere}
#residentDatePickerDialog button{font:500 14px/1.4 var(--font-body,Inter,sans-serif);letter-spacing:0;text-transform:none;cursor:pointer;color:#242521;background:transparent;border:1px solid #ddd8ce;border-radius:8px;min-height:40px;padding:8px 12px}
#residentDatePickerDialog header>button{width:36px;min-height:36px;padding:4px;flex:none;font-size:22px}
#residentDatePickerDialog .rdp-month{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center;margin-bottom:12px}
#residentDatePickerDialog .rdp-month h3{font:600 16px/1.4 var(--font-body,Inter,sans-serif);letter-spacing:0;text-transform:none;margin:0;text-align:center}
#residentDatePickerDialog .rdp-month button{font-size:24px;padding:0}
#residentDatePickerDialog table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px;background:transparent}
#residentDatePickerDialog th{height:28px;font:500 11px/1.4 var(--font-body,Inter,sans-serif);color:#68665f;text-align:center;padding:0;border:0;background:transparent}
#residentDatePickerDialog td{height:40px;padding:0;text-align:center;border:0;background:transparent}
#residentDatePickerDialog td button{display:grid;place-items:center;min-width:0;width:100%;min-height:40px;padding:6px 0;border-color:transparent;font-weight:400}
#residentDatePickerDialog td button[aria-current="date"]{border-color:#9e8c6b;font-weight:600}
#residentDatePickerDialog td button.selected{background:#242521;color:#fbfaf7;border-color:#242521;font-weight:600}
#residentDatePickerDialog button:not(:disabled):hover{background:#ece7dd}
#residentDatePickerDialog td button.selected:hover{background:#3b3a35}
#residentDatePickerDialog button:disabled{opacity:.32;cursor:default}
#residentDatePickerDialog :is(button,select):focus-visible{outline:2px solid #7d6943;outline-offset:1px}
#residentDatePickerDialog .rdp-text{border:0;font-size:12px;padding:6px 2px;text-decoration:underline;text-underline-offset:3px}
#residentDatePickerDialog .rdp-time{display:flex;gap:12px;padding-top:14px;margin-top:10px;border-top:1px solid #ddd8ce}
#residentDatePickerDialog .rdp-time label{display:grid;flex:1;gap:6px;min-width:0;font-size:12px;font-weight:500;margin:0}
#residentDatePickerDialog select{-webkit-appearance:none;appearance:none;min-width:0;width:100%;min-height:44px;border:1px solid #d8d3c9;border-radius:8px;background:#fff;color:#242521;padding:10px 28px 10px 12px;font:400 16px/1.4 var(--font-body,Inter,sans-serif);box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2368665f' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
#residentDatePickerDialog .rdp-status{font-size:12px;color:#68665f;line-height:1.5;margin:12px 0;min-height:18px}
#residentDatePickerDialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ddd8ce;padding-top:14px}
#residentDatePickerDialog footer>div{display:flex;gap:8px}
#residentDatePickerDialog .rdp-apply{background:#242521;color:#fbfaf7;border-color:#242521;min-width:76px}
#residentDatePickerDialog .rdp-apply:not(:disabled):hover{background:#3b3a35}
@media(max-width:600px){#residentDatePickerDialog{left:12px!important;width:calc(100vw - 24px);padding:16px;border-radius:16px}#residentDatePickerDialog td button{min-height:40px}}
@media(forced-colors:active){#residentDatePickerDialog td button.selected{outline:2px solid Highlight}#residentDatePickerDialog button:disabled{opacity:1;color:GrayText}}

#residentDatePickerDialog .rdp-status:empty{display:none}

#residentDatePickerDialog footer{margin-top:14px}