.hr-date-control{position:relative;display:block;min-width:0;width:100%}.hr-date-control>input[type=text]{padding-right:2.4rem;width:100%}.hr-calendar-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#17394b;width:30px;height:32px;font-size:1.35rem}.hr-calendar-panel{position:absolute;top:calc(100% + 6px);right:0;width:285px;max-width:calc(100vw - 36px);padding:14px;border:1px solid #d9d4c8;border-radius:12px;background:#fff;color:#102238;box-shadow:0 10px 35px #10223833;z-index:1200}.hr-calendar-panel[hidden]{display:none}.hr-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem}.hr-calendar-head button{border:0;background:#f5f2e9;border-radius:6px;width:30px;height:30px}.hr-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center;font-size:.8rem}.hr-calendar-grid>span{font-weight:700;color:#6b7280;line-height:28px}.hr-calendar-grid button{border:0;border-radius:6px;background:#f7f5ef;color:#102238;min-height:30px}.hr-calendar-grid button:hover,.hr-calendar-grid button[aria-current]{background:#c8a96a;color:#102238}.hr-calendar-grid button:disabled{opacity:.35}.hr-date-control :is(button,input):focus-visible{outline:3px solid #b58e42;outline-offset:2px}
.hr-local-datetime{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(85px,1fr);gap:8px}