.date-field{display:flex;align-items:stretch;gap:4px;min-width:0}.date-field input{min-width:0;flex:1}.date-trigger{flex:none;padding:8px;display:grid;place-items:center}.date-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.choice-list.date-picker{display:block;padding:12px;max-height:calc(100dvh - 16px);overflow:auto;z-index:10000}.date-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.date-heading strong{font-size:13px}.date-picker button{margin:0;text-align:center;min-width:30px;min-height:32px;padding:4px;border-radius:6px}.date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-grid>span{text-align:center;font-size:10px;color:var(--muted);padding:5px 0}.date-grid button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.date-grid button[aria-current=date]{box-shadow:inset 0 0 0 1px var(--accent)}.date-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.choice-list.date-picker button{text-align:center;padding:4px;border-radius:6px}.date-picker .date-heading button{width:32px;flex:none}.date-heading strong{white-space:nowrap}.date-picker .date-footer button{width:auto;padding:5px 12px}