.m4-date-field{display:inline-flex;position:relative;align-items:stretch;min-width:min(150px,100%);max-width:100%;vertical-align:middle;flex:1}
.m4-date-field>.m4-date-text{width:100%;min-width:0;padding-right:38px;box-sizing:border-box}
.m4-date-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}
.m4-date-field>.m4-date-picker{position:absolute;right:2px;top:2px;bottom:2px;min-width:30px;padding:0 6px;border:0;background:transparent;color:var(--ds-text-muted,currentColor);font-size:18px}

.m4-date-calendar{position:fixed;inset:auto;margin:0;z-index:100000;width:280px;box-sizing:border-box;padding:12px;background:var(--ds-surface,#fff);color:var(--ds-text,#17233b);border:1px solid var(--ds-border,#cbd5e1);border-radius:10px;box-shadow:0 8px 24px #0003;font:14px system-ui}
.m4-calendar-header,.m4-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.m4-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:10px 0;text-align:center}
.m4-calendar-grid .ds-btn{padding:5px 0;min-width:0;min-height:30px}
.m4-calendar-grid [aria-pressed="true"]{outline:2px solid var(--ds-accent,#2563eb);outline-offset:-2px}
.m4-calendar-grid .ds-btn:disabled{opacity:.35}