.date-field{display:inline-grid;position:relative;width:100%;min-width:0;max-width:100%;vertical-align:middle}.date-field[hidden]{display:none}.date-field>.date-field-input{width:100%;min-width:0;box-sizing:border-box;min-height:40px;padding:8px 42px 8px 12px!important;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;color-scheme:light dark}.date-field-input::-webkit-calendar-picker-indicator{display:none}.date-field>.date-field-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.date-field-toggle:hover:not(:disabled){background:var(--surface-subtle);color:var(--text)}.date-field-toggle:disabled{opacity:.45;cursor:default}.date-field-toggle:focus-visible,.date-picker button:focus-visible{outline:2px solid var(--field-focus);outline-offset:1px}.date-picker{position:fixed;inset:auto;margin:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 12px 32px color-mix(in srgb,var(--text) 16%,transparent);z-index:20000;overflow:auto;font:13px/1.45 system-ui,sans-serif}.date-picker:popover-open{animation:date-picker-in .15s ease-out}.date-picker header{display:grid;grid-template-columns:32px 1fr 32px;gap:5px;padding-bottom:8px}.date-picker button{font:inherit;border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;min-height:34px;padding:5px;display:flex;align-items:center;justify-content:center}.date-picker button:hover:not(:disabled){background:var(--surface-subtle)}.date-picker button:disabled{color:var(--text-faint);opacity:.45;cursor:default}.date-picker [data-view]{font-weight:600}.date-picker-week,.date-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-picker-week span{text-align:center;padding:6px 0;color:var(--text-muted);font-size:11px}.date-picker .is-outside{color:var(--text-faint)}.date-picker [aria-current=date]{box-shadow:inset 0 0 0 1px var(--border-strong)}.date-picker [aria-pressed=true]{background:var(--primary-solid);color:var(--primary-solid-ink)}.date-picker [aria-pressed=true]:hover{background:var(--primary-solid-hover)}.date-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0}.date-picker-grid button{min-height:42px}.date-picker footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.date-picker footer button{padding:6px 10px;color:var(--text-muted)}@keyframes date-picker-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.date-picker:popover-open{animation:none}}@media print{.date-field-toggle,.date-picker{display:none!important}.date-field>.date-field-input{padding-right:0!important}}