.date-control{display:flex;position:relative;width:100%;min-width:0;align-items:center}
.date-control>input[type=text]{width:100%;min-width:0;padding-right:44px}
.date-control__calendar{position:absolute;right:0;top:0;bottom:0;width:42px;border:0;border-radius:8px;background:transparent;font-size:23px;color:#123658;cursor:pointer}
.date-control__calendar:hover{background:#e8f1fb}.date-control__calendar:focus-visible{outline:2px solid #1766db;outline-offset:2px}
.date-control__calendar:disabled{opacity:.4;cursor:default}
.date-control>input.date-control__native{position:absolute;inset:0;opacity:0;pointer-events:none;width:100%;height:100%}
.date-control>input.date-control__native[hidden],.date-picker[hidden]{display:none!important}
.date-picker{position:fixed;z-index:1500;width:300px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box;padding:14px;border:1px solid #bfd0e4;border-radius:12px;background:#fff;color:#123658;box-shadow:0 8px 30px #092b4c33;font:14px/1.4 system-ui,sans-serif}
.date-picker button{font:inherit;color:inherit;background:#fff;border:1px solid transparent;border-radius:7px;cursor:pointer;min-height:36px}
.date-picker button:hover:not(:disabled){background:#eaf2ff}.date-picker button:focus-visible{outline:2px solid #1766db;outline-offset:1px}
.date-picker button:disabled{color:#aab3bf;cursor:default}.date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.date-picker__header strong{text-transform:capitalize}
.date-picker__header button{width:36px;font-size:24px}.date-picker__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.date-picker__days>span{padding:4px;color:#667b93;font-size:12px}.date-picker__days button.is-selected{background:#1766db;color:#fff;font-weight:700}
.date-picker__footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e2e9f2;margin-top:10px;padding-top:8px}.date-picker__footer button{padding:4px 9px}