.date-field{min-width:0}.date-input{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--panel, #fff)}.date-input:focus-within{outline:2px solid var(--accent);outline-offset:1px}.date-input:has([aria-invalid=true]){border-color:var(--bad, #b91c1c)}.date-input:has(input:disabled){opacity:.55;background:#f8fafc}.date-input input{border:0;background:transparent;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;padding:6px 8px;width:100%;min-width:0;outline:none}.date-trigger{flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-left:1px solid var(--line);border-radius:0 5px 5px 0;background:transparent;color:var(--muted);cursor:pointer;padding:0}.date-trigger:hover:not(:disabled){background:#eff6ff;color:var(--accent)}.date-trigger:disabled{cursor:default}.date-error{font-size:12px;color:var(--bad, #b91c1c)}.date-popover{position:fixed;inset:auto;margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel, #fff);color:var(--text);box-shadow:var(--shadow);width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;font:13px system-ui,sans-serif}.date-popover>p{max-width:260px;white-space:normal}.date-calendar.rdp-root{--rdp-accent-color: var(--accent);--rdp-accent-background-color: #eff6ff;--rdp-day-width: 36px;--rdp-day-height: 36px;--rdp-day_button-width: 34px;--rdp-day_button-height: 34px;--rdp-day_button-border-radius: 6px;--rdp-nav_button-width: 30px;--rdp-nav_button-height: 32px;--rdp-nav-height: 36px;--rdp-disabled-opacity: .35;--rdp-outside-opacity: .5}.date-calendar .rdp-month_caption{font-size:14px}.date-calendar .rdp-selected .rdp-day_button{color:#fff;background:var(--accent)}.date-calendar .rdp-day_button:hover:not(:disabled):not([aria-selected=true]){background:#dbeafe;color:#1e3a8a}.date-popover button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.date-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:8px;margin-top:6px}.inline-field>.date-field{width:100%}.inline-field .date-input input{padding:3px 6px}.step-figures .date-input input{font-size:12px;padding:2px 5px}@media(max-width:760px){.date-calendar.rdp-root{--rdp-day-width: 40px;--rdp-day-height: 40px;--rdp-day_button-width: 38px;--rdp-day_button-height: 38px}.date-trigger{flex-basis:36px}}