.date_field_container{margin:.5rem;min-height:0}.date-field-container{}.date-field-label{}.date-field-label-text{font-size:.875rem;color:#374151}.date-field-required{color:var(--text-error,#dc2626)}.date-field-wrapper{position:relative;display:inline-block;width:100%;transition:all .2s ease}.date-field-wrapper.focused{box-shadow:0 0 0 2px #3b82f680;border-radius:6px}.date-field-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.date-field,.date_field{width:100%;padding:8px 12px;padding-right:36px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background-color:#fff;transition:all .2s ease}.date-field:-webkit-calendar-picker-indicator {opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.date-field:hover:not(.disabled){border-color:#9ca3af}.date-field:focus {outline:none;border-color:#3b82f6}.date-field.error{border-color:#dc2626}.date-field.disabled{background-color:var(--bg-app,#f9fafb);color:var(--text-disabled,#9ca3af)}.date-field-error{color:var(--text-error,#dc2626);min-height:1rem}.date-field-error-placeholder{min-height:1rem}.date-field-sm .date-field{padding:6px 12px;padding-right:32px;font-size:.75rem}.date-field-sm .date-field-icon{right:10px}.date-field-sm .date-field-icon svg{width:14px;height:14px}.date-field-lg .date-field{padding:10px 16px;padding-right:40px;font-size:1rem}.date-field-lg .date-field-icon{right:14px}.date-field-lg .date-field-icon svg{width:18px;height:18px}