.date_time_field_container{margin:.5rem;min-height:0}.date_time_field{width:100%;height:2rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color,grey)}.datetime-field-container{display:flex;flex-direction:column;gap:4px;font-family:var(--font-family,system-ui,-apple-system,sans-serif)}.datetime-field-label{display:flex;flex-direction:column;gap:4px}.datetime-field-label-text{font-size:var(--font-size-sm,.875rem);font-weight:500;color:var(--text-color-primary,#374151)}.datetime-field-required{color:var(--error-color,#dc2626);margin-left:2px}.datetime-field-wrapper{position:relative;display:inline-block;width:100%;transition:all .2s ease}.datetime-field-wrapper.focused{box-shadow:0 0 0 2px var(--focus-color,#3b82f680);border-radius:6px}.datetime-field-inputs{display:flex;gap:8px}.date-input-wrapper,.time-input-wrapper{position:relative;flex:1}.date-input-wrapper{flex:2}.calendar-icon,.time-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--icon-color,#6b7280);pointer-events:none}.datetime-field{width:100%;padding:8px 12px;padding-right:36px;border:1px solid var(--border-color-light,#d1d5db);border-radius:6px;font-size:var(--font-size-sm,.875rem);line-height:1.25rem;color:var(--text-color-dark,#111827);background-color:var(--background-color,#fff);transition:all .2s ease}.datetime-field:-webkit-calendar-picker-indicator,.datetime-field:-webkit-time-picker-indicator {opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.datetime-field:hover:not(.disabled){border-color:var(--hover-border-color,#9ca3af)}.datetime-field:focus {outline:none;border-color:var(--focus-border-color,#3b82f6)}.datetime-field.error{border-color:var(--error-color,#dc2626)}.datetime-field.disabled{background-color:var(--disabled-bg-color,#f3f4f6);color:var(--disabled-text-color,#6b7280);cursor:not-allowed}.datetime-field-error{font-size:var(--font-size-xs,.75rem);color:var(--error-color,#dc2626);min-height:1rem}.datetime-field-error-placeholder{min-height:1rem}.datetime-field-sm .datetime-field{padding:6px 12px;padding-right:32px;font-size:var(--font-size-xs,.75rem)}.datetime-field-sm .calendar-icon,.datetime-field-sm .time-icon{right:10px}.datetime-field-sm .calendar-icon svg,.datetime-field-sm .time-icon svg{width:14px;height:14px}.datetime-field-lg .datetime-field{padding:10px 16px;padding-right:40px;font-size:var(--font-size-md,1rem)}.datetime-field-lg .calendar-icon,.datetime-field-lg .time-icon{right:14px}.datetime-field-lg .calendar-icon svg,.datetime-field-lg .time-icon svg{width:18px;height:18px}