.site-date-field{display:inline-flex;position:relative;min-width:0;width:100%;align-items:center;flex-wrap:wrap;vertical-align:middle}
.site-date-field .site-date-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;overflow:hidden!important}
.site-date-field .site-date-text{box-sizing:border-box;width:100%;min-width:0;padding-right:34px!important;font-variant-numeric:tabular-nums}
.site-date-field .site-date-trigger{position:absolute;right:2px;top:2px;bottom:2px;width:30px;min-height:0;padding:5px;border:0;background:transparent;color:var(--muted,#526b7b);display:flex;align-items:center;justify-content:center;cursor:pointer}
.site-date-trigger svg{fill:none;stroke:currentColor;stroke-width:1.6}
.site-date-field:has(.site-date-error:not([hidden])) .site-date-trigger{bottom:auto;height:30px}
.site-date-error{display:block;color:#a12b2b;font-size:12px;line-height:1.4;flex-basis:100%;margin-top:4px}
.site-date-error[hidden]{display:none}
.site-calendar{box-sizing:border-box;position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:10px;border:1px solid var(--line,#cbd8e2);border-radius:7px;background:var(--surface,#fff);color:var(--text,#14283f);box-shadow:0 8px 24px #14283f24;z-index:10000;font:13px/1.4 'IBM Plex Sans',sans-serif}
.site-calendar button{box-sizing:border-box;appearance:none;font:inherit;color:inherit;background:transparent;border:0;border-radius:4px;min-height:32px;padding:5px;cursor:pointer;white-space:nowrap}
.site-calendar button:hover:not(:disabled){background:#edf2f6}
.site-calendar button:disabled{color:#9caab6;cursor:default}
.site-calendar button:focus-visible,.site-date-trigger:focus-visible,.site-date-text:focus-visible{outline:2px solid #416b91;outline-offset:2px}
.site-date-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:8px}
.site-date-head>div{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;font-weight:600}
.site-date-head>button{font-size:21px;width:30px}
.site-date-week,.site-date-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.site-date-week{font-size:11px;color:#526b7b;padding-bottom:4px}
.site-date-days button{padding:4px 0;font-variant-numeric:tabular-nums}
.site-date-days .outside{color:#6e8291}
.site-calendar button[aria-current=date]{box-shadow:inset 0 0 0 1px #a57b38}
.site-calendar button[aria-pressed=true]:not(:disabled){background:#896323;color:white}
.site-date-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0}
.site-date-choices button{min-height:40px}
.site-date-foot{display:flex;justify-content:space-between;gap:3px;border-top:1px solid #dce5eb;margin-top:8px;padding-top:6px;font-size:12px}

.site-date-react{display:inline-flex;min-width:0;width:100%}