.date-input-row{display:flex;gap:8px;align-items:center}.date-input-row input[type=text]{min-width:0;flex:1}.date-input-row button{white-space:nowrap;padding:10px}.date-calendar{border:1px solid var(--border,#ccc);padding:12px;border-radius:12px;margin-top:8px;background:var(--surface,#fff);color:var(--text,#172b26)}.date-calendar[hidden]{display:none}.date-calendar-controls{display:flex;gap:12px;margin-bottom:12px}.date-calendar-controls label{flex:1}.date-calendar-controls select{width:100%;margin-top:4px}.date-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.date-days button{min-height:36px;padding:4px}.date-days [aria-current=date]{outline:2px solid var(--accent,#078373)}.date-days button:disabled{opacity:.35}.date-field small.error-text{min-height:0}